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)

header en zijkant komen niet tegen elkaar aan

None
10 antwoorden
  • Hoi,

    Ik ben nu een site aan het maken over mijn net geboren dochtertje.
    Nu heb ik de zijkant en header gemaakt in PSP.
    Nu is het de bedoeling dat deze twee tegen elkaar komen.
    Dit gebeurt dus niet . Zie http://members.home.nl/tamarawobben

    Wat is er verkeerd gegaan ?

    Roelof Wobben
  • margin en padding even op 0 zetten?

    enneh.. congrats!
  • margins en padding staan al op 0

    zie bijgevoegde css :


    /* CSS Document */
    body {

    margin : 0 0 0 0 ;
    }

    #container
    {
    width: 90%;
    margin: 0 0 0 0 ;
    background-color: #fff;
    }

    #top
    {
    margin : 0 0 0 0 ;
    }

    #leftnav
    {
    float: left;
    width: 194px;
    margin: 0;
    }

    #content
    {
    margin-left: 200px;
    }

    #leftnav p { margin: 0 0 0 0; }
    #content h2 { margin: 0 0 0 0; }


    Roelof
  • ik zie nergens de padding op 0 staan
    ligt het aan mij? volgens mij niet
  • oke,

    Ik heb mijn css-file veranderd in :

    /* CSS Document */
    body {

    margin : 0 0 0 0 ;
    }

    #container
    {
    width: 90%;
    margin: 0 0 0 0 ;
    background-color: #fff;
    }

    #top
    {
    margin : 0 0 0 0 ;
    padding : 0 ;
    }

    #leftnav
    {
    float: left;
    width: 194px;
    margin: 0;
    padding :0 ;
    }

    #content
    {
    margin-left: 200px;
    padding : 0 ;
    }

    #leftnav p { margin: 0 0 0 0; }
    #content h2 { margin: 0 0 0 0; }


    maar geen verandering :cry:

    Roelof
  • Als je de images als background instelt, heb je geen ruimte tussen de divs. CSS:
    [code:1:5df0cad73f]
    #top {
    background: url(header.jpg) no-repeat;
    height: 173px;
    }

    #container {
    width: 800px;
    }

    #leftnav {
    float: left;
    background: url(zijkant.jpg) no-repeat;
    width: 198px;
    height: 427px;
    }

    #content {
    float: right;
    width: 600px;
    }[/code:1:5df0cad73f]
    Losjes gebaseerd op 456 Berea Street's 2 column layout.

    Omdat je een image map wilt, zou ik het artikel CSS sprites op A List Apart lezen of het -naar eigen zeggen- simpeler artikel Imagemaps op Alsacreations (die ook naar ALA verwijzen) over hoe je vervolgens die ballonnen klikbaar maakt.
  • hoi,

    Dank je.
    Het werkt nu.
    Alleen zie ik nu witte strepen tussen mijn images en de rand van de browser.

    Is er ook een manier om dat op te lossen ?/

    En ook dank je voor de tip van de image-maps.
    Maar ik laat Dreamweaver ze maken. Dus dit gebeurt helaas niet met css.

    Groetjes.

    Roelof
  • Om de 2 afbeeldingen tegen elkaar te zetten:

    Verander
    [code:1:3ef8fd01f0]
    <div id="top">
    <img src="header.jpg" width="800" height="173">
    </div>
    <div id="leftnav">
    <img src="zijkant.jpg" width="194" height="427">
    </div>
    [/code:1:3ef8fd01f0]
    in:
    [code:1:3ef8fd01f0]
    <div id="top"><img src="header.jpg" width="800" height="173"></div>
    <div id="leftnav"><img src="zijkant.jpg" width="194" height="427"></div>
    [/code:1:3ef8fd01f0]
    Dus de </div> direct na <img> zonder spatie/enter er tussen.
  • hoi,

    Nee , de twee gedeelten zijn me al gelukt.
    Wat ik bedoel , kun je zien als je nu de site http://members.home.nl/tamarawobben opent.
    Je ziet nu een witte rand tussen de rand van de browser en de bovenkant van de header.

    Mijn vraag is dus : hoe los je dit op ??

    Groetjes,

    Roelof Wobben
  • teacher zei het al: margin en padding op 0 zetten. Hij had er alleen even bij moeten zetten dat je dit voor de body moet doen :wink:
    [code:1:a1b72c78ee]body {
    margin: 0;
    padding: 0;
    }[/code:1:a1b72c78ee]
    Enne, ook van mij gefeliciteerd..

Beantwoord deze vraag

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