Ik probeer 2 dingen met elk een andere opmaak naast elkaar te zetten.. maar op de manier waarop ik het heb staat het onder elkaar.. mijn vraag is wat is er fout aan me script? Hieronder mijn script..

CSS:

Code:

body { margin-left: 0px;
	   margin-right: 0px;		
	   margin-top: 0px; }

.navigation { background-image:url(../Images/Navigation.gif);
			  height: 35px; 
			  width: 100%; }

.loginboxes { margin-left: 25px;
			  padding-top: 7px; }

input  { background-color: #0A0A0A;
	 	 border: 1px solid #202020;
	 	 color: #666666;
	 	 font: 11px Tahoma; }

select { background-color: #0A0A0A;
	 	 border: 1px solid #202020;
	 	 color: #666666;
	 	 font: 11px Tahoma; }

.time { margin-right: 25px;
		padding-top: 7px; }

HTML:

Code:

<div class="navigation">
<div class="loginboxes">
<input type="text" name="fusername" value=" Loginnaam" size="20" maxsize="20" onFocus="this.value='';">
<input type="password" name="fpassword" value="Wachtwoord" size="20" maxsize="20" onFocus="this.value='';">
<input type="submit" name="log" value="Enter">
<div class="time">
<? $datum = date("j F Y"); echo "$datum"; ?></div>
</div>
</div>
</div>

Alvast bedankt!

Mvg,
D.Ester

Je moet in de css er float: left; in zetten, dan wordt dat divje naast een andere div gezet.

Dus als je loginboxes tegen navigation wilt hebben staan word de css voor loginboxes:

.loginboxes { margin-left: 25px;
padding-top: 7px;
float: left; }

Henk G.
Dit is idd waar maar je vergeet iets als je daarna een div plaatst die komt er doorheen te staan. Dus wat je moet zeggen na div loginboxes:

is:

Code:

<br style="clear:both" />

dan klopt het

Origineel gepost door Henk G.

.loginboxes { margin-left: 25px;
padding-top: 7px;
float: left; }

Het probleem nou is dat wanneer je float:left en margin-left op een div toepast
de margin in IE6 wordt verdubbelt, dus krijg je in IE6 een margin-left:50px;

De oplossing hiervoor is simpelweg door margin-left te veranderen in padding-left.
Omdat die in veel gevallen niet kan kan je ook een wrap-div om de orginele div heen zetten en die float-left mee te geven. (deze div kan je dan padding-left 25px meegeven, om je kan de orginele div margin-left meegeven.

Origineel gepost door gast2960

Het probleem nou is dat wanneer je float:left en margin-left op een div toepast
de margin in IE6 wordt verdubbelt, dus krijg je in IE6 een margin-left:50px;

De oplossing hiervoor is simpelweg door margin-left te veranderen in padding-left.
Omdat die in veel gevallen niet kan kan je ook een wrap-div om de orginele div heen zetten en die float-left mee te geven. (deze div kan je dan padding-left 25px meegeven, om je kan de orginele div margin-left meegeven.

simpeler: display:inline; op de div plaatsen waar een float:left en margin-left staat;-)

Origineel gepost door David C.

simpeler: display:inline; op de div plaatsen waar een float:left en margin-left staat;-)

Oh, dat hoor ik voor het eerst ;)
Als je de basing goed aanpakt dan kan je er bijna altijd voor zorgen
dat er niets 'gefixt' hoeft te worden...