Barney Carroll wrote:
>http://www.alistapart.com/articles/slidingdoors/
>
>...is the best I've seen, although I did trawl the net for ages looking
>for a perfect rounded-corners solution and ended up creating my own hybrid.
>
>As for the images, just cut up that gif and remove the text why not?
>
>Regards,
>Barney
>
>Brian Jones wrote:
>
>
>>Hi,
>>
>>I am trying to create a css tabbed menu like this
>>http://astro.temple.edu/~tua14115/sampletabmenu.gif
>>
>>Does anyone know where i can find the images to style the tabs like
>>this and how would i go about doing it.
>>
>>Thanx
>>
Hi Brian,
Barney's advise for the images is working as long as the tabs are fixed
width, with the tab-text as a part of the image. Then indeed the
hovering status can be a simple image css hover a la Sliding Doors. [1]
Maybe it are font-size scalable tabs however. Then copying the image
from a screenschot will be not enough, for there will be "more image" (=
more images with parts of the seen tab image, or a combined image with
parts outside of the viewport).
Some application examples for scalable hovering tabs:
* slidingDoorsTabs-hoverimage
<http://home.tiscali.nl/developerscorner/css-discuss/test-slidingDoorsTabs-hoverimage.html>,
also a home made hybrid (or "tribrid") solution (see source code
for used input).
* IE-proof-liquid-tabs
<http://home.tiscali.nl/developerscorner/css-discuss/test-IE-proof-liquid-tabs.html>,
another one.
The images are © free. ;-) - And some more theory and practice on:
* the MaxDesign's Listamatic page
<http://css.maxdesign.com.au/listamatic/>,
* the Accessify.com's List-O-Matic generator
<http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/>.
To get some choice! :-)
francky
[1] Tab-like menu example is here
<http://home.tiscali.nl/developerscorner/css-discuss/test-jakob-nav.htm>.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
