Hallo,
meine Vorlage ist diese:
[Blockierte Grafik: http://www.binary-soul.de/Onomatophobie/fotos.jpg]
Mein bisheriges Ergebnis sieht so aus:
[Blockierte Grafik: http://www.binary-soul.de/Onomatophobie/demo1.png]
Mein HTML Code:
Code
<div id="pageBody"><div class="contentParts">
<p class="dateText">Heute:
<img src="http://xhtmlforum.de/assets/bDayDivider.png" alt="Trennstrich" class="divider">
<img src="http://www.animaatjes.de/celebrity/t/tom-cruise/animaatjes-tom-cruise-30097.jpg" alt="Ein Bild deiner Freunde" class="friendPics">
<span class="calendar"><script type="text/javascript">document.write(gebDay);</script></span>
<img src="http://4.bp.blogspot.com/-DtCtfIjoe24/Tdqd-Q5-WOI/AAAAAAAAAcA/yUBo7x1A4YE/s1600/18penelopecruz.jpg" alt="Ein Bild deiner Freunde" class="friendPics">
</p>
</div>Mein CSS dazu:
Code
@charset "utf-8";
#pageBody {
float: left;
width: 400px;
padding-right: 50px;
padding-left: 20px;
}
#pageBody p{
padding-top: 0;
}
.dateText {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
color: #3b5998;
padding: 0px;
line-height: 15px;
}
.divider {
padding: 0;
margin: 0;
height: 1px;
width: 401px;
}
.friendPics {
margin-top: 10px;
margin-right: 35px;
margin-bottom: 10px;
margin-left: 0px;
height: 110px;
border-width: 4px;
border-style: solid;
border-color: #FFF;
outline:solid;
outline-width: thin;
outline-color: #CCC;
}
.calendar {
display: inline-block;
background-image:url(../assets/tech/kalender.png);
padding: 5px;
font-size:10px;
background-repeat: no-repeat;
}Was kann ich tun um den kleinen Kalender auf den unteren-linken Rand des Rahmens zu bringen? Ich steh derweil ziemlich auf dem Schlauch und komme leider nicht weiter.
Danke im Vorraus.