Hi!
I have created a css button like title.The code is listed below. But I want the title background to grow as the text expands instead of a fixed width. I noticed that if I dont give a fixed width it totally enlarges to the whole screen.
Is there any way I can change it so that the title background grows as the text grows??

Thanks in advance

#product_content_r .product_box h6.news {
width: 6em;
padding: 0.2em;
line-height: 1.6;
background-color: #C83091;
border: 0px solid black;
color: #fff;
text-decoration: none;
text-align: center;
margin-right:5px; font-size:12px;
margin-left:20px;
margin-top:-10px;
font-weight:normal;

}

<h6 class="news">NEWS</h6>

Are you talking about a background image? Background images tile by default, so you must have done something to stop that. I don't know what, because there is no trace of any background image in the code you posted.

--
http://yupapa.com

No, I've been playing around with this and pouring over all the pages of my sites, and I've never done this either apparently.

When you use the width: 6em; style rule, it creates a magenta box 6em long. But depending on the text you have in the XHTML file, this may or may not be enough for the text. It may force the text to wrap onto a second line. If you remove the width rule, you get the heading onto one line, but the magenta box instantly snaps to the width of the screen (adjusting only for the margins). I've played with the margins and using percents and other units for the width, but the same basic problem remains. It sounds like you want the box to automatically expand to fit the length of the content. So far I haven't been able to find a solution.

...Depending on how many people you want to piss off, you could create a one cell table. I believe that would display the behavior you're looking for. ;) (Just a bad joke, and besides I'm not sure. It's been years since I did a table based layout.)

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.