Line under news title

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.


Background image + Background color for webpage

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:

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.


Setting the y-position of the background image

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...

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

Full-width background image as part of layout. *Link included*

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:

Hover Problem in Google Chrome. Works Fine with Firefox and IE.

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;}

Syndicate content