#1 27. Februar 2010 Zuletzt von einem Moderator bearbeitet: 14. April 2017 Navigation-Hover Problem hallo RR, habe ein Problem, zum Anfang mal die html und css datei: No File | xup.in No File | xup.in Ggf. runterladen und öffnen um zu sehen wie ich es meine: beim überfahren des Links01 ,,blobbt'' quasi die Subnavigation auf, wie krieg ich es hin, dass dann beim navigieren durch die subnavigation, die Hover formatierung des Link01 erhalten bleibt und nicht wieder zurückgesetzt wird? danke schonmal + Multi-Zitat Zitieren
#3 28. Februar 2010 AW: Navigation-Hover Problem mach ne liste draus und keine div container. dann mit Code: ul.navi li:hover a { color: #color; } + Multi-Zitat Zitieren
#4 1. März 2010 AW: Navigation-Hover Problem wusaaa - hilft nicht, ich checks einfach nicht^^ bzw. ich bin noch nicht wirklich schlauer geworden, ich wollte auf listen verzichten, weil ich die noch nie benutzt hab, aber hab mich jetzt ein wenig eingelesen und es so probiert: html: HTML: <div id="navi"> <ul><a href="">Link1</a> <li><a href="">Sublink1</a></li> <li><a href="">RiesenSublink2</a></li> <li><a href="">Sublink3</a></li> </ul> <ul><a href="">Link2</a> <li><a href="">Sublink4</a></li> <li><a href="">Sublink5</a></li> <li><a href="">Sublink6</a></li> </ul> </div> und css: Code: #navi{ width:800px; height:70px; background-color:#0000ff; } #navi ul{ float:left; height:35px; margin:0px; padding:0px; line-height:35px; text-align:center; } #navi ul a{ background-color:#ffffff; width:100px; height:35px; display:block; text-decoration:none; } #navi ul a:hover{ width:100px; height:35px; background-color:#ff0000; display:block; } #navi li{ background-color:#346422; width:100px; height:35px; float:left; display:block; } #navi li a{ color:#000000; text-decoration:none; display:block; } #navi li a:hover{ background-color:#ff0000; text-decoration:none; width:100px; height:35px; display:block; } #navi ul li{ display:none; } #navi ul:hover li{ display:block; position:relative; } das ist auch einigermaßen funktionstüchtig, aber leider nur einigermaßen... zum einen wird der hover-bg vom hauptlink bei überfahren der sublinks nicht beibehalten, und zum anderen, wenn sich die sublinks von link 1 aufbloppen, verschiebt sich hauptlink2 natürlich um die gesamtbreite der sublinks... wie umgeh bzw realisier ich das? dazu hab ich leider noch nix gefunden... danke trotzdem, gruß zippo + Multi-Zitat Zitieren
#5 1. März 2010 AW: Navigation-Hover Problem Das was er da gepostet hat, das bringt auch nix... Geht soweit ich weiß nur mit Javascript... Musst halt mit onMouseOver und onMouseOut arbeiten und via Javascript die Farbe des Objekts ändern.. MfG //War quatsch.. + Multi-Zitat Zitieren
#6 1. März 2010 AW: Navigation-Hover Problem ah ja gut, ich will kein javascript benutzen und bin mir auch relativ sicher, dass es auch ohne geht, siehe hier: Phoenity.com das ist ja quasi das gleiche, bzw der hover vom hauptlink wird auch beim überfahren der sublinks beibehalten, aber ich schaffs einfach nich mein snippet richtig anzupassen... + Multi-Zitat Zitieren
#7 1. März 2010 AW: Navigation-Hover Problem Komischerweise funktionierts bei mir? ... + Multi-Zitat Zitieren
#8 1. März 2010 AW: Navigation-Hover Problem kannst mir 'nen link zu deiner seite geben, dass ich mir da den quelltext mal anschauen kann? + Multi-Zitat Zitieren
#9 1. März 2010 AW: Navigation-Hover Problem Ja stimmt habs nur überflogen und mich verlesen^^ Sorry + Multi-Zitat Zitieren