zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navi funzt micht richtig

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.04.2009, 12:32
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.10.2008
Ort: Papenburg
Beiträge: 41
Miso befindet sich auf einem aufstrebenden Ast
Standard Navi funzt micht richtig

Hier die Navi rechts oben funktioniert nicht richtig.
http://www.vila-manuela.de/aufbau/index.htm

Beim rüberfahren mit der Maus sollte einen Hand sein,
kommt aber nur ein Textcursor, Link funktioniert aber.
Will das beim Rüberfahren wie die Rechte navi unten
der Hand angezeigt wird, damit mann weis das es ein Link ist.

Code:
<ul id="navigation-4">
<li><a href="#" class="active"><span>Start</span></a></li>
<li><a href="index.htm"><span>Ferienwohnugnen	</span></a></li>
<li><a href="#">	<span>Preise			</span></a></li>
<li><a href="#">	<span>Lorem			</span></a></li>
<li><a href="#">	<span>Ipsum			</span></a></li>
<li><a href="#">	<span>Dolor			</span></a></li>
</ul>
Code:

 #navigation-4 li {	list-style: none; 
float: left;
margin: 0 2px 0 0;
}

#navigation-4 li a {text-decoration: none;
background: #676f7a url(nav-bg-l.jpg) top left no-repeat;
color: #DFE1E2;
float: left;
padding: 0 0 0 5px;
}

#navigation-4 li a span {
background: #676f7a url(nav-bg-r.jpg) top right no-repeat;
color: #DFE1E2;
float: left;
padding: 10px 15px 10px 10px;
}

#navigation-4 li a:hover span {
background-position: 100% -92px;
color: #fff;
}

#navigation-4 li a:hover {
background-position: 0 -92px;
color: #fff;
}

#navigation-4 li a.active {
background-position: 0 -184px;
color: #fff;
text-decoration: none;
}

#navigation-4 li a.active span {
background-position: 100% -184px;
color: #fff;
text-decoration: none;
}
__________________
Kroatien - Zeitlose mediterrane Schönheit
Urlaubsreif : www.top-ferienhaus-kroatien.de
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.04.2009, 13:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Zunächst passiert das wohl nur im IE oder? Solltest du schon dazu sagen. Zum anderen liegt es wohl an dem verschachtelten <span> im Linkelement. Wozu machst du das? Ein Hintergrundbild kannst du auch dem Link direkt geben.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.04.2009, 13:57
Benutzerbild von Sammy_the_Bull
Neuer Benutzer
neuer user
 
Registriert seit: 27.04.2009
Beiträge: 15
Sammy_the_Bull befindet sich auf einem aufstrebenden Ast
Standard

Funktionieren tuts in keinem IE.

Kannst Du mir sagen, warum Du

a.) - überhaupt Span Elemente nutzt? Macht nur Sinn, wenn Tooltipps beim hovern angezeigt werden sollen.

b.) - Du den Anker und den Spanelementen Hintergrundbilder zuweist? Soory, aber mir erscheint das absolut sinnfrei. Entweder weise ich es den Span oder den Ankerelementen zu.

Das solche Menüs nicht ganz einfach sind, ist mir bewusst. Vielleicht solltest Du an ein fertiges denken? Hier gibt es Stu Nicholls | CSSplay | CSS only menus tonnenweise davon.
__________________
Gruß, Sammy

http://www.the-netbrain.de
Mit Zitat antworten
  #4 (permalink)  
Alt 28.04.2009, 14:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Doppelt fragen hält besser?
Mit Zitat antworten
  #5 (permalink)  
Alt 28.04.2009, 14:16
Benutzerbild von Sammy_the_Bull
Neuer Benutzer
neuer user
 
Registriert seit: 27.04.2009
Beiträge: 15
Sammy_the_Bull befindet sich auf einem aufstrebenden Ast
Standard

Wenn detailierter nachgefragt wird..
__________________
Gruß, Sammy

http://www.the-netbrain.de
Mit Zitat antworten
  #6 (permalink)  
Alt 28.04.2009, 14:16
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Die Grafik für a ist nur die linke, runde Ecke (slidingdoors).

Der IE (bis Vers.7) braucht für a span cursor: hand;
__________________
MfG
Jens
Mit Zitat antworten
  #7 (permalink)  
Alt 28.04.2009, 14:20
Benutzerbild von Sammy_the_Bull
Neuer Benutzer
neuer user
 
Registriert seit: 27.04.2009
Beiträge: 15
Sammy_the_Bull befindet sich auf einem aufstrebenden Ast
Standard

Ne stinknormale Slidingdoor geht easy ohne Spans. Also, sinnfrei, sorry...
__________________
Gruß, Sammy

http://www.the-netbrain.de
Mit Zitat antworten
  #8 (permalink)  
Alt 28.04.2009, 14:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Sammy_the_Bull Beitrag anzeigen
Ne stinknormale Slidingdoor geht easy ohne Spans.
Und wie setzt du im IE < 7 den Hovereffekt "easy" um?
Mit Zitat antworten
  #9 (permalink)  
Alt 28.04.2009, 14:24
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Ja,
dann braucht er aber li:hover.
a:hover span klappt auch ohne Script im IE6.

(zu spät)
__________________
MfG
Jens
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.04.2009, 14:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.10.2008
Ort: Papenburg
Beiträge: 41
Miso befindet sich auf einem aufstrebenden Ast
Standard ??? :-)

Hab die Navi so von einer Seite übernommen.
Gefiel mir gut mit den Rundungen.
Hab auch versucht diese zu ändern.

Doch nach dem ganzen span und anker usw. binn ich schlau wie zuvor.

Ne normale Navi geht mit einem Hintergrund usw.
nur die oben genannte past sich an die breite an und ist halt oben rund.

Werd mal weitergoogln ob es so eine mit leichterer systematik gibt.

MFG
Miso
__________________
Kroatien - Zeitlose mediterrane Schönheit
Urlaubsreif : www.top-ferienhaus-kroatien.de
Mit Zitat antworten
Sponsored Links
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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
grafische Navigation horizontal zentrieren, klappt nicht lila_3 CSS 4 30.11.2010 11:25
Boxen von Navigation und Logo sind zu weit auseinander lila_3 CSS 2 04.09.2009 00:28
IE verschiebt Navi Menü macmensa CSS 7 17.08.2009 17:45
Probleme mit horizontaler Navi rechts lila_3 CSS 2 14.07.2009 22:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:36 Uhr.