Hallo,
Ich will eine Sprechblase in meine Seite einbauen.
Code
<div class="blase">
<img src="bilder/blase.gif"></img> <!-- weiße Ellipse auf transparentem Hintergrund -->
</div>
<div class="blase">
<div id="worte">
<a href="track01.html">Jetzt singen die</a>...<br />
<a href="track02.html">noch so'n Lied</a>...<br />
...<a href="track03.html">und noch eins</a>...
<a href="track04.html">und schon wieder eins</a>...<br />
...<a href="track05.html">Hört das denn nie auf?</a>
</div>
</div>
Alles anzeigen
Code
.blase {
position:absolute;
left:45%;
top:5%;
}
.blase #worte {
position:relative;
left:10%;
top:30%;
text-align:center;
}
Alles anzeigen
Jetzt sieht das ganze so aus, daß der Text (class="blase", id="worte") zwar waagerecht auszurichten ist, die Angaben "left:10%" und "text-align:center" funktionieren also und das kann ich auch variieren. Die Angabe "top:30%" ist allerdings völlig wirkungslos, der Text fängt immer am höchsten Punkt der Sprechblase an.
Zu sehen hier: http://www.jazzbanane.spacequadrat.de/musik.php
Was ist da falsch?
Danke H.