Div style

[Joenekop]

Hey!

Ik heb bezig met een nieuw layoutje voor m'n website, maaaaar ik heb een klein probleempje

ik gebruik deze code:
<div style="left: 78; top: 190; width: 179; height: 90; position: absolute">
<font face="Verdana" style="font-size: 9pt; font-weight: 700" color="#FFFFFF">Tekst!!!</font></div>

om vlakjes te krijgen om iets op je tikken bijvoorbeeld op een plaatje, maar als ik het venster vergroot of verklein verschuiven deze vlakjes over de pagina...

weet iemand hoe ik ervoor kan zorgen dat deze vlakjes blijven staan waar ze moeten staan??

Alvast bedankt!

 

[peter vazed]

Ja, dat is ook de bedoeling.
Anders zou je nooit de rest van de tekst kunnen zien.

Maar........ indien je je boxje dezelfde afmeting wenst te laten behouden, ondanks meer tekst, dan dien je overflow te gebruiken.

in de style, in de head:

<STYLE TYPE="text/css">
<!--
.box1 {
left: 78;
top: 190;
width: 179;
height: 90;
position: absolute;
border:solid 2px;
font-family:verdana, tahoma, arial, ms sans serif;
font-size: 9pt;
font-weight: 700;
color:#FFFFFF;
padding:5px;
overflow:auto;}
-->
</STYLE>

in je pagina:

<div class="box1">
Tekst!!! equal to the Transitional DTD except for the frameset element replaces the body element:
Tekst!!! equal to the Transitional DTD except for the frameset element replaces the body element:
ekst!!! equal to the Transitional DTD except for the frameset element replaces the body element:
</div>

 

[Joenekop]

sowieso bedankt voor je reactie, maar ik snap nu iets niet meer, nu is namelijk zo dat ik dit boxje (zo noem ik het maar) niet meer vrij kan bewegen, het is namelijk zo dat de tekst dit er in staat precies boven op een achtergrondje moet komen

 

[peter vazed]

Huh?
Vrij bewegen?
Je bedoelt op een andere plek zetten?

Dan maak je meer boxjes, met andere
left: 78;
top: 190;
width: 179;
height: 90;

die geef je de naam
.box2


Of inline,
dus gewoon alles in je pagina:

<div style="left: 178;top: 290;width: 179; height: 90; position: absolute;border:solid 2px;font-family:verdana, tahoma, arial, ms sans serif;font-size: 9pt; font-weight: 700; color:#FFFFFF;padding:5px;overflow:auto;">
Tekst!!! equal to the Transitional DTD except for the frameset element replaces the body element:
Tekst!!! equal to the Transitional DTD except for the frameset element replaces the body element:
ekst!!! equal to the Transitional DTD except for the frameset element replaces the body element:
</div>