9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)
  • Q:
    Bijdrager
    steene

    header probleempje

    Hallo,

    Ik heb een probleempje met “witverlies”;-) op http://www.cineme.be
    Er zit een fout in de stylesheet waardoor ik op mijn header overtollig wit te zien krijg.
    Ik heb al vanalles geprobeerd maar ik krijg de fout er niet uit?

    Is er iemand die er meer van kent en me helpen wil/kan?
    Alvast bedankt!

    Stijn

    Bijdrager
    steene
    <br />
    #toparea {<br />
    	background: #000000 url(images/grad.gif) top repeat-x;<br />
        width: 964px;<br />
    height: 24px;<br />
    color: #dddddd;<br />
    font-size: 11px;<br />
    	font-family: Verdana;<br />
        margin: 0px 0px 0px 0px;<br />
        padding: 0px 0px 0px 10px;<br />
        overflow: hidden;<br />
    	}</p>
    <p>.toparea-left {<br />
        width: 480px;<br />
        margin: 0px 4px 0px 0px;<br />
        padding: 0px 0px 0px 0px;<br />
        float: left;<br />
        }</p>
    <p>.toparea-right {<br />
        width: 480px;<br />
        margin: 0px 0px 0px 0px;<br />
        padding: 0px 0px 0px 0px;<br />
        float: left;<br />
    	text-align: right;<br />
        }</p>
    <p>#header {<br />
    	background: #000000 url(images/grad.gif) top repeat-x;<br />
        width: 964px;<br />
    	height: 150px;<br />
        margin: 0px 0px 0px 0px;<br />
        padding: 0px 0px 0px 10px;<br />
        overflow: hidden;<br />
    	}</p>
    <p>.header-left {<br />
    	background: transparent url(images/logo.png) no-repeat;<br />
        width: 299px;<br />
    height: 140px;<br />
        margin: 10px 20px 20px 20px;<br />
        padding: 10px 20px 20px 20px;<br />
        float: left;<br />
        }</p>
    <p>.header-right {<br />
        width: 665px;<br />
        margin: 0px 0px 0px 0px;<br />
        padding: 0px 0px 0px 0px;<br />
        float: left;<br />
    text-align: right;<br />
        }<br />
     

    Ik geloof dat de fout hier ergens zit met de margin’s en de paddings maar waar?!

    Bijdrager
    KingAchille

    Wat me al gelijk opvalt zijn je paragraph tags tussen je css… Die horen in je html pagina’s, niet in je css…
    Ik nam even de vrijheid om je volledige CSS te bekijken en kwam dit tegen:

    <br />
    #wrapper {<br />
        background: none repeat scroll 0 0 #FFFFFF;<br />
        height: 100%;<br />
        margin: 0 auto 8px;<br />
        padding: 1px 8px 8px;<br />
        width: 984px;<br />
    }<br />
     

    Wat gebeurt er als je die padding op 0 zet?

    Bijdrager
    steene

    Zoals verwacht krijg ik dan geen wit meer rond de “pagina”

    Maar wat ik niet zag aankomen is dat het wit naast de header er dan wel nog steeds blijft.

    Groeten,
    Stijn

    Bijdrager
    KingAchille

    Je header is 964px breed en je menubar 984px. Daar zit je witverlies:)
    Wil je nu nog wél een witte kader rond je content, plaats deze gewoon in een nieuwe div en geef die een padding van 10px.

    Geblokkeerd
    Anoniem

    “Witverlies”? Ik zeg “witwinst”! Je krijgt toch te veel wit?;)

    Bijdrager
    overstag

    De padding van #wrapper kun je laten staan zoals je het oorspronkelijk had.
    Verwijder van #toparea en #header de regel met width:964px.
    Klaar.

    Verder is een goede/betere reset (b.v. Eric Meyer’s reset) aan het begin van je stylesheet aan te bevelen.

    Bijdrager
    steene

    Ik ben overstag gegaan en dat was het inderdaad.
    Perfect, de css is zelfs wat kleiner geworden.
    Maar wat je bedoelt met je reset weet ik echter niet?

    Mag ik nog eens wat vragen?
    linksboven staat de datum in het engels.
    Terwijl ik in mijn wordpress dat volledige document in het Nederlands heb gezet.

    In de code staat er gewoon dit:
    <?php echo date(‘l, F jS, Y’); ?>

    Waarom lukt het me niet om dat Nederlands te zetten?

    Alvast iedereen al bedankt voor de hulp!
    Groeten,
    Stijn

    Geblokkeerd
    Anoniem

    Omdat je het format van het date commando aan moet passen:) Maar sowieso denk ik niet dat “date” de nederlandse woorden voor de dagen en maanden kent…

9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.