• 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

  • Ictscripters Chat

    Frenzo.Brouwer 9 maart 2026 om 21:31
  • Help testers nodig voor android app Urgent

    Servertjee 20 februari 2026 om 12:07
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    Servertjee 20 februari 2026 om 12:06
  • Afspraken systeem met planbeperking

    Jeffrey.Hoekman 20 februari 2026 om 11:52
  • Developer Gezocht

    Servertjee 19 februari 2026 om 17:31
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Servertjee 18 februari 2026 om 16: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

Marktplaats

  • Heel wat sterke domeinen > 2 letters, 3 letters, premiums

    Michael DW 11 maart 2026 om 12:12
  • 367 Nieuwe Domeinnamen Februari 2026

    shiga 1 maart 2026 om 14:50
  • Meerdere mafia game template te koop

    Syntax 16 februari 2026 om 13:34

navigatie probleempje!

  • D-Schaafsma
  • 11 maart 2012 om 17:57
  • Closed
  • D-Schaafsma
    Beginner
    Berichten
    25
    • 11 maart 2012 om 17:57
    • #1

    Beste leden van criminalspoint.

    Ik ben bezig met een klein stukje html 5 !

    Aleen nu krijg ik die menu's maar niet onder elkaar .

    html5 !

    PHP
    <!doctype html>
    <html>
    <!-- Gemaakt door dave Schaafsma -->
    <head>
    
    
    		<meta content="text/html; charset=utf-8" http-equiv="Content-type" />
    		<link href="stijlblad2.css" rel="stylesheet" type="text/css" />
    		<title> Basiscursus html </title>
    </head>
    <body>
    		<div id="wrapper">
    		<header>
    			<div id="logo"><h1>Logo bovenaan</h1></div>
    			<div id="Menubalk">Menu balk
    				<ul>
    					<li>Menu 1</li>
    					<li>Menu 2</li>
    					<li>menu 3</li>
    				</ul>
    			
    			
    			<form class="rechts">
    				<input type="text" name="tag" />
    				<input type="submit" value="HTML 5 TAG zoeken" />
    			</form>
    			</div>
    		</header>
    		</div>
    
    
    		
    <div id="nav">
    
    
    <nav class="dikkerand">
    	<h2> Menu blok 1</h2>
    	<p><a href="index.html">Een linkje</a></p>
    	<p><a href="index.html">Een linkje</a></p>
    	<p><a href="index.html">Een linkje</a></p>
    	<p><a href="index.html">Een linkje</a></p>
    	
    </nav>
    <nav class="dikkerand">
    	<h2> Menu blok 2 </h2>
    	<p><a href="index.html">Weer een linkje</a></p>
    	<p><a href="index.html">Weer een linkje</a></p>
    	<p><a href="index.html">Weer een linkje</a></p>
    	<p><a href="index.html">Weer een linkje</a></p>	
    </nav>
    <nav class="dikkerand">
    	<h2> Menu blok 3 </h2>
    	<p><a href="index.html">Nog meer linkjes</a></p>
    	<p><a href="index.html">Nog meer linkjes</a></p>
    	<p><a href="index.html">Nog meer linkjes</a></p>
    	<p><a href="index.html">Nog meer linkjes</a></p>
    </nav>
    
    
    </div>
    
    
    <!-- hier begint de inhoud van de pagina -->
    
    
    	<section>
    	
    		<article>
    			<h2> dit is een artikel</h2>
    			<p>The main vechile of klingon langauge institute is holqed, qaurterly linquistics language and culture.</p>
    		</article>	
    			
    			
    			
    			
    		<article>
    			<aside>
    				<p> Hier komt wat overige tekst die ik erin moest typen om het resultaat te zien </p>
    				<p> Leuk om te weten hoe dat in zijn werking gaat. </p>
    				<p> 50 pennys </p>
    				<p> en 5 cent </p>
    			</aside>
    		</article>
    		
    		<article>
    			<h2> Dit is artikel nummer 2</h2>
    			<p> there is much controversy in relationship to font size specifications. </p>
    		</article>
    		
    		<article>
    			<h2> Dit is artikel nummer 3</h2>
    			<p>The klingon language institue is nonprofit 501(c)3 corporation and star trek, and all relatedmars are copyrights
    			and trademarks of paramount pictures. All rights reserverd. klingon language institute authorized user.</p>
    		</article>
    	<div class="clearright"></div>
    	</section>
    	
    	<!--hier eindigt de inhoud van de webpagina -->
    	
    	<footer>
    		Voetregel
    	</footer>
    	
    </body>
    </html>
    Toon Meer


    CSS3 !!!

    PHP
    body{
    	font-family:arial;
    	background:silver;
    	font-size: 20px;
    }
    header{
    	background:yellow;
    }
    #logo{
    	background:purple;
    	height:100px;
    }
    #menubalk{
    	background:orange;
    	float: left;
    }
    .rechts{
    	float: right;
    }
    .mooi{
    	background:white
    	font-size:12px
    }
    #id{
    	background:red;
    	font-weight:bold;
    }
    aside{
    	background:tomato;
    	float:right;
    	width:200px;
    }
    
    
    #nav{
    	float:left;
    }
    
    
    nav{
    	background:green;
    	float:left;
    	width:200px;
    }
    section{
    	background:red;
    	margin-left:200px;
    }
    article{
    	background:white;
    	clear:right;
    }
    footer{
    	background:blue;
    	clear:both;
    }
    .clearright{
    	clear:right;
    }
    
    
    menubalk ul{
    	list-style-type: none;
    	display:inline;
    	margin-left:0px;
    	padding-left:0px;
    }
    
    
    #menubalk li{
    	display:inline;
    	margin-left:0px;
    }
    #menubalk{
    	background:orange;
    	height:30px;
    }
    
    
    #wrapper{
    	margin:0px auto 0px auto;
    	min-width:780px;
    	max-width:1000px;
    }
    
    
    .dikkerand{
    	border: 10px solid white;
    	border-radius:30px 30px 30px 0px;
    }
    Toon Meer

    Processor : Amd Phenom II X6 1100T Black edition.
    Geheugen : 8Gb 2000 MHZ Corsair.
    Moederbord: Crosshair IV Extreme.
    Ssd : 480 Gb agility 3.
    videokaart: Radeon hd 6970
    Pc score: 7.8 - 7.9

  • zwpgangster
    Professional
    Ontvangen Reacties
    13
    Berichten
    1.036
    • 11 maart 2012 om 18:13
    • #2

    heb je ook een link voor een voorbeeld?

    MD-IT Solutions

  • D-Schaafsma
    Beginner
    Berichten
    25
    • 11 maart 2012 om 18:26
    • #3

    Het is html ? gewoon op je buroblad kan ?

    Processor : Amd Phenom II X6 1100T Black edition.
    Geheugen : 8Gb 2000 MHZ Corsair.
    Moederbord: Crosshair IV Extreme.
    Ssd : 480 Gb agility 3.
    videokaart: Radeon hd 6970
    Pc score: 7.8 - 7.9

  • Patrick
    Back in the game
    Ontvangen Reacties
    52
    Berichten
    1.417
    • 11 maart 2012 om 18:32
    • #4

    waarom doe je dan;

    nav { float: left; }?

  • Malik
    Guest
    • 12 maart 2012 om 19:25
    • #5

    Komt door display: inline;

    http://www.w3schools.com/cssref/pr_class_display.asp
    http://www.w3schools.com/cssref/tryit.a…_display_inline

  • Luc
    Software Engineer
    Ontvangen Reacties
    44
    Berichten
    1.986
    • 12 maart 2012 om 19:46
    • #6

    :slotje: account heeft perm-ban

    Website: https://devimo.nl
    Skype: https://join.skype.com/invite/dJyYILTt7Eqh

Participate now!

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

Maak een account aan Login

ICT Nieuws

  • Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

    ICTscripters 11 maart 2026 om 22:42
  • Apple heeft zojuist iOS 26.4 Beta 4 vrijgegeven: hier is de verwachte lanceerdatum.

    ICTscripters 11 maart 2026 om 12:01
  • Kritieke kwetsbaarheid in Nginx UI bedreigt gevoelige data

    ICTscripters 10 maart 2026 om 18:29

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. 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