[thelist] Background H3 Tag IE Mac

Pierre-Henri Lavigne lavigne at getphuture.com
Sat Aug 12 09:13:10 CDT 2006


On Thursday 03 August 2006 04:20, Robert O'Rourke wrote:
> Pierre-Henri Lavigne wrote:
> > [snip]
> > ...
> > .sample h3 {margin: 0 8px; border-top: 1px solid #ebb716; background:
> > #fff url(i/st.gif) top left repeat-x; font-weight:bold;}
> >
> > Thanks
>
> Bonjour Pierre,
>
> You need to change the background declaration to read as follows:
>
> background: #fff url(i/st.gif) repeat-x top left;
>
>
> The /order /the rules appear in matters.
> http://www.w3schools.com/css/pr_background.asp has the properties listed
> in the order they need to be.
>
> This page has some handy css tips along these lines too:
>
> http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
>
>     Rob =]

Merci Robert.

Actually I had to add the height attribute :
h3 {height:27px; font-size:1.2em; font-weight:bold; line-height:27px; 
text-indent:2em;}
.sample h3 {position:relative; background: url(i/sur.gif) no-repeat top right; 
color:#fff;}
.sample h3 span {position:absolute; left:-2px; top:-1px; color:#821d06;}

Thanks and see ya later,

-- 
Pierre-Henri Lavigne
lavigne at getphuture.com
Tel: +33 (0)6.18.75.32.67



More information about the thelist mailing list