Page 2 of 2 First 12
  1. #16
    Metropolice's Avatar
    Registered
    13/10/08
    Location
    Aartselaar / Leuven
    Posts
    196
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/1
    Oké laat maar iets weten, ook als het in orde is aub.
    De goedkoopste host van de Benelux: Versio

    Eigen website nodig ? Contacteer me !
    no votes  

  2. #17

    Registered
    25/10/07
    Posts
    33
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Heb de dingen aangepast die jij zei, alleen die padding van de p heb ik anders gedaan. Is het zo ook oké? Ik zal hieronder de hele code posten want ik heb nog altijd een probleempje: mijn footer staat in de resolutie 1440*900 wel in het midden, maar bij 1024*768 niet. En m'n header heb ik met cufon in een ander lettertype geplaatst, maar in IE zie ik het gewone lettertype waardoor heel m'n content naar boven wordt getrokken. Aangezien ik nog maar pas begin, zullen er nog wel meer fouten instaan die ik zelf nog niet meteen zie dus die mag je altijd aanhalen

    /**************************************************
    BODY/CONTAINER
    **************************************************/

    *{
    margin:0;
    padding:0;
    }

    body{
    background-image: url(../../images/achtergrondgrijzer.jpg);
    background-repeat:no-repeat;
    background-attachmentcroll;
    background-position:top;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color:#000;
    text-align:justify;
    line-height:22px;
    }

    p{
    padding: 10px 420px 0 140px;
    }

    a:link{
    color: #000;
    text-decoration: none;
    }

    strong{
    color:#FFF;
    }

    #container{
    margin: 0 auto;
    width:1024px;
    }

    /***********************************************
    HEADER
    ***********************************************/

    h1{
    margin: 10px 0 0 250px;
    padding: 0 0 10px 0;
    color:#dd0505;
    font-size:80px;
    }

    h2{
    margin: 0 0 0 208px;
    color:#000;
    font-size:30px;
    }

    /***********************************************
    NAVIGATION
    ***********************************************/

    .nav ul{
    list-style:none;
    margin:10px 0 0 125px;
    padding:0;
    }

    .nav ul li{
    float:left;
    font-size:18px;
    margin: 40px 30px 0 0;
    color:#dd0505;
    }

    .nav ul li a{
    color:#000;
    text-decoration:none;
    }

    .nav ul li a.highlight{
    color:#dd0505;
    }

    /***********************************************
    CONTENT
    ***********************************************/

    h3{
    font-size:30px;
    font-weight:bold;
    margin: 120px 0 0 135px;
    padding: 0 0 20px 0;
    }

    a.journalist{
    color:#000;
    text-decoration:underline;
    font-weight: bold;
    }

    .afbeelding1{
    position:absolute;
    border: solid 2px #FFF;
    margin: -375px 0 0 625px;
    }

    .afbeelding2{
    position:absolute;
    border: solid 2px #FFF;
    margin: -170px 0 0 625px;
    }

    .filmpje{
    position:absolute;
    margin:-300px 0 0 580px;
    }

    dl{
    margin: 25px 0 0 0;
    }

    dt{
    font-weight:bold;
    margin: 0 0 0 135px;
    }

    dd{
    margin: 0 0 0 135px;
    }

    a.contactFAQ{
    color:#FFF;
    text-decoration:underline;
    }

    /***********************************************
    FOOTER
    ***********************************************/

    #footer{
    background: url("../images/footer.gif") no-repeat;
    margin: 35px 0 0 75px;
    width:866px;
    height:68px;
    }

    #footerinfo{
    font-size:11px;
    color: #dd0505;
    margin: 23px 0 0 255px;
    position:absolute;
    }

    #footercontact{
    background: url("../images/footer.gif") no-repeat;
    margin: 13px 0 0 75px;
    width:866px;
    height:68px;
    }

    #footerhome{
    background: url("../images/footer.gif") no-repeat;
    position:absolute;
    margin: 535px 0 0 75px;
    width:866px;
    height:68px;
    }

    #footerFAQ{
    background: url("../images/footer.gif") no-repeat;
    position: absolute;
    margin: 10px 0 0 75px;
    width: 866px;
    height: 68px;
    }

    a.contact{
    color:#dd0505;
    text-decoration:underline;
    }
    no votes  

  3. #18
    GregoryCo's Avatar
    Registered
    29/10/03
    Location
    Izegem
    Posts
    4,748
    iTrader
    25 (100%)
    Mentioned
    0 Post(s)
    Reputation
    6/9
    Je hebt geen content div? Het is de bedoeling dat je binnenin uw container nog een content div zet waaring uw inhoud in moet. In de container moeten dus uw header, menu, content, footer enzo zitten, anders zul je problemen krijgen qua positionering.

    Zo dus bvb:

    Code:
    <div id="container">
        <div id="header"></div>
        <div id="menu"></div>
        <div id ="content">
        	<p></p>
        </div>
        <div id="footer"></div>
    </div>
    no votes  

  4. #19

    Registered
    25/10/07
    Posts
    33
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Jawel die heb ik wel in m'n html. Heb die in z'n geheel gewoon geen css-eigenschappen gegeven, maar alles apart
    no votes  

  5. #20
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Je kan beter je container een beetje positioneren om dan die paddings/margins te kunnen laten op uw paragrafen etc..
    no votes  

  6. #21
    phil_r's Avatar
    Registered
    19/12/09
    Location
    Antwerpen
    Posts
    51
    iTrader
    0
    Mentioned
    0 Post(s)
    Doe de lineheight uit je body tag
    en zet erbij in die body tag:
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    als je toch lineheight wil om meer spatie tussen de regels te hebben,
    pas dan toe op alle p tags:
    Code:
    p { line-height: 24px; }
    Het ding is dat je best geen spatie declaratie op het bovenste element doe, dat is meer een hint om minder last te krijgen verder... Het is maar een detail I know ;-)

    Verder:
    in de H1 tag
    padding: 0 0 10px 0; -> dit zorgt alleen voor last, als je ruimte wilt creeren onder je h1 tag, doe het dan met de margin , dat daar padding gebruikt kan worden is als je in je h1 tag een achtergrond zet ofzo bv en die dan de tekst ermee kunnen schikken, maar dat heb jij dus niet...

    Vervolgens wat GregoryCo zei met divs je structuur opbouwen:
    HTML Code:
    <div id="container">
        <div id="header"></div>
        <div id="menu"></div>
        <div id ="content">
        	<p></p>
        </div>
        <div id="footer"></div>
    </div>
    Wil je je website in het midden van de pagina zet dan
    de stijl van de container:
    Code:
    div.container {
    margin: 0px auto 0px auto;
    padding: 0px;
    }
    Succes!
    Regards Phil
    no votes  

  7. #22

    Registered
    25/10/07
    Posts
    33
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Ik heb nog eens alles aangepast wat phil_r zei, maar mijn probleem geldt nog steeds

    In mijn html had ik mijn structuur al zo opgebouwd zoals jullie het voorstelden, maar ipv van 'div.container{}', gebruik ik '#container{}', is dat van mij fout dan?
    no votes  

  8. #23
    phil_r's Avatar
    Registered
    19/12/09
    Location
    Antwerpen
    Posts
    51
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by clau View Post
    This quote is hidden because you are ignoring this member. Show
    Ik heb nog eens alles aangepast wat phil_r zei, maar mijn probleem geldt nog steeds

    In mijn html had ik mijn structuur al zo opgebouwd zoals jullie het voorstelden, maar ipv van 'div.container{}', gebruik ik '#container{}', is dat van mij fout dan?
    Sorry mijn fout. met id moet je idd #container gebruiken

    Het kan ook aan je foto blokjes.jpg liggen, probeer eens even met gewoon een achtergrond kleur om te zien of het daar aan ligt?

    Als het alleen in liveview dreamweaver is, is het probleem niet belangrijk toch?
    Last edited by phil_r; 21-12-2009 at 17:46.
    Regards Phil
    no votes  

  9. #24
    Metropolice's Avatar
    Registered
    13/10/08
    Location
    Aartselaar / Leuven
    Posts
    196
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/1
    Kan je de site miss eens online zetten zo kunnen we ook eens 'zien' wat er nog fout is ? Zo gaat het miss sneller.
    De goedkoopste host van de Benelux: Versio

    Eigen website nodig ? Contacteer me !
    no votes  

  10. #25

    Registered
    25/10/07
    Posts
    33
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    gamer

    Heb 'm hier even online gezet. Hij is dus goed op resolutie 1440*900, maar niet op 1024*768 (in firefox)

    Het E-portfolio waar naar gelinkt wordt, heeft hetzelfde probleem, maar als ik van deze de oplossing weet, kan ik het daar wss wel oplossen.

    Ik zie trouwens net dat die eerste code die ik hier geplakt heb, van het portfolio is. Bij deze site hoort dus de volledige code ik hier geplaatst heb.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in