Contents

Jongens jullie zitten zon vakje in 3en te verdelen, maar je moet juist dat vakje heel laten en die 3 vakjes naast elkaar zetten met een float.

css:

#vak_left {width:293px; margin:0 0 5px 0; padding:0; overflow:hidden; float:left;}
#vak_mid {width:293px; margin:0 0 5px 0; padding:0; overflow:hidden; float:left;}
#vak_right {width:293px; margin:0 0 5px 0; padding:0; overflow:hidden; float:left;}

.bovenmini {
 background: url(minicontents/bovenmini.png);
 width: 293px;
 height: 12px;
 text-align: center;
 color: #fff;
  vertical-align:bottom;
}
.midmini {
 background: url(minicontents/midmini.png);
 width: 287px;
 overflow: hidden;
 padding-left: 3px;
 padding-right: 3px;
}
.ondermini {
 background: url(minicontents/ondermini.png);
 width: 293px;
 height: 24px;
 }

html:

<div id="omvang">

<div class="header"></div>
<div class="container">


<div id="vak_left">
<div class="bovenmini"></div>
<div class="midmini">
[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]statistieken/laatste_nieuws.php[/COLOR][COLOR= #007700]);[/COLOR]
?></div>
<div class="ondermini"></div>
</div>

<div id="vak_mid">
<div class="bovenmini"></div>
<div class="midmini">
[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]statistieken/laatste_nieuws.php[/COLOR][COLOR= #007700]);[/COLOR]
?></div>
<div class="ondermini"></div>
</div>

<div id="vak_right">
<div class="bovenmini"></div>
<div class="midmini">
[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]statistieken/laatste_nieuws.php[/COLOR][COLOR= #007700]);[/COLOR]
?></div>
<div class="ondermini"></div>
</div>

<div class="sidebar">
<div class="menutop"><br />
Menu</div>
<div class="menumid">[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]menu.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
</div>
<div class="menubot"></div>
</div>

<div class="midbar">
<div class="midtop"><br />
Content</div>
<div class="midmid">
[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]pagina.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
</div>
<div class="midbot"></div>
</div>
</div>
<div class="footer">

let op: je sidebar heb ik dus verplaatst. Die komt pas onder je 3 vakken bovenaan, daarna pas de midbar en je content.

Super, ty marjolein !

Edit: Het staat nu niet helemaal mooi in het midden, ik heb een paar keer align="center" en center tags geprobeerd, maar het lukt allemaal niet.

Mijn site is trouwens: Http://www.habbohype.nl

Het meest linkse vak een margin-left: ; meegeven !

August schreef:

Super, ty marjolein !

Edit: Het staat nu niet helemaal mooi in het midden, ik heb een paar keer align="center" en center tags geprobeerd, maar het lukt allemaal niet.

Die dingen moet je ook helemaal niet meer gebruiken zoals Josnl zegt, bij #vak_left de margin aanpassen, de 5px verhogen.

Als ik die verhoog, naar welk getal dan ook, doet mn layout raar...

Als ik width verhoog komt er meer ruimte tussen de contents, dat gaat de goede kant op, maar hij maakt rechts meer ruimte ipv links.

#vak_left {width:293px; margin:0 0 5px 0; padding:0; overflow:hidden; float:left;}

Hmm raar... Probeer die margin die je nu hebt eens te vervangen met: margin-left: 5px;

Offtopic:
Heb jij verstand van PHP/MySQL?
Ik krijg namelijk deze database niet geïmporteerd:

CREATE TABLE IF NOT EXISTS `marktplaats` (
  `name` mediumtext NOT NULL,
  `email` mediumtext NOT NULL,
  `ad_name` mediumtext NOT NULL,
  `beschrijving` mediumtext NOT NULL,
  `plaatje` mediumtext NOT NULL,
  `biedenaf` mediumtext NOT NULL,
  `buynow` mediumtext NOT NULL,
  `id` numeric INT(255) NOT NULL AUTO_INCREMENT,
) ENGINE = MYISAM CHARACTER SET = latin1_bin

Ja, t werkt !
Alleen vraag ik me af of hij nu bij alle beeldschermen zo in t midden staat?

En offtopic van jos: Nee sorry, ik weet alleen waar je t moet invullen !

Eigenlijk moet je ze dan even in een container zetten.

Dat ziet er dan zo uit:

#container
{
width: xxx px;
margin-left: auto;
margin-right: autol
}

En dan doe je in HTML:

Josnl schreef:

CREATE TABLE IF NOT EXISTS `marktplaats` (
  `name` mediumtext NOT NULL,
  `email` mediumtext NOT NULL,
  `ad_name` mediumtext NOT NULL,
  `beschrijving` mediumtext NOT NULL,
  `plaatje` mediumtext NOT NULL,
  `biedenaf` mediumtext NOT NULL,
  `buynow` mediumtext NOT NULL,
  `id` numeric INT(255) NOT NULL AUTO_INCREMENT,
) ENGINE = MYISAM CHARACTER SET = latin1_bin;

vergeten af te sluiten met ;

Josnl schreef:

#container

{
width: xxx px;
margin-left: auto;
margin-right: autol
}

waarom niet gewoon margin:0 auto; ? Is veel korter en makkelijker en die margin: 0 0 5px 0; is hetzelfde als margin-left: 5px; dus maakt niet uit hoe je het doet.

//edit: oneee, stom, die laatste 0 moest 5px zijn sorry

Maar die margin-left: 5px; werkte wel, en die margin: 0 0 5px 0; werkte niet... En ik doe lievel margin left en right auto omdat ik hem dan ook nog met margin-top wat naar beneden kan verplaatsen.
En wat betreft die database:
Ik moest nog een PRIMARY KEY toevoegen aan de `id` omdat die automatisch oploopt door AUTO_INCREMENT, toch bedankt dat je het wou proberen!

Josnl schreef:

Maar die margin-left: 5px; werkte wel, en die margin: 0 0 5px 0; werkte niet...

En ik doe lievel margin left en right auto omdat ik hem dan ook nog met margin-top wat naar beneden kan verplaatsen.
En wat betreft die database:
Ik moest nog een PRIMARY KEY toevoegen aan de `id` omdat die automatisch oploopt door AUTO_INCREMENT, toch bedankt dat je het wou proberen!
zoals ik al in mijn edit zei, de laatste 0 moest 5px zijn En met margin: 0 auto; kun je ook de top aanpassen, dan gebruik je margin: 5px auto;
Maar goed, het is maar waar jezelf de voorkeur aangeef. Jij gebruik liever margin-left: 5px; en ik gebruik liever margin: 0 0 0 5px; omdat ik dan zeker weet dat ik alles goed uitlijn.

August, je hebt veel pagina-fouten.

Kijk bij habbo > moderators..

Lothari & Nimiq zijn al een tijd weg..
Plakband & Mullie zijn er ook ook nietmeer.
En bij de mods moet Patton er nog bij gezet worden

Ty, maar t is niet mijn taak om dat te doen .

oja voeg aan je website ook wat padding toe