nun hab ich mir das so gedacht ich schreibe das in meine css datei so um das ich bilderals links mache die dann sich ändern wenn man mit der maus drüber geht also hover ist mir schon klar. desweitern will ich dann über die bilder einen text legen damit ich nicht für jeden link einen extra knopf machen muss.
a.bild:hover{
background-image: url(grafik/buttonh.gif);
}[/code]und in der html datei sieht es so aus:
[code]
[/code]so aber nur zeigt ff keine bilder und keine links an.
Ich weiß das wenn ich die position als absolute mache und jeden einzeln in einer seperaten class ausrichte gehts aber es muss doch auch so gehen das ich das in einer tabel mache und mit nur einer class oder?
wenn das geht klappt es auch mit dem text drüber legen das hab ich schon an einer anderen seite getestet.
der befehl display block hat gefehlt.
kannst mir ja nich so was vorenthalten jetzt gehts danke
Nun ist bei mir noch das problem das der text der über dem bild liegen soll nicht richtig drauf liegt wie kann ich den etwas hin und her schieben?
hab erst gedacht ich kann in einer neuen id die transparent ist drüber legen um den text da auszurichten aber dann gehen ja die bilder nicht mehr.
kann ich da irgendwie auch anders ne tabelle drüberlegen? weil ich kann ja die bilder auch so zeigen lassen ohne text. oder kann ich den text irgendwie anders so verrücken das es geht mit zeilen um brüchen geht es schon mal nicht
So bin wieder da, ging ein bisschen schneller als gedacht:)
Mit den DISPLAY: BLOCK habe ich nur die Größe an der Grafik angepasst. Ohne müsste es auch klappen, da wird allerdings nicht die gesammte Grfik angezeigt.
Nagut. Jetzt zu deinem neuen Problem.
Mit padding kannt du den Text verschieben.
a.bild {
position: relative;
background-image: url(../bilder/list1s.jpg);
padding: 4px;
display: block;
width: 150px;
height: 20px;
}
Hierbei wird rundherum um 4 Pixel verschoben. Du kannst natürlich auch
mit den Werten spielen:
padding-left: 4 px;
padding-top: 2 px;
Beispiel wieder unter: Link mit Untergrund
