Beste,

Ik ben bezig op mijn stage om een website te maken echter heb ik een probleem waar ik niet uitkom

het is de bedoeling dat er een box komt om een bepaalde stuk tekst en menu de top box wordt wel weergegeven
de bottombox ook maar middenbox wordt niet weergegeven.

Weet iemand wat ik u hier verkeerd doe ? ik ben al 2 uur aan het stoeien ermee.

het script,

PHP Code:

.content_top { background: url(images/content_top.png) left top no-repeat; width: 895px; height: 10px; margin-top: 15px; padding-top: 15px; }
.content_main { background: url(images/content_main.png) repeat-y; width: 895px; }
.content_bottom { background: url(images/content_bottom.png) left bottom no-repeat; width: 895px; height: 10px; }

.menu2 { background: url(images/menu2.png) no-repeat; width: 178px; height: 369px; margin-left: 15px; padding-top: 18px; padding-left: 18px; float: left; }
.menu2 .kopje { font-family: Arial; font-size: 17px; color: #FFF; font-weight: bold; height: 45px; }
.menu2 a { font-family: Arial; font-size: 14px; color: #333333; text-decoration: none; }
.menu2 .pijltje { background: url(images/pijltje.png) no-repeat; height: 14px; width: 14px; float: left; margin-top: 1px; margin-right: 7px; }
.barcelona { width: 206px; float: left; margin-left: 15px; font-family: Arial; font-size: 13px; color: #333333; }
.barcelona h1 { font-family: Arial; font-size: 16px; color: #333333; font-weight: 100; margin-top: 7px; margin-bottom: 10px; }
.button5 { background: url(images/button1.png) no-repeat; width: 81px; height: 36px; float: right; margin-top: 20px; }

.top_box { width: 450px; height: 150px; float: left; margin-top: 5px; font-family: Arial; font-size: 13px; color: #333333; }
.top_box h1 { font-family: Arial; font-size: 17px; color: #333333; font-weight: bold; margin-top: 7px; margin-bottom: 10px; }
.img {float: left; margin: 10px 10px 10px 10px; width: 150px; height: 150px; }
.img img{width: 150px; height: 150px;}
.main_box { float: left; width: 650px; font-family: Arial; font-size: 13px; color: #333333; }
.main_box p { padding-left: 15px; }
.main_box .button5 { background: url(images/button1.png) no-repeat; width: 81px; height: 36px; float: right; margin-top: 10px; } 


de html code,

PHP Code:

<!-- begin content -->
<div class="content_top"></div>
<div class="content_main">

    <!-- begin menu2 -->
    <?php
    include 'include/main_destination.php';
    ?>
    <!-- einde menu 2-->
    
    <!-- begin tekst -->
    <div class="img">
        <img src="https://www.sitedeals.nl/images/dance.png" alt="dance" /><br /><br />
    </div>
    
    <div class="top_box">
        <h1>Barcelona Nightlife</h1>
        <p>This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.</p>
    </div>
    
    <div class="main_box">        
        <p>This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.</p>
        <a href="#" title="#"><div class="button5"></div></a>
    </div>
    <!-- einde tekst -->
    
    
    </div>
<div class="content_bottom"></div>
</div>
<!-- einde content -->

Voorbeeld is te zien op http://no.nl/h3p

alvast bedankt.

Wesley

Code:

    <div class="top_box">
        <h1>Barcelona Nightlife</h1>
        <p>This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.</p>
    <div style='clear:both;'></div>

</div>


    
    <div class="main_box">        
        <p>This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.This is probably the most important part of the stag and hen weekend in Barcelona.</p>
        <a href="#" title="#"><div class="button5"></div></a>
    </div>

Heel snel gekeken, volgens mij is dat de fix.

Beste,

Dat help niet het is de bedoeling dat er boven aan de tekst een ronde afwerking is midden menu achtergrond is die door loopt naar beneden en beneden moet er weer een ronde afronding komen.

op dit moment gooit die snel alles onder elkaar en ziet die heel de tekst niet.

mvg,

Wesley

Typisch geval van het niet clearen van floats zet eens in je content_main een overflow: hidden in de css

Raymond, dat werkt niet!

mvg,

Wesley
Aanvullend bericht:
Beste,

Ik moest het bij elke neer zetten nu werkt het wel bedankt voor jullie hulp.

mvg,

Wesley

Werkt niet de content staat er nu al een stuk beter bij als net?

En die footer moet je nog een positie geven dan zo te zien.

Yep klopt, maar dat komt wel goed.
alleen dit probleem hield me echt bezig.

Maarja weer wat geleerd daar doen we het voor.

mvg,

Wesley

Zodoende leert men Rome is ook niet in één dag gebouwd.
Alleen jammer dat je er twee uur van je tijd mee verkloot hebt misschien beter om dan direct hier een topic te maken meer personen weten meer dan één.