more css problems - creating tabs on list
Right, so i have almost got over the initial shock of changing from table layout to CSS layout and actually its pretty good. However, the not being able to have two background images is becoming very irritable!
I have a nice inline list of links which im trying to make into tabs - background images. One for the left corner, one repeat image for the centre background and one for the right corner.
But i just cant seem to do it and was just tempted to say, "lets just use a damn table" and then i realised how stubborn i can be.
Any help is appreciated!
kb posted this at 19:21 — 13th July 2007.
He has: 1,380 posts
Joined: Feb 2002
Do you have an example we could look at? Or maybe what your code was, and what it is now?
webwiz posted this at 19:44 — 13th July 2007.
He has: 629 posts
Joined: May 2007
Is this the kind of thing you are attempting? -
Sliding Doors of CSS
benf posted this at 10:44 — 15th July 2007.
They have: 426 posts
Joined: Feb 2005
Yes well i managed to find something on the internet...and yes the sliding doors tutorial was one, so its large background images for the LI and the A tag?
Good Value Professional VPS Hosting
webwiz posted this at 03:44 — 17th July 2007.
He has: 629 posts
Joined: May 2007
Well, taller, not so much "larger." You'll also find taller images take up very few extra bytes, due to PNG or GIF optimization.
Incidentally, PNGs are almost always smaller than GIFs of equivalent quality - just make sure to use PNG-8 (which has single-color transparency, like GIFs). These work in any browser since Netscape 4.
I say "almost always smaller" because Photoshop adds a lot of extra gunk to PNG images. You can get plug-ins that take out this gunk. I use PNGOUTWin - there are others.
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
webwiz posted this at 03:52 — 17th July 2007.
He has: 629 posts
Joined: May 2007
P.S.
It's coming[1]! In fact, Safari already has it.
[1] http://www.w3.org/...#the-background-image
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.