• 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

  • Criminolz

    spijkerpraat 10 november 2026 om 10:32
  • Externe testers gezocht — Saphaxis AI Chat Organizer 0.1.59

    FreelanceAP 4 november 2026 om 07:42
  • nieuwe game

    tigermaffia 2 november 2026 om 15:21
  • [Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

    frio 27 oktober 2026 om 12:22
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Jeroen.G 26 oktober 2026 om 10:33
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    eeyk 22 oktober 2026 om 18:43
  • Crime Club volledig herschreven vanaf nul

    frio 19 oktober 2026 om 23:57
  • Malavita (nieuwe maffia game, van 0)

    jos 19 oktober 2026 om 23:18

Marktplaats

  • 293 Nieuwe Domeinnamen Oktober 2026

    shiga 5 november 2026 om 11:02
  • [Aanbod] Stadskaart voor je browsergame: van menu naar klikbare stad, vanaf €200

    frio 29 oktober 2026 om 18:17
  • [Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

    frio 27 oktober 2026 om 18:54

hulp met html5

  • scarface
  • 25 maart 2012 om 16:01
  • scarface
    Professional
    Berichten
    1.597
    • 25 maart 2012 om 16:01
    • #1

    Beste leden. Ik ben momenteel bezig met mijn html 5 en css3 traject.
    Ik heb besloten om gewoon een simple index te maken.

    PHP
    <!doctype html>
    <html>
    <head>
    	<title> The magic bux script </title>
    
    
    	<!--Description meta tags-->
    	
    <meta name="description" content="
    Bux site : The best paid-to-click service provider in the world. 
    We are high classiefied experts at providing high traffic rate's.
    See your business solutions growing and get more bang out of your bucks.
    We can consitter that we are the most used an best paid-to-click service.
    ©Bux Corporation. 
    " />
    	
    	
    	<!--Description keywords-->
    	
    <meta name="keywords" content="
    Referal,bux,product advertisements,traffic,online,
    golden,forum,referral link,instant,exposure,referal renting,
    advertising,comunity,referals,payement,get payed for,
    money,view advertisements,get,instant payement,payement proofs,
    online,traffic to website,payed,referral link,forum
    exposed,sales management,to,free money,bigbux,fastbux,cheapbux,
    alertpay,neteller,gptc,worldwide,photohraphy exposure,freebux,
    " />
    
    
    	<!--Description Founder-->
    
    
    <meta name="author" content="
    Bux Site
    company name
    " />
    
    
    
    
    
    
    
    
    
    
    	<meta charset="utf-8" />
    
    
    <!-- Java / css -->
    
    
    	<link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    
    
    
    
    <!-- Header -->
    
    
    <header>
    
    
    	<div id="logo">BUX</div>
    <div id="buttons">		
    	<input type="button" name="View advetisements" value="View advertisements">
    	<input type="button" name="Forum" value="Forum">
    	<input type="button" name="Register" value="Register">
    	<input type="button" name="Login" value ="Login">
    		
    		
    		<select>
    			<option value="english">English</option>
    			<option value="nederlands">Nederlands</option>
    			<option value="brazillia">Brazillia</option>
    		</select>
    		</div>
    		
    </header>
    		<div id="spacer"></div>
    		
    <!-- artikels -->
    <div id="wrapper">
    
    
    <section class="dikkerand">
    
    
    	<article>
    	
    	
    		<h2> Voorbeeld artikel </h2>
    		Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen.
    		Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw,
    		toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.
    		overgenomen in elektronische letterzetting.
    		Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem
    		Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus 
    		PageMaker die versies van Lorem Ipsum bevatten.
    		
    	</article>
    </section>
    
    
    <section class="dikkerand">
    	<article>
    		<h2> Voorbeeld artikel </h2>
    		Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen.
    		Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw,
    		toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken.
    		overgenomen in elektronische letterzetting.
    		Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem
    		Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus 
    		PageMaker die versies van Lorem Ipsum bevatten.
    		
    	</article>
    </section>
    
    
    
    
    <!--Footer-->
    
    
    <footer class="dikkerand">
    
    
    
    
    
    
    <p>© 2012 - 2020 Bux Site , corporation.<br>
    	All rights reserverd.
    </p>
    
    
    
    
    
    
    
    
    </footer>
    
    
    
    
    	</div>
    </body>
    </html>
    Meer tonen
    PHP
    /*
    	The BUX PTC , written in html5/css3/PHP5/MYSQLI/jqeury/javascript/flash.
    	All rights reserved : The bux corporation.
    	Dave schaafsma.
    */
    
    
    
    
    
    
    /* Begin header settings*/
    header{
    	background :yellow;
    	max-height :75px;
    	min-height :75px;
    }
    
    
    body{
    	font-family:Arial;
    	background:silver;
    }
    #spacer{
    	background:tomato;
    	max-height:7px;
    	min-height:7px;
    }
    #logo{
    	font-family:Arial;
    	font-size:30px;
    	min-width:900px;
    	max-width:900px;
    	
    }
    
    
    
    
    
    
    
    
    
    
    
    
    article{
    	background:white;
    }
    
    
    footer{
    	background:white;
    }
    
    
    
    
    
    
    
    
    #wrapper{
    	margin: 0 auto;
    	min-width:900px;
    	max-width:900px;
    }
    
    
    
    
    .dikkerand{
    	border: 5px solid white;
    	border-radius:3px 3px 3px 3px;
    	margin-top:15px;
    }
    #buttons{
    	float:right;
    	max-width:900px;
    	min-width:900px;
    }
    Meer tonen

    De gehele content verkleint niet wat doe ik fout ? De pagina is volledig html5 valid en css3.

  • Gast, wil je besparen op je domeinnamen? (ad)
  • vision2
    devtech.nl
    Berichten
    33
    • 25 maart 2012 om 16:07
    • #2

    De fout ligt in je #wrapper
    Je gebruikt 2x margin: 0px auto

    moet zijn:

    PHP
    #wrapper{
        margin: 0 auto;
        min-width:900px;
        max-width:900px;
    }
  • scarface
    Professional
    Berichten
    1.597
    • 25 maart 2012 om 16:09
    • #3

    Hmm dat is hem nog niet , volgens het traject moest het wel margin:0px auto 0px auto; zijn

    want je hebt toch 0px hoogte en 0 x breedte ?>

  • jopitan
    Professional
    Berichten
    683
    • 25 maart 2012 om 16:31
    • #4
    PHP
    #logo{ 
        font-family:Arial; 
        font-size:30px; 
    /* Einde header settings */

    Je bent vergeten #logo te sluiten ;)

    PHP
    #logo{ 
        font-family:Arial; 
        font-size:30px; 
    }


    Citaat van vision2

    De fout ligt in je #wrapper
    Je gebruikt 2x margin: 0px auto

    moet zijn:

    PHP
    #wrapper{
        margin: 0 auto;
        min-width:900px;
        max-width:900px;
    }



    2x margin maakt niet uit.
    Margin heeft 4 opties dat er zo uit ziet:
    margin: [T] [R] [B] [L]
    Waarbij [T] = Top margin, [R] = Right margin, [B] = Bottom margin en [L] = Left margin.

    Kast: HAF922 | CPU: I7-930 @ 4.0GHz | CPU Cooler: Noctua NH-D14 | HDD0: Crucial M4 128GB, HDD1: Kingston SSD 64GB, HDD2/3: WD Black & Green 1TB, HDD4: Seagate 1.5TB | Mem: Kingston HyperX 12GB @ 1600MHz | Graphics: Crossfire HD6970 | Res: 5760x1080

  • scarface
    Professional
    Berichten
    1.597
    • 25 maart 2012 om 16:37
    • #5

    Oke nu heb ik het even veranderd en ben verder gegaan , ik wil de artikelen alebij zo een mooie ronde hoek eromheen.

    Moet ik ze dan beide een aparte class aangeven ?

  • jopitan
    Professional
    Berichten
    683
    • 25 maart 2012 om 16:39
    • #6

    Welk element wil je ronde hoeken aan geven? Ik neem aan <article>

    Dan kun je hier gewoon beiden 1 class aangeven waar je de
    -webkit-border-radius
    -moz-border-radius
    en border-radius aangeeft.

    Kast: HAF922 | CPU: I7-930 @ 4.0GHz | CPU Cooler: Noctua NH-D14 | HDD0: Crucial M4 128GB, HDD1: Kingston SSD 64GB, HDD2/3: WD Black & Green 1TB, HDD4: Seagate 1.5TB | Mem: Kingston HyperX 12GB @ 1600MHz | Graphics: Crossfire HD6970 | Res: 5760x1080

  • scarface
    Professional
    Berichten
    1.597
    • 25 maart 2012 om 16:40
    • #7

    Ps ik heb het je moest gewoon een nieuwe section maken en die opnieuw afsluiten.


    Nu zit ik nog met 1 klein dingetje hoe krijg ik de content vakken dat zijn nu vierkanten precies gelijk aan die ronde hoeken ?

    En hoe doe je een kleine border eromheen ? dus een lijntje om het vak ?

  • jopitan
    Professional
    Berichten
    683
    • 25 maart 2012 om 17:54
    • #8

    Kijk hier eens naar, dit beantwoord je vraag mogelijk: http://css-tricks.com/examples/BodyBorder/kottke.php

    Kast: HAF922 | CPU: I7-930 @ 4.0GHz | CPU Cooler: Noctua NH-D14 | HDD0: Crucial M4 128GB, HDD1: Kingston SSD 64GB, HDD2/3: WD Black & Green 1TB, HDD4: Seagate 1.5TB | Mem: Kingston HyperX 12GB @ 1600MHz | Graphics: Crossfire HD6970 | Res: 5760x1080

  • scarface
    Professional
    Berichten
    1.597
    • 25 maart 2012 om 18:31
    • #9

    Kijk dit is het voorbeeld : http://www.commedybase.nl

    Ben al redelijk op weg maar heb nog wel wat issues ! , ik wil het bovenste logo wil ik aan de linkerkant gelijk aan de linkerkant van het content.

    En de buttons wil ik gelijk met de rechterkant van het content, nu kan je het verschuiven.

Registratie

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

Nu registreren Aanmelden

ICT Nieuws

  • PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

    Aaron 22 oktober 2026 om 22:19

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
  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
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design