- From: Sam Kearns <sam@hinterlands.com.au>
- Date: Mon, 08 Mar 2004 13:09:29 +1100
- To: www-style@w3.org
Oh poo.. it doesn't even work in IE6, nevermind....
Sam Kearns wrote:
> Just a stab in the dark here considering I haven't seen your page, but
> would the following suggestion work for you? Please excuse the crudity
> of my example but it does demonstrate the principle. (tabBG.gif is
> attached).
>
> <html><head>
>
> <style>
> li { position: relative; float: left; padding: 1em 1em 0.1em 1em;
> list-style-type: none;}
> li img { position: absolute; top: 0px; left: 0px; width:100%;
> height:100%; }
> li .text { position: relative; z-index: 10; }
> </style>
> </head><body>
>
> <ul>
> <li><span class="text">A Menu Item</span>
> <img src="tabBG.gif"/>
> </li>
> <li><span class="text">More</span>
> <img src="tabBG.gif"/>
> </li>
> <li><span class="text">Something Else</span>
> <img src="tabBG.gif"/>
> </li>
> </ul>
>
> </body></html>
>
> Robert Koberg wrote:
>
>>
>> Boris Zbarsky wrote:
>>
>>>> I guess we will simply not support mozilla resizing
>>>
>>>
>>>
>>>
>>> Does that mean you won't worry about what happens when someone
>>> resizes the font
>>> in Mozilla? Or that you won't support Mozilla altogether?
>>
>>
>>
>> The layout works fine in mozilla when accessing the site with text
>> size being normal. It will break (the tab's text) when a mozilla user
>> increases their font size. as I mentioned we accounted for this in
>> 95% of the site, just not for pixel based fonts. Oh well...
>>
>>>
>>> Boris
>>
>>
>>
>
>
> ------------------------------------------------------------------------
>
Received on Sunday, 7 March 2004 21:09:32 UTC