css-background-image

CSS background image aligned to left bottom corner without forcing scrollbars

Hi, i have a simple website: fixed width, variable height, centered. I want a background image to align to the bottom left corner of the content like so: ---------------------------------------------------------- ____________________________ | <- 960px -> | | ...

Form is not in correct position in IE7

http://www.campbellcustomcoatings.com/index2.php At this site, I'm using css3's box shadow and rgba for the content background. To make it play nice with IE7, i'm using 3 images. The Form element is cleared underneath the main content area and it's supposed to be to the right of it. Any body know why? ...

Conditional menu mouseout using jQuery Background-Position plugin

Hi, I currently have a drop-line horizontal menu using an unordered list with the following HTML markup: <div class="menu"> <ul> <li><a class="tier1" href="#">Top Link 1</a></li> <li> <a class="tier1" href="#">Top Link 2</a> <ul> <li><a href="#">Sub Link 1</a></li> <li><a href="#">Sub L...

CSS - positioning a background image on a fluid layout

Hi so the layout is like this: <div style="width: 100%;" class="container"> <div class="col1" style="width:30%;float:left;"> column 1 </div> <div class="col2" style="width:70%;float:left"> column 2 </div> </div> I want to make div.col1 a different color, so for this I'm using a vertically repeating background ima...

Force recalculation of $(...).css("background-image") on linked stylesheet reload

Hey, long story short, (I only need functionality in Chrome) Context: I'm hacking together a node.js script that automatically watches the files it serves for changes and then uses a websocket connection to push a message to a control page in the browser that manages the reload of assets. For instance, if an html page has an <img href=...

Why are the background images in my absolutely positioned div not displaying??

I can't figure out why my background images in my absolutely positioned divs aren't displaying. I'm using firefox, but also in Chrome. Pariticularly odd is that when viewing the page with the web developer toolbar's Edit CSS dialogue open, the images appear. The images in question are a div with an id of "joel-image" and the nav item...

IE7 causing disappearance of background image on scroll

Hey, I'm having an IE7 issue with a website i'm working on - www.mini-meals.co.uk Basically, the background image is not showing on behind the form on the 'Free Trial' panel, and is disappearing when I scroll down on the others. I've tried adding position:relative; on a bunch of elements but it doesn't seem to make a difference. Any ...

Prevent Google Translator from changing height of html to 100%

I added a Google Translator widget to a site (using the code provided here: http://translate.google.com/translate_tools) and have the following issue: It automatically adds a style attribute to the html tag whose value includes: height: 100% This is "breaking" the page layout. For example, CSS backround images that were positioned t...

How can I make background of a div span over the entire page

I'm working on a webpage right now and I need the background of a div to cover the entire page (100% width). My problem is that the content of the div should be centered in a 950px div which is centered and the div with the background is placed within a div with 950px width. I can not figure out how I shoud get this to work. Could so...

css background static?

if i wanted a background that deosnt move(stays static) so only the page moves when scrolling, if you get what i mean!! this is my background code: background: #fff url(back1.png) ; ...

CSS fake HR with background image.

I want to have a HR like background image. a 2 pixel wide gif file. I looked into styling the HR tag, but too much browser issues.. Used a 2px high div with the image as bg, but in IE6, there is a padding I can not seem to get rid of. Any suggestions welcome! CSS: .hr { margin: 0; padding: 0; height: 2px; background-image:...

What's causing the background in a container to be cut off when window is resized smaller?

My website has the typical container that is centered in the middle (very similar to Digg's V4 website actually @ http://digg.com). The problem I'm having is that when resizing the window smaller than the container's width, anything with a background in the container appears to be cut off according to the window's width. Digg's website...

Inline Background Image for Text

I want to use a background image to highlight text in a paragraph. I do not want to use the background-color property for this as I want an image that look more like it was hand highlighted. How can I do this INLINE? I seem to only be able to do it as a block element and then the text breaks to its own line. I need it inline, a sentence ...

Does CSS3 support using both an image and a gradient for the background of a single <div>?

I know you can do multiple backgrounds on a single <div> in CSS3, but is it possible to mix an image-referencing background (i.e. url(...)) with a gradient generating background (e.g. -moz-linear-gradient(...))? If so, what is the syntax? If not, what is a best-practice to achieve the same result? Thanks. ...

Using CSS with background image/login

Currently I'm trying to edit a login screen for a web based application. As of now, I have the login prompt (user & password) at a particular place on page so that it corresponds with the background image. Right now this image is set to 1024x768. What I was wondering, is there a way to have the background automatically scale depending ...