|
|||
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 |
Sponsored Links |
|
|||
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.
|
Sponsored Links |
|
||||
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. |
|
|||
Und wie setzt du im IE < 7 den Hovereffekt "easy" um?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
??? :-)
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |