Hallo liebe TP'ler
ich bin in CSS nicht sehr erfahren und hänge hier vor einem Problem.
Bisher hatte ich immer Webseiten mit Html und wenig css gemacht, bin nun aber umgestiegen auf das Arbeiten mit ner seperaten CSS-Datei.
Hat auch prima funktioniert bisher, doch jetzt muss ich in eine Webseite eine Navigation einfügen, die aufgrund einer besonderen Schriftart aus GIFs besteht.
Es gibt für jeden Navigationspunkt zwei Grafiken (aktiv und inaktiv).
Nun meine Fragen
1) wie gehe ich am besten an die Anordnung der Navigation mit CSS heran
hier ein bild wie die navi aussehen soll:
mache ich einzelne divs für jeden navigationspunkt? oder reihenweise? oder blockweise?
und wie müsste der code da beispielsweise aussehen?
kann man da mit float arbeiten, damit es so sitzt wie es soll? (Die Grafiken liegen direkt aneinander, ohne abstände)
ich bin völlig unklar, wie das am sinnvollsten zu lösen ist.
und noch ein problem habe ich:
2) wie erreiche ich , dass die bilder beim mouseover ausgetauscht werden?
mit herkömmlichem java-mousover-script komme ich da irgendwie nicht weiter. ich habe es nun versucht indem ich folgendes CSS geschrieben habe
CSS:
Code:
.button_0101 a:link, .button a:visited, .button a:active {
background: url(pics/subnavi_0101_in.gif);
position: absolute;
margin: 100px 0px 0px 0px;
}
.button_0101 a:hover {
background: url(pics/subnavi_0101_ak.gif);
margin: 100px 10px 10px 0px;
}
HTML:
Code:
<div class="button_0101"><a href="0101.html" target="_self"><img src="pics/subnavi_0101_in.gif" border="0"></a></div>
Die Folge ist, dass ich weder den Mouseover sehe, noch der Link anklickbar ist.
Was habe ich da bloß falsch gemacht?
wenn ihr mir helfen könnt, wäre das großartig!!!
vielen dank im Voraus!
coe
