Contents

Ik heb een probleem:

Zie dit: http://www.plaatjesupload.nl/bekijk/2010/05/08/1273334020-280.png

En zo moet het worden: http://www.habbohype.nl/layoutpluk.png

Het moet naast elkaar, maar ik heb echt geen idee hoe..

Dit is het script:

<div id="omvang">

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

<center><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></center>

<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"><center><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 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></center>
<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">

Hopelijk kan iemand me helpen, en alvast bedankt
Groetjes August.

Heej august dat moet met een float in je css post eens hier

De eerste moet je bij zetten(in de css): float: left;
De middelste moet je bij zetten(in de css): float: mid;
De laatste moet je bij zetten(in de css): float: right;

}
.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;
 }

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

Als ik me niet vergis

Uhh... .. Nu is t helemaal door elkaar

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

nog erger

miss ff een live voorbeeld?

Ik ga zo opweg naar iemand die supergoed php kan, maar ik zal mn site ff open gooien.
Alleen zet ik niet jouw versie erop .

Knip srry dubbelpost

Knip dubbelpost

Als ik jouw was zou ik 3 verschillende minis maken
Mij stukje hoort wel te werken alleen je divs kloppen niet
Ik kan nu wel ff maken? edit// sorry dubbelpost

Caspervm schreef:

De eerste moet je bij zetten(in de css): float: left;

De middelste moet je bij zetten(in de css): float: mid;
De laatste moet je bij zetten(in de css): float: right;

float: mid bestaat niet.
alle 3 de divs gewoon float left meegeven en met margin een tussenruimte creëren.

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

denk dat dat wel werkt,