• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Herkent deze Notion-structuurscan echte problemen?

    FreelanceAP 6 oktober 2026 om 16:48
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Syntax 1 oktober 2026 om 11:11
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55
  • [PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

    frio 22 september 2026 om 16:40
  • Ictscripters / Koen

    Aaron 22 september 2026 om 15:07
  • Kweekrijk - van stekje tot Imperium

    Lijno 14 september 2026 om 23:00

Marktplaats

  • Verschillende domeinen te koop (sommige hebben website / content)

    frio 2 oktober 2026 om 14:45
  • 295 Nieuwe Domeinnamen September 2026

    shiga 1 oktober 2026 om 19:09
  • Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

    Jeroen.G 1 oktober 2026 om 17:48

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-->
    Meer tonen

    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

    Bestanden

    css.zip 2,3 kB – 341 downloads
  • Gast, wil je besparen op je domeinnamen? (ad)
  • 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
    Berichten
    500
    • 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
    Gevorderd
    Berichten
    460
    • 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...

Registratie

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

Nu registreren Aanmelden

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. Privacyverklaring
  10. Contact
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