validatoins fehler

[Walter75]

AW: validatoins fehler

CSS

#navigation-sub ul li a:hover {
    <<<<Bild in Farbe verlinken>>>>

}

HTML Dein SW Bild verlinken

 <li><a href="http://dein-set-bilder.de/Stefanie-Heinzmann/"><img src="http://www.dein-set-bilder.de/images/Stefanie-Heinzmann.png" title="hir braust du ein Passwort" alt="test"/></a></li>
        <li><a href="http://www.dein-set-bilder.de/Carola-Viktor/"><img src="http://www.dein-set-bilder.de/images/Carola-Viktor.png" title="hir braust du ein Passwort" alt="test"/></a></li>
        <li><a href="http://www.dein-set-bilder.de/Eishoky/"><img src="http://www.dein-set-bilder.de/images/Eishoky.png" alt="test"/></a></li>
        <li><a href="http://kommt-noch/"><img src="http://www.dein-set-bilder.de/images/hochzeit.png" title="hir braust du ein Passwort" alt="test"/></a></li>

 

[Avoir]

AW: validatoins fehler

das bekomme ich nicht hin.... was genau mus ich den nun mit der information anstellen ?

lg

 

[Walter75]

AW: validatoins fehler

Ja ok. Mein Fehler. Das war Unsinn meinerseits.:uhm:
Moment bitte......

 

[Walter75]

AW: validatoins fehler

So:
CSS

#navigation-sub ul li {
    margin:10px;
    display:block;
    width:250px;
    height:150px;
    float:left;
}
a.Bild1 {height:150px;width:250px;background-image: url(../Stefanie-HeinzmannSW.gif);}

a.Bild1:hover {background: url(../Stefanie-Heinzmann.png);height:150px;width:250px;}

alles was mit #navigation-sub...beginnt löschen!!! und obere drei Zeilen Code einsetzen und dublizieren als .Bild2..3..4 usw
HTML

<li><a class="Bild1" href="http://dein-set-bilder.de/Stefanie-Heinzmann/"></a></li>

als Beispiel des 1. Links ....dublizieren Links anpassen und die Klasse gemäß Bild1..2..3..4 .

Gruß Walter

 

[Walter75]

AW: validatoins fehler

so sollte es unter CSS zusammen aussehen:

#navigation-sub ul li {
    margin:10px;
    display:block;
    width:250px;
    height:150px;
    float:left;
}
a.Bild1 {display:block;height:150px;width:250px;background: url(../Stefanie-HeinzmannSW.gif);}
a.Bild2 {display:block;height:150px;width:250px;background-image: url(../Bild2);}
a.Bild3 {display:block;height:150px;width:250px;background-image: url(../Bild3);}
a.Bild4 {display:block;height:150px;width:250px;background-image: url(../Bild4);}

a.Bild1:hover {background: url(../Stefanie-Heinzmann.png);height:150px;width:250px;border: 1px solid #e40000;
}
a.Bild2:hover {background: url(../Bild2);height:150px;width:250px;border: 1px solid #e40000;
}
a.Bild3:hover {background: url(../Bild3);height:150px;width:250px;border: 1px solid #e40000;
}
a.Bild4:hover {background: url(../Bild4);height:150px;width:250px;border: 1px solid #e40000;
}

Ich habe display:block und border noch ergänzt!!

 

[Avoir]

AW: validatoins fehler

mmm also irgend was mache ich noch verkert... so schautz nun aus


lg

 

[Avoir]

AW: validatoins fehler

habe ein wenig gebraucht aber nun gehts.... vielen dank nochmals...

jetzt nur noch den rest, aber ich versoche es selber...

lg
michael

 

[Avoir]

AW: validatoins fehler

ok eine frage habe ich noch....

beim ersten bild habe ich den hover rahmen heraus genommen da mitdas roiger auschaut aber ich wil nicht auf den ramen versichten. wen man bei den anderen bildern drüber fehrt springt das bild nach unten, glaub 1px... kan man das beheben `? das des bild zwar einen ramen bekomt wen man mit der maus drüber fehrt aber eben nicht durch die gegen springt?

und das andere ist ich habe bei

#navigation-sub ul li {
border: 1px solid #262626;
padding: 8px;
margin:5px;
background: #363636;
display:block;
width:250px;
height:170px;
float:left;
}

es nach unten länger gemacht also 170px kan ich da einen text reinschreiben so das untern bild zb. das Dartum steht? also untern bild aber im Ramen??



lg
micahel

das mit den springen habe ich selber gelöst habe einfach das bild mit einen roten rahmen versehn ^^

lg

 

[Avoir]

AW: validatoins fehler

um nochmals drauf zurück zu koemmen,.-...

ist es möglich das ich noch einen Text unter den Bildern schreiben kan?
und wen ja, wie?

lg
michael