Yea I think you're right Ok..so my goal is to rebuild the navigation menu as seen on http://www.stauden.de in CSS.
My idea to realize the rollups was to let the navigation have a fixed background image, that shows the whole green bar. Over the navigation-links there is a "white bar" with height, width and position equal to the green bar as seen in the menu. When a navigation link is hovered the white bar should get as small as it needs to be, to show the green bar up to the currently hovered navigation link, that's why I want to give the links or <li> items different classes/Ids. But I just realized that the method I'm trying to do is not working because there would be white bars for each link in the menu. Then - resizing one of the white bars would just do nothing, because another white bar is right underneath it, from the next link. I think it's better if you could take a look at the menu. I'm quite new into CSS and it's not that easy for me to rebuild such a menu in CSS..but I wanna give it a try. Thanks for you gelp in advance. Marcel Pociot | e-mail: [EMAIL PROTECTED] . . . . . . . . . . . . . . . . . . . . . . Xbyte GmbH | 40699 erkrath | trills 23 http://www.xbyte.de | tel.: 02104-138 49 30 | fax: 02104-138 49 34 -----Ursprüngliche Nachricht----- Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Christian Heilmann Gesendet: Dienstag, 9. August 2005 12:39 An: [EMAIL PROTECTED] Cc: [email protected] Betreff: Re: [css-d] CSS class name problem > Hi there, > > I'm currently trying to control an <a> html tag with a class ID ,,1" , > but I just can't change the settings of it. > > The html looks like this: > > <div id="navigation"> > <ul> > <li class="selected"><a href="#"><img class="whitebg" > src="nav/white_stripe_bg.gif">Staude des Jahres</a></li> > <li><a class="1" href="#"><img class="whitebg" > src="nav/white_stripe_bg.gif">Staudenportraits</a></li> > <li><a class="2" href="#"><img class="whitebg" > src="nav/white_stripe_bg.gif">Staudenportraits</a></li> > <li><a class="3" href="#"><img class="whitebg" > src="nav/white_stripe_bg.gif">Staudenportraits</a></li> > </ul> > </div> > > In CSS I'm trying things like: > > #navigation a.1:hover img { height: 2px; } > > Or even: > #navigation ul li a.1:hover img {height: 2px; } > > but it's not working. > If I control the element with: > #navigation a:hover img {...} > everything just works fine, but I only want to control the specific > elements, not all <a> tags. Try using an alphanumeric character first, like "nav1". While the specs seem not to forbid class names that are only numbers http://www.w3.org/TR/html4/types.html#type-cdata (it is a different issue for IDs!) I doubt browsers really understand what is going on. So would the maintainers of your code. Use class wisely and with semantics in mind, not driven by the visual representation. Furthermore class should be used when there is more than one element that should get the same style. Maybe if you describe what you want to achieve we can help you better, I get the impression you are doing things overly complex. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ ______________________________________________________________________ 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/ ______________________________________________________________________ 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/
