Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Div verplaatst..

Drewster
2 antwoorden
  • Beste luitjes,

    Ik heb in photoshop een lay out gemaakt en in dreamweaver heb ik van twee vakken naast elkaar een aparte div gemaakt..
    In de ene div zit mijn menu en de andere gewoon content..

    Ik heb een template gemaakt en vanuit daar een nieuw html document..

    Nu als ik preview wordt het menu netjes aangesloten op de header zoals het hoort..

    Maar als ik tekst toevoeg aan het content divje, en dan preview.. wordt het menu divje verplaatst..

    Plaatje 1 is hoe het moet en zonder tekst in content div en plaatje 2 is hoe het niet moet met tekst in div..

    [b:46e123c541]1.[/b:46e123c541]
    [img:46e123c541]http://home.kpn.nl/l.liekens//Blogger/goed.png[/img:46e123c541]
    [b:46e123c541]2.[/b:46e123c541]
    [img:46e123c541]http://home.kpn.nl/l.liekens//Blogger/fout.png[/img:46e123c541]

    Wie weet hoe ik dit kan oplossen?[b:46e123c541][/b:46e123c541]
  • Haha dit is wel een hele basic question :roll: die divjes zet en hou je op z'n plaats met css.

    - Ik typ even de basic, even uit me hoofd dus je zal zelf even moeten checken hoe en wat.

    [b:58a1a6112e]Index.php[/b:58a1a6112e]

    <!– In de body –>

    <div class="main">
    <div class="left">

    Jou informatie van het linker vlak hier!

    </div>
    <div class="right">

    Jou informatie van het RECHTER vlak hier!

    </div>
    </div>


    [b:58a1a6112e]Je css[/b:58a1a6112e]

    .main {

    margin: 0 auto;
    width: 900px;
    height: 600px;
    }

    .left {
    width: 450px;
    height: 600px;
    float: left;
    }


    .right {
    width: 450px;
    height: 600px;
    float: left;
    }

    Haha zoals ik het eventjes heb opgetypt hoort het te zijn.

    Maarre, tip voor iedereen: ADOBE Dreamweaver - The basics ;)

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.