Page 3 of 4 First 1234 Last
  1. #31
    kaketoe's Avatar
    Registered
    04/08/09
    Location
    Merelbeke, Gent, Belgium
    Posts
    263
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/1
    In HTML zijn er de zgn. "box" elementen. Dit zijn oa. div, p, li, ...
    En op die box elementen kan je bepaalde afmetingen geven (in absolute waarden (px) of relatieve waarden (em), verder kan je ook nog percentages opgeven, maar die zijn doorgaans bijzonder ingewikkeld)

    Hou dit gewoon in gedachten:
    - margin is de plaats tussen de "parent" box en de huidige box
    - border is de rand rond de padding van de huidige box
    - padding is de rand rond de inhoud van de huidige box (hetgeen je tussen de tags zelf hebt geschreven)

    Hier even in afbeeldingvorm:
    http://escience.anu.edu.au/lecture/c...age/boxdim.png

    Dit is misschien nog nét iets te theoretisch, maar als je wat googlet op de individuele trefwoorden van hierboven kom je er wel denk ik.
    .
    no votes  

  2. #32
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Quote Originally Posted by kaketoe View Post
    This quote is hidden because you are ignoring this member. Show
    In HTML zijn er de zgn. "box" elementen. Dit zijn oa. div, p, li, ...
    En op die box elementen kan je bepaalde afmetingen geven (in absolute waarden (px) of relatieve waarden (em), verder kan je ook nog percentages opgeven, maar die zijn doorgaans bijzonder ingewikkeld)

    Hou dit gewoon in gedachten:
    - margin is de plaats tussen de "parent" box en de huidige box
    - border is de rand rond de padding van de huidige box
    - padding is de rand rond de inhoud van de huidige box (hetgeen je tussen de tags zelf hebt geschreven)

    Hier even in afbeeldingvorm:
    http://escience.anu.edu.au/lecture/c...age/boxdim.png

    Dit is misschien nog nét iets te theoretisch, maar als je wat googlet op de individuele trefwoorden van hierboven kom je er wel denk ik.
    tgeen je hier zegt snap ik al een beetje met de margin en padding en zo ik denk dat ik wel op de juiste weg ben maar ik krijg op geen manier 2 kaders naast elkaar ik heb al geprobeert met "display: inline;" maaar het lukt me niet
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  3. #33
    kaketoe's Avatar
    Registered
    04/08/09
    Location
    Merelbeke, Gent, Belgium
    Posts
    263
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/1
    2 kaders gaat perfect:

    Voer dit uit in je browser:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <HTML>
       <HEAD>
          <TITLE>Html document</TITLE>
          <STYLE>
          div {
            width: 150px;
          }
          .div1 {
            /*display:inline;*/
            
          }
          .div2 {
            /*display:inline;*/
          }
          </STYLE>
       </HEAD>
       <BODY>
          <div class="div1">
          div1
          </div>
          <div class="div2">
          div2
          </div>
       </BODY>
    </HTML>
    En haal dan eens de commentaar weg in de CSS (/* en */ wegdoen)

    En doe dan eens refresh.
    QED (toch in firefox)
    De default value van een box element is inderdaad display:block, en dan genereert elk box element een breakline na de tag. display:inline gaat dat tegen.
    .
    no votes  

  4. #34
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    het werkt EINDELIJK
    zkit dan alleen met het volgende probleem xD nu word de border aangepast naar de grote van het woord maar die zou zo grote die ik heb ingesteld.
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  5. #35
    kaketoe's Avatar
    Registered
    04/08/09
    Location
    Merelbeke, Gent, Belgium
    Posts
    263
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/1
    Quote Originally Posted by jokke0066 View Post
    This quote is hidden because you are ignoring this member. Show
    het werkt EINDELIJK
    zkit dan alleen met het volgende probleem xD nu word de border aangepast naar de grote van het woord maar die zou zo grote die ik heb ingesteld.
    Dat ga je toch even moeten herformuleren vrees ik.

    Je hebt de grootte van de border (tussen de margin en de padding) ingesteld, en hoe is dat precies gerelateerd aan de grootte van uw letters?
    .
    no votes  

  6. #36
    YaMo's Avatar
    Registered
    19/02/06
    Location
    -
    Posts
    4,048
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/73
    Het beste hier lijkt mij gewoon alles wat je denkt te weten over CSS en HTML vergeten en van 0 beginnen met tutorials van bijvoorbeeld w3schools.
    no votes  

  7. #37
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Quote Originally Posted by YaMo View Post
    This quote is hidden because you are ignoring this member. Show
    Het beste hier lijkt mij gewoon alles wat je denkt te weten over CSS en HTML vergeten en van 0 beginnen met tutorials van bijvoorbeeld w3schools.
    ik werk met w3school en vanaf 0 beginnen heb ik al gedaan.
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  8. #38
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Quote Originally Posted by kaketoe View Post
    This quote is hidden because you are ignoring this member. Show
    Dat ga je toch even moeten herformuleren vrees ik.

    Je hebt de grootte van de border (tussen de margin en de padding) ingesteld, en hoe is dat precies gerelateerd aan de grootte van uw letters?
    Code:
    div.linkerkolom{
    	width: 750px;
    	border:2px solid;
    	display: inline;
    }
    
    div.rechterkolom{
    	width: 150px;
    	border:2px solid;
    	display: inline;
    }
    dit zijn de 2 kolomen die ik naast elkaar wil de 1ne met 750px:width en de 2e met 150px:width
    begrijp je het?
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  9. #39
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    kep het al gevonden kmoest gewoon "inline-table" gebruiken in plaats van "inline"
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  10. #40
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    kzit weeral met een volgend vraagje maar dan is men homepage bijna af.
    hoe kan ik tekst naast een foto zetten?

    nu komt de tekst:
    ___________
    |-----------|
    |-----------|
    |----foto---|MAAR ik wil de tekst hier
    |-----------|
    |__________|hier staat men tekst dan

    is het zo duidelijk uitgelegd
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  11. #41
    YaMo's Avatar
    Registered
    19/02/06
    Location
    -
    Posts
    4,048
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/73
    img {
    float:left;
    }
    no votes  

  12. #42
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    dat probleem heb ik nu ook opgelost men home page is nu af.
    Nu de andere 7 pagina's nog
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  13. #43
    jokke0066's Avatar
    Registered
    27/03/09
    Location
    Westerlo
    Posts
    212
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    voor ik met de 7 pagina's kan beginnen zit ik weer met een nieuwe fout:
    ik heb men site steeds gecontroleerd in "firefox" dus daar werk de homepage perfect maar nu zie ik dat die niet werkt in "internet Explorer"
    het enige probleem is dat de kaders niet meer "inline" staan
    CaMoFlAgE/Helze/Jokke0066
    no votes  

  14. #44
    Curahee Q's Avatar
    Registered
    07/12/07
    Location
    Hoogstraten
    Posts
    854
    iTrader
    0
    Mentioned
    0 Post(s)
    gebruik is float: left als je 2 divs naast elkaar wil hebben.

    Code:
    div#main {
           position: absolute;
           width: 800px;
           margin-left: -450px;
           left: 50%;
    }
    div.div1 {
           width: 650px;
           height: 300px;
           float: left;
           background-color: green;
    }
    div.div2 {
           width: 150px;
           height: 300px;
           float: left;
           background-color: red;
           clear: right;
    }
    div.div3 {
           width: 400px;
           height: 50px;
           float: left;
           background-color: blue;
    }
    div.div4 {
           width: 400px;
           height: 50px;
           float: left;
           background-color: yellow;
    }
    HTML Code:
    <div id="main">
            <div class="div1">Eerste div</div>
            <div class="div2">Tweede div</div>
    
            <div class="div3">Derde div</div>
            <div class="div4">Vierde div</div>
    </div>
    Last edited by Curahee Q; 25-06-2010 at 19:49.
    no votes  

  15. #45
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    HTML Code:
    <div class="clear"></div>
    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