nicht angemeldet
Element soll sich rechts unten positionieren
Hallo,
ich bin mal wieder verzweifelt. Ich habe ein eigentlich einfaches Problem - dachte ich.
Also: Ich habe eine TD, in der ein Bild sitzt. Dieses ist oben links ausgerichtet. Das kann man sich vorstellen wie ein Polaroid Photo. Unten in der TD ist also noch Platz.
Nun will ich ein kleines Icon ganz unten rechts in der TD platzieren, aber das haut nicht hin, ich bekomme die Ausrichtung anscheinend nicht hin.
So sollte es aussehen:
------------------
| |
| xxxxxxxxx |
| xxxxxxxxx |
| xxxxxxxxx |
| xxxxxxxxx |
| xxxxxxxxx |
| O |
------------------
x = Bild
o = Icon, das nicht so will wie ich
Alles in weitere Unterzellen zu packen geht nicht, weil das Bild mal über die ganze Breite, aber auch mal über die ganze Höhe gehen kann.
Hier ein ganz simples Beispiel, welches meine Inkompetenz zur Schau stellt. Ich danke Euch schonmal für jede Hilfe.
Gruß und Kuß,
Antje
----------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.icon {
position : relative;
bottom : -50px;
right : -50px;
background-color: #ffff00;
}
-->
</style>
</head>
<body>
<table width="300" height="400" border="1" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="http://www.spiegel.de/static/sys/logo_120x61.gif" width="150" height="250">
<div class="icon">
<img src="http://www.spiegel.de/static/sys/logo_120x61.gif" width="19" height="11">
</div>
</td>
</tr>
</table>
</body>
</html>
-
Hallo,
da noch ein (vertical) align:bottom unterzubringen scheint schwierig.
.icon { float:right; height:100%; ...
funktioniert ja schon; sonst fällt mir erstmal noch sowas ein:
td { position:absolute; }
.icon img { position:absolute; top:389px;left:282px; }Grüsse
Cyx23