Crocko.com Navigation Nachbau
Hallo, würde gerne mal die Navigation von crocko.com nachbauen, nun meine Frage wie wurde die umgesetzt - Only HTML/CSS oder auch Javascript?
Hier ein Bild: http://abload.de/img/555o6kie.png Wenn einer weis in welche "Richtung" es geht bitte ein paar Stichworte nennen, ich google mich da recht fix durch. Gruß me01 |
Hab mal was auf die schnelle gemacht.
Ist reines HTML + CSS. Für neue Browser ist das aufjedenfall ausreichend und crock.com nutzt das auch. Kann nur sein das ältere Browser damit schwierigkeiten haben, ich würde sogar sicher sein ;) Für mehr informationen: SELFHTML: Stylesheets / CSS-basierte Layouts / Navigationsleisten LG Hut HTML-Code:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
Cool, danke für die schnelle Hilfe!
|
Hab dein Code für meine Zwecke mal angepasst:
Code:
<style> Die Startseite ist natürlich auch eine URL - jetzt taucht das Problem auf das wenn ich über "Startseite" fahre das #navigation li a:hover vom CSS mit angezeigt wird, heißt das der graue border background von den anderen nicht class="active" ebenfalls versetzt angezeigt wird. Einfache Lösung: die background-color von #navigation li a:hover anpassen und die gleiche Farbe wie in #navigation .active verwenden. Funktioniert auch, allerdings gilt dieser background dann auch für die anderen nicht class="active" links auch. Hat da jemand eine saubere Lösung? Das einzige was noch nicht funktioniert bzw. stört ist das wenn ich über den link Startseite fahre der graue border background von #navigation li a:hover angezeigt wird. |
Code:
<style> LG Hut |
Perfekt! So ähnlich hatte ich vorher auch rumprobiert aber anders: ich hatte
statt deinem #navigation .active:hover ein a.active1:hover gemacht und #navigation .active2 diese hab ich dann beide verwendet, was aber nicht richtig funktioniert hatte. Wusste halt nicht das man ner class direkt ein hover geben kann. Danke dir nochmals :) |
Alle Zeitangaben in WEZ +2. Es ist jetzt 11:34 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023