zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigationsleiste-Fehler

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 03.04.2014, 13:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.04.2014
Beiträge: 11
Necator befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Hinweis mit dem Background-Color green, dadurch hab ich erkannt, dass mir ein simpler Fehler bei der width passiert ist. die width und die Gesamtlänge der Tabs haben nicht übereingestimmt, so war zwar alles zentriert, aber die Tabs haben nicht den gesamten Bereich ausgefüllt.

Danke.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 03.04.2014, 13:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.04.2014
Beiträge: 11
Necator befindet sich auf einem aufstrebenden Ast
Standard

Leider bekomme ich das sliden der Reiter mit transition nicht hin. Muss ich hierzu die Hover-Css-Rules in eine neue Div packen oder geht das auch in der gleichen?

Soweit der momentane CSS- Code dazu, Ab Zeile 50 (#navbar ul li:hover ul { }) habe ich versucht einen Slide-Effekt zu erzeugen.
Code:
@charset "utf-8";
#navbar {
	text-align: left;
  	margin: 0 auto;
	height: 35x;
	width: 755px;
	z-index: 2;
	
}
#navbar ul {
	margin: 0px;
	padding: 0px;
}

/* Erstellen der Tabs */
#navbar ul li {
	background-color: #333333;
	float: left;
	border: 1px solid #FFF;
	position: relative;
	list-style-type: none;
	border-left-width: 0px;
}

/* Haupt-Style Elemente und Positionierung als Block */
#navbar ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 30px;
	width: 150px;
}
/* Ausblenden der 2. Stufe */
#navbar ul ul {
	position: absolute;
	visibility: hidden;
	top: 31px;
}




/* Sichtbarmachen der 2. Stufe */
#navbar ul li:hover ul { 
	visibility: visible;
	-webkit-transition: height 0.3s ease-in;
    -moz-transition: height 0.3s ease-in;
    -o-transition: height 0.3s ease-in;
    -ms-transition: height 0.3s ease-in;
    transition: height 0.3s ease-in;
}
/* Sichtbarmachen der 3. Stufe */
#navbar ul li ul li:hover    ul li{
	visibility: visible;
	left: 151px;
	top: -32px;
	position: relative;
}

/* Beibehaltung der grauen Farbe */
#navbar ul li:hover {
	background-color: #666;

}
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, fehler, hover, html, navigation

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
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
Horizontal zentrierte Navigationsleiste erstellen Webnut CSS 4 16.01.2011 12:09
Dynamische Navigationsleiste horizontal, vertikal Faven CSS 6 28.06.2010 15:06
Fehler im Code koshiro (X)HTML 23 07.12.2009 13:39
Fehler bzw. Warnungen für eine Lightbox empfei (X)HTML 3 24.10.2009 14:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:54 Uhr.