• 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

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • 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

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

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

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