Balken unter Bild
Umlauf
- html
Hallo,
weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:
http://kurier.at/
In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.
lg
Hallo,
weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:
http://kurier.at/
In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.
Negative Außenabstände oder Positionierung sind die Mittel der Wahl um das zu erreichen.
weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:
http://kurier.at/
In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.
<a class="your_class_name">
<img src="..." alt="Kurzbeschreibung">
<span style="
position:absolute;
display:block;
bottom:0;
color:#fff;
background:rgba(0, 0, 0, 0.3);
">
Begleittext
</span>
</a>
Besser als Klasse notieren.
mfg Beat
Hallo,
besten Dank, ich habs jetzt mal so versucht wie unten, ohne <a> klappts super, wennn ich aus dem Begleittext einen Link machen will, ist der Text weg. Weiß jemand wieso?
lg
<html>
<body>
<style>
.myclass {
position:absolute;
}
</style>
<a class="myclass">
<img src="./report1.jpg" alt="Kurzbeschreibung">
<span style="
position:absolute;
display:block;
bottom:0;
width:200px;
height:22px;
text-align:center;
background:rgba(0, 0, 0, 0.3);
color: orange;
font-weight:bold;
">
<a href="">Begleittext</a>
</span>
</a>
</body>
</html>
Om nah hoo pez nyeetz, Umlauf!
besten Dank, ich habs jetzt mal so versucht wie unten, ohne <a> klappts super, wennn ich aus dem Begleittext einen Link machen will, ist der Text weg. Weiß jemand wieso?
aa ist nur biologisch möglich.
Matthias
Hi,
<a class="myclass">
<a href="">Begleittext</a>
a-Elemente dürfen nicht geschachtelt werden.
cu,
Andreas
Moin!
moechte das aeussere a vielleicht ein div sein?