Ondersteuning » Algemeen WordPress » de header plaatje moet zich aanpassen aan de breedte van het scherm

  • Hallo daar,
    Ik ben bezig met het maken van een website (duuh) maar ben op het volgende probleem gestuit:
    Ik heb met fireworks een template gemaakt van m’n site.
    Vervolgens heb ik de header in drie stukken gedeeld. Met aan de linkerkant een plaatje met de sitenaam en afgeronde kanten. vervolgens had ik een klein reepje gesneden dat zich onder de logo zou moeten bevinden en vervolgens van links naar recht zich moeten herhalen, zodat het 1 plaatje lijkt.
    Daarna zou er aan de linkerkant weer een andere slice moeten komen met de afgeronde kanten aan de linkerkant.
    Dit alles moet er voor zorgen dat de header zich aanpast aan de breedte van het scherm.

    Wat er nu gebeurt is dat de logo goed verschijnt, maar daarna eerst de linkerkant met de afgeronde kanten verschijnt voor de achtergrond.
    Kan iemand me een tip geven? de code van de header.php staat hieronder::
    <div id=”outline”>

    <div id=”header” onclick=”location.href=’http://www.invloed.net/&#8217;;”
    style= “cursor: pointer;”>
    <div class=”blogtitle”> <–De logo–>
    <div class=”header”> <–de achtergrond–>
    <div class=”blogleft”> <–De afronding–>
    <h1>Invloed.net</h1>

    </div>
    </div> </div></div> <!– end of #header –>

    Dit is de nodige css:
    #outline {
    background:#666666 ;
    font-size:1.3em;
    margin:0pt auto;
    padding:0pt;
    width:86%;
    }
    #header {
    background:transparent url(images/Logo_bg.png) repeat-x left bottom;
    height:123px;
    width:100%;
    float:center;
    }
    #header .blogtitle {
    background:transparent url(images/logo_invloed.png) no-repeat scroll left bottom;
    height:123px;
    width:482px;
    float:left;
    }

    }
    #header .blogleft {
    background:transparent url(images/Logo_lft.png) no-repeat scroll right bottom;
    height:123px;
    width:66px;
    float:right;

    Als ik de code aanpas krijg ik het nog niet goed.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘de header plaatje moet zich aanpassen aan de breedte van het scherm’ is gesloten voor nieuwe reacties.