- From: Sam Kearns <sam@hinterlands.com.au>
- Date: Mon, 08 Mar 2004 12:49:45 +1100
- To: www-style@w3.org
- Message-ID: <404BD139.3040601@hinterlands.com.au>
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
>
>
Attachments
- image/gif attachment: tabBG.gif
Received on Sunday, 7 March 2004 20:49:48 UTC