background image

Hello, help me please. I looking solution for make the line like this:

The background line can be titled image.
But title should be dynamical, so width can't be in px's.

Thanks.

I've been trying to figure out how to put a background image on the upper half of my webpage, with the lower half just being a regular color.

I want it similar to this: http://www.udel.edu/researchmagazine/

I've tried setting it up using different positioning, but so far nothing as worked.

If anyone has any suggestions I would be greatly appreciative.

Thanks!

I am currently creating a website and am using a background on the html tag and one on the body tag too. The html tag background repeats along x and the body background repeats along y. I would like the body background to start about 150px down so that the html background can be seen. When I try to set the y-position it doesn't seem to work...please help!

here is the code for the styling...

html{
background: url(images/background.jpg) repeat-x;
}
 
body {
background: url(images/backgroundsides.png) repeat-y center 150px;
margin: 0px auto;
}

I'm trying to grasp the simple concept of creating a background image, which will sit behind (or appear as if it sits behind) the core layout divs (e.g header, wrapper). Its hard to explain, but here are a couple of examples:

http://alex-wilkes.com
http://www.behance.net/gallery/Canvas-Card-Website-design/120103

Hi I have a strange hover problem in Google Chrome

I have a menu and I have used a.hover to show a background for the menu item on mouse over. this works fine in Mozilla and IE but not in Google Chrome. The CSS code that I used for the menu follows. background:url(images/menu_bg.gif) no-repeat left top;} is the back ground image for the menu item.
It has an Image of 200X25 dimension: -

.content_resize { padding-right:0; padding-top:16px; width:930px;background-color:#fff; }
.content .mainbar { float:left; width:630px;}
.content .newstick { float:center; width:650px;}