suit: css-menü in verlinkter bilderreihe einfügen

Beitrag lesen

verwende bitte links und gebe diesen hintergrundbilder
Wie mach ich die zu hintergrundbildern?, ichba die bilder immer mit <a href="..."><a> oder so ca. verlinkt.

anstatt <a href="#"><img src="foo.jpg" alt="Startseite" /></a> schreibtst du folgendes
<a id="startseite" href="#">Startseite</a>

  
#startseite {  
   background: red url(foo.jpg);  
   display: block;  
   width: 100px;  
   height: 100px;  
   overflow: hidden;  
   text-indent: -999999em;  
}  

das ganze ähnelt vom prinzip der phark-methode (suchmaschine hilft - ggf auch der begriff "image replacement")

nein, wegen dem invaliden code
Wie bekomme ich es wieder valide?

in dem du die fehler beseitigst, die der validator bemängelt - und den code in eine form bringst, die dem gegebenen doctype entspricht oder einen doctype wählst der exakt zum code passt

wenn du mit der interpreation der fehlermeldungen schwierigkeiten hast, einfach bescheid geben

Ich geb die Schriftgröße in px immer an! is das ziehmlich schlimm?

jein - den meisten modernen browsern ist das mittlerweile egal und die schriftgröße ist dennoch frei skalierbar (der ie6 kann das leider nicht) - aber es nimmt dem besucher dennoch die möglichkeit, die seite mit SEINER voreingestellten schriftgröße zu betrachten

Wie meinst das mit "Klassen"?

klassen

dh alles was in den attributen class="" und id="" steht, solltest du klein schreiben

in der css datei musst du dann nicht nachdenken ob dus klein oder gross geschrieben hast und schreibst es auch einfach klein - damit spart man sich wie gesagt flüchtigkeitsfehler

Könntest du dir bitte mal ein wenig meinen Code anschauen den ich gepostet hab!?

hab ich schon - viel wars ja nicht - am besten du fängst neu an - viel hast du ja noch nicht (bis auf dein css) und überträgst bestehenden code in ein neues dokument

fang am besten mit dem grundgerüst an und ignoriere vorerst dein javascript

das stylesheet lagerst du am besten in eine eigene datei aus und bindest es mittels link-element im seitenkopf (head) ein