Danke. Veraltet? Naja - never tuch the running system.
Neugierig bin ich trotzdem. Würdest du das mittels Media-Queries lösen?
Meine Fragen gehn weiter.
Ich möchte jetzt über diese einzelnen Bilder eine Bildunterschrift (welches später auch als link fungiert) wie zum Beispiel hier:
HTML und CSS3 Lösung Bildbeschriftung mit transparentem Bereich
Das geht ja in meinem Fall nicht ganz so.
was ich ausprobiert hab:
CSS
HTML-Code:
ul {
list-style-type: none;
margin: 0;
padding: .8em;
}
.kachel {
float: left;
margin: 0;
padding: .2em;
}
.kachelnavigation span {
background-color: red;
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
HTML Ausgabe
HTML-Code:
<ul class="kachelnavigation">
<li><a href="..."><img class="kachel" alt="" src="..." width="100" height="100" /><span>test</span></a></li>
Naja mein "link" orrientier sich nach dem Browser. "test" sitzt also ganz oben links.
Jetzt hab ich gelesen, dass sich "test" nach einem
static-Element richtet. Wie schaff ich dass, dass mein "test"-link genau
in meinem Bild sitzt?