Colin,

on Monday, October 10, 2005 at 08:41 Colin wrote:

> The reason I'd like to keep the <li>'s so high is I'd like to 'heighten
> them' on a:hover.

I think that you can do it with css in an easy way, if you don't want
to let it resizable:

Make the cloudy dreampower img without the tabs the background for the
ul. Separate the pictures from the tabs. Use your favourite image
replacement technique to replace the text in the <li>s with the tab
images. Make the <li>s position: relative and position the separated
pictures absolutly inside the <li>s.

Making it resizable is a bit more complex:

Read the sliding doors article at ala:
http://www.alistapart.com/articles/slidingdoors

All images have to be much bigger than the visible area at standard
text size. Now you should use the HTML-text instead of the text in the
images. This will lack support for the white glow effect around the
letters.

regards

  Martin

 



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to