• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    NFT Art Designer 1 maart 2025 om 14:08

Marktplaats

  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07
  • Van een pixelige afbeelding naar een strakke, moderne website

    Syntax 21 december 2025 om 17:05

Hulp met content, Blox niet naast elkaar

  • Ecliipsee
  • 13 december 2012 om 21:45
  • Ecliipsee
    Op Zoek Naar WebProjecten!
    Berichten
    183
    • 13 december 2012 om 21:45
    • #1

    Hallo Allemaal,

    Ik heb een klein probleempje met mijn website http://www.notimefordinner.nl

    het is een bandwebsite en het lukt me maar niet om iets goed uit te lijnen.
    het gaat om http://www.notimefordinner.nl/wiezijnwij.html

    je ziet daar 8 blokken op de pagina staan.
    de eerste 7 staan keurig goed en netjes..
    alleen het achtste blok gaat onder het 7e blok staan terwijl het naast het 7e blok hoort.

    hier mijn html code en een stukje van de css:

    HTML
    <!--content -->
       <article id="content">
        <div class="wrapper">
         <h2>Wie Zijn Wij?</h2>
         <div class="wrapper">
          <div class="cols marg_right1">
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p class="pad_bot2"><span class="color2">Els Haverkate</span> <span class="color1">Zangeres</span><br>
             Een klein beetje info over Els.. gewoon een beetje algemene shit.. er komt nog een foto bij</p>
    
    
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p><span class="color2">Lars Velthuis</span> <span class="color1">Drummer</span><br>
             Een klein beetje info over Lars.. weer een beetje algemene shit.. er komt nog een foto bij</p>
          </div>
          <div class="cols marg_right1">
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p class="pad_bot2"><span class="color2">Roelof Mestriner </span> <span class="color1">Bassist</span><br>
             Een klein beetje info over artiest nummer 3.. weer een beetje algemene shit.. er komt nog een foto bij</p>
    
    
             <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p><span class="color2">Steen Everink</span> <span class="color1">Gitarist</span><br>
             Een klein beetje info over Steen. weer een beetje algemene shit.. er komt nog een foto bij</p>
          </div>
          <div class="cols ">
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p class="pad_bot2"><span class="color2">Wouter Smit</span> <span class="color1">Zanger</span><br>
             Een klein beetje info over Wouter. weer een beetje algemene shit.. er komt nog een foto bij</p>
    
    
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p><span class="color2">Maarten Reith</span> <span class="color1">Pianist</span><br>
             Een klein beetje info over Maarten Reith.. weer een beetje algemene shit.. er komt nog een foto bij</p>
           </div>
           <div class="cols ">
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p class="pad_bot2"><span class="color2">Wouter Smit</span> <span class="color1">Zanger</span><br>
             Een klein beetje info over Wouter. weer een beetje algemene shit.. er komt nog een foto bij</p>
    
    
           <figure class="pad_bot1"><img src="http://www.designandhype.com/wp-content/uploads/2012/06/4-260x260.jpg" alt=""></figure>
           <p><span class="color2">Maarten Reith</span> <span class="color1">Pianist</span><br>
             Een klein beetje info over Maarten Reith.. weer een beetje algemene shit.. er komt nog een foto bij</p>
           </div>
          </div>
         </div>
        </div>
       </article>
       <!--content end-->
    Toon Meer

    de .css's zitten in de bijlage's :)


    hopelijk dat iemand dit kan verhelpen want ik ben hier al vanaf 3 uur vanmiddag mee bezig.

    Mvg,

    Ecliipsee

    Files

    css.zip 2,3 kB – 260 Downloads
  • Kwolfs
    Leef vandaag, niet gister
    Berichten
    200
    • 13 december 2012 om 21:48
    • #2

    Ik heb ook Ecliipsee geholpen en we kregen het niet voorelkaar,
    In de vakken zit een speciale opbouw! alleen geen idee hoe je die kan doen!

    Met vriendelijke groeten,

    Kenneth Wolfs

  • thjeu
    Developer
    Ontvangen Reacties
    2
    Berichten
    501
    • 13 december 2012 om 23:46
    • #3

    Je maakt gebruik van float. Meestal is dit soort problemen op te lossen met een clearfix.

    Zet is onderaan het einde van de cols de volgende code:

    Code
    <br style="clear: both;" />

    EDIT: waarom heb je de .wrapper div op overflow: hidden; staan ?
    EDIT2: Je hebt trouwens de .wrapper div er twee keer in staan. Deze kun je ook gewoon 1x toepassen en je zult hetzelfde resultaat halen.

    Verder heb je ook vrij veel fouten in je code:
    http://validator.w3.org/check?uri=http…=Inline&group=0

    Haal die er eerst ook maar uit!

    TwistedMonkey - Media Productions

  • Ecliipsee
    Op Zoek Naar WebProjecten!
    Berichten
    183
    • 14 december 2012 om 14:21
    • #4

    Heb jouw code toegevoed maar ook deze werkt niet.
    contact via skype ook mogelijk: ecliiipsee

    ik heb de meeste kleine foutjes er uit gehaald :)

  • A.Ruter
    Intermediate
    Ontvangen Reacties
    21
    Berichten
    463
    • 16 december 2012 om 00:12
    • #5

    Je bent op regel 37 een </div> vergeten ;)

    Al begin ik nu te twijfelen of dat wel het probleem is...
    En aan je CSS zal het niet liggen...

  • Ecliipsee
    Op Zoek Naar WebProjecten!
    Berichten
    183
    • 16 december 2012 om 11:33
    • #6

    Ik heb werkelijk waar ook geen idee hoe het kan.. hier moet toch een simpele oplossing voor te vinden zijn??

    @alexjeee

    de </div> heb ik er inderdaad ingezet maar het geeft geen verschil...

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design