|
|||
Horizontale CSS Navigation mit Trennstrichen
hi,
ich habe eine horizontale navigation mit css erstellt: http://dimension.xserv-media.de/topnav_bar/index.htm ... die nav basiert auf einem bsp von http://css.maxdesign.com.au nur hab ich ein problem: ich wollte auch diese Trennstriche zwischen den menüeinträgen haben, jedoch nur zwischen 2 einträgen, nicht aber am äußeren rand links passts - rechts nicht ... ganz logisch weils ja mit border-right:... angegeben ist der css-teil für die horizontale nav: Code:
#topnavcontainer { padding-top:3px; } ul#topnavlist { margin:0; padding-left: 0; white-space: nowrap; } #topnavlist li { float:left; /* display:inline; oder float:left; */ list-style-type: none; } #topnavlist a { padding: 3px 10px; } #topnavlist a:link, #topnavlist a:visited { color: #CDFFFF; text-decoration: none; border-right: 1px solid #7CC1EB; } #topnavlist a:hover { color: #FFD400; background:url(../img/top_nav_over.gif) repeat-x; text-decoration: none; } danke dimension |
Sponsored Links |
|
|||
Sieh Dir mal die Pseudo-Klasse :first-child an. ;)
__________________
Es gibt nur eins im Leben, worauf du dich verlassen kannst: Die Tatsache, dass du dich auf nichts verlassen kannst. |
Sponsored Links |
|
|||
versteht afaik ie6 nicht...
und somit unbrauchbar ... bzw. schon brauchbar aber nur für höchsten 10% der betrachter nur hätt ich gern dass alle user die trennstriche nur in der mitte sehn können? achja 2.frage: bei den beispielen von http://css.maxdesign.com.au da steht bei der liste immer: Code:
<div id="navcontainer"> <ul id="navlist"> <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]</div> und es ändert sich am aussehen nichts wenn sie weggelassen werden? |
|
||||
ich würde das so machen:
Code:
<ul class="navi"> <li class="first">...[*]<span>Active</span>[*]... <li class="last">...[/list] Und über .navi span greifst du auf den Activen Punkt zu, muss ja kein Link sein.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 12:11 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Hilfe bei CSS Navigation | trimalchio | CSS | 7 | 10.01.2011 14:13 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
css Navigation nur mit Bildern | van-delle | CSS | 3 | 14.07.2007 17:08 |