zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Horizontale CSS Navigation mit Trennstrichen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.04.2005, 12:43
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2004
Beiträge: 38
dimension befindet sich auf einem aufstrebenden Ast
Standard 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;
}
wie kann man das lösen?

danke dimension
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.04.2005, 13:04
Neuer Benutzer
neuer user
 
Registriert seit: 20.04.2005
Beiträge: 5
DX-Rated befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.04.2005, 13:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2004
Beiträge: 38
dimension befindet sich auf einem aufstrebenden Ast
Standard

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>
für was steht im ersten listenelement li die id="active" drin, und im darinbefindlichen link die id="current" ... die wird garnicht verwendet?
und es ändert sich am aussehen nichts wenn sie weggelassen werden?
Mit Zitat antworten
  #4 (permalink)  
Alt 24.04.2005, 14:42
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

ich würde das so machen:
Code:
<ul class="navi">
<li class="first">...[*]<span>Active</span>[*]...
<li class="last">...[/list]
Dann gibts du .navi li links und rechts nen Border, und überschreibst danach mit .first und .last den rechten bzw linken Border.
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
Mit Zitat antworten
  #5 (permalink)  
Alt 24.04.2005, 21:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2004
Beiträge: 38
dimension befindet sich auf einem aufstrebenden Ast
Standard

danke!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:22 Uhr.