Re: Minimal CSS tab bar with drop-down menus
- From: phil-news-nospam@xxxxxxxx
- Date: 12 May 2006 00:54:14 GMT
On Thu, 11 May 2006 22:04:36 +0000 (UTC) axlq <axlq@xxxxxxxxxxx> wrote:
| In article <e3vtt8125dp@xxxxxxxxxxxxxxxxx>, <phil-news-nospam@xxxxxxxx> wrote:
|>Seems a lot of people are running into lots of things like this.
|>They describe what they do want, and some answers they get are
|>"stop wanting that".
|
| Heh. I just posted such a reply to you in the thread about rounded
| corners. Sorry.
if there's no way at all to accomplish it, I guess I do have to stop
wanting that. But if I can get it with a hack, I will. And if that
hack degrades at least gradefully on non-compliant browsers, that is
usually OK. I can get rounded corners with massive tables and it works
even on IE. Or I can get rounded corners with CSS using a four levels
of background layering that doesn't impact the square corners underneath.
There are some other methods which I have not thoroughly studied, yet.
|
|>| The drop-down part always appears to the left a bit in both Firefox
|>| and Opera (and also IE if I change the CSS to force the submenu to
|>| show up). I don't know why. I'm not specifying the position at
|>| all; I'm just letting the position fall where it wants (the default
|>| should be right under the parent element, which is the 2nd tab in
|>| this case). I'm OK with the positioning though.
|>
|>I wonder what it would do if the tab with a drop down was all the way
|>to the left edge.
|
| Good thing you asked; it revealed a problem (not related to left
| edge). I just added submenus to all the other tabs, and discovered
| my approach doesn't work. ALL submenus appear in the same place!
|
| Grrr.... not what I expected from reading the CSS spec, which says if
| you don't specify a position with position:absolute, then the position
| goes wherever it would normally fall.
Ouch. Sounds liek a new Q for a new thread.
| I don't know what to do about it. Somebody, help!
|
|>| That's odd. Your Firefox renders it properly. MY firefox raises
|>| the tabs 1 pixel too high, so the border under the first tab doesn't
|>| get erased, and there are two borders under the other tabs
|>
|>The user-agent for mine tells part of the story:
|
| Hm. Maybe the bug is in the underlying graphics packages in Windows.
Not impossible.
--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
| (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------
.
- References:
- Minimal CSS tab bar with drop-down menus
- From: axlq
- Re: Minimal CSS tab bar with drop-down menus
- From: phil-news-nospam
- Re: Minimal CSS tab bar with drop-down menus
- From: axlq
- Re: Minimal CSS tab bar with drop-down menus
- From: phil-news-nospam
- Re: Minimal CSS tab bar with drop-down menus
- From: axlq
- Minimal CSS tab bar with drop-down menus
- Prev by Date: Re: newbie: class or id?
- Next by Date: Re: newbie: class or id?
- Previous by thread: Re: Minimal CSS tab bar with drop-down menus
- Next by thread: Re: Minimal CSS tab bar with drop-down menus
- Index(es):
Relevant Pages
|
