W3.css Titel staat niet op de juiste plaats

Status
Niet open voor verdere reacties.
Hieronder staat jouw code. Maak de div blokken netjes inspringend dan zie je de structuur. Doe dit bij alle div's.
Code:
<div id="container" class="w3-content">
    <div id="top" class="w3-row w3-display-container">
    </div>
    <div class="w3-hide-large w3-mobile">
    </div>
    <div id="main" class="w3-row w3-margin-bottom">
        <div id="left" class="w3-third w3-container">
        </div>
        <div id="right" class="w3-twothird w3-container">
        </div>
    </div>
    <div id="footer" class="w3-row w3-display-container" style="...">
    </div>
</div>
Je ziet de verschillen dan kom je er wel uit. Lees van elke class bij w3schools even wat het doet.
Suc6. Have fun.
 
Laatst bewerkt:
Lukt mij moeilijk omdat ik sommige stukken code in afzonderlijke bestanden heb gestoken zoals de menu's om in andere pagina's te tonen.
Voorlopig heb ik dit gebruikt: <h1 class="w3-row" style="margin:0;padding-left:90px;">Welenhoeck: ruimte voor alternatieven</h1>
Bij mij lijkt het voorlopig al beter maar denk dat dit niet de beste oplossing is!
 
Als je de structuur bekijkt dan wil je de koptekst boven (lees: in) de rechterkolom.
Zet de <h1>.....</h1> dan in de rechterkolom, direct onder <div id="right" class="w3-twothird w3-container">

Als je px (padding-left:90px) in de breedte gebruikt dan is je layout niet meer goed op tablet en/of smartphone. Werk in de breedte met %.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan