Guten Abend liebes Forum!
Ich habe eine Frage zu einem HTML-Code mit CSS.
Der sieht bis jetzt so aus:
<center>
<div style="width: 550px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;">
<div style="height: 299px; background: url(http://home.arcor.de/xj6652/Startseite/Start1.jpg) no-repeat;">





<span style="font-size: 11pt; font-weight: normal;"></span>
</div>
<div style="height: 77px; background:url(http://home.arcor.de/xj6652/Startseite/Start2.jpg) no-repeat;">
<div style="width:490px; margin: 0 0px 0 0px; padding: 80px ; padding-top: 30px; min-height: 00px; color: silver; font-size: 11pt; text-align: left; overflow: hidden; line-height: 1.5;">

Die Ansprache: <embed src=
"http://max.w-o-o-d.de/ansprachemai.mp3"
height="20px"
width="335px"
autostart="false">

<div align="center">

</div>

</div>
</div>
<div style="height: 144px; background: url(http://home.arcor.de/xj6652/Startseite/Start3.jpg) no-repeat;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<div style="width: 490px; margin: 0 0px 0 0px; padding: 55px ; padding-top: 17px; padding-right: 30px; min-height: 00px; color: silver; font-size: 11pt; text-align: left; overflow: hidden; line-height: 1.5;">


Über die HomePage XJ6652:<BR>
Die Webseite wird von 3 Schülern des AMGs in Rottweil geleitet. Den Inhalt der Seiten sollte man nicht ernst nehmen, XJ6652 ist eine Seite, die fast ausschließlich gemacht wird, damit Schüler, Interessierte und Lehrer ihren Spaß haben! Redaktion: Max, Jannis, Raphael



</div>

</div>
</div>



<BR>

</div>
</table>
</div>


<div style="height: 187px; background: url(http://home.arcor.de/xj6652/Startseite/Start4.jpg) no-repeat;">
<div style="width:520px; margin: 0 00px 0 0px; padding: 50px ; padding-top: 04px; min-height: 00px; color: grey; font-size: 11pt; text-align: left; overflow: hidden; line-height: 1.5;">

<img src=http://home.arcor.de/toppage/WetterWidget.png width=265px>

Hallo, wo steht denn das?

</div>
</div>
</div>


</center>

So. Das sollte dann ca. so aussehen, wie auf dem angehängten Bild. Aber Der Text "Hallo, wo steht das denn?" der soll in das Rechteck neben dem WetterWidget. Kann mir einer sagen, wie ich das schaffen kann? (Fange erst gerade an mit CSS rumzuexperimentieren, deshalbt bitte ich um eure Hilfe )

Ups. Datei vergessen ^^. (leider stehen jetzt da auch nicht die Adressen, sondern Weltkugeln, aber...)

du musst in der html seite das schreiben:

...
<div class="text">Hallo, wo steht denn das?</div>
...

und in der css:

...

.text {
position: absolute;
top: 30px;
left: 210px;
}
...

die top und left werte musste noch anpassen:

noch ein kleiner tip, wenn der kasten in den das "hallo, ..." rein soll auch eine box ist muss diese auf position: relative; gestellt sein, wie auch alle mutterelement um es dann mit top, left an diesem auszurichten.