Beste,

Ik heb een HTML code bug, zelf kan ik er niet uitkomen en ook heeft een ander er naar gekeken.

Het probleem is dat, wanneer ik één stuk tekst wijzig, mijn hele menu flipt.

Ik hoop dat jullie er wat fouten in zien, waardoor ik hem kan debuggen.

<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content=":D" />
	<meta name="keywords" content="tijdelijk weggehaald" />
	<meta name="robots" content="index, nofollow">
	<title>Home - HTML</title>
	<link href="css/style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="container">
            
		<div id="header">
			<div id="head_logo"><a href="index.html">WebDesign</a></div>
			<div id="slogan">Wees welkom op <font color="orange">WebDesign</font>.</div>
		</div><!-- end header div -->
		
                <div id="content">
			<div id="content_tekst"><h1>Welkom op mijn portfolio.</h1>< 
			<div id="avatar"><a href="#aboutme"><img src="images/no_avatar.jpg" alt="lala" title="lala" /></a></div>
			
                <div id="navBar"> 
                        <ul>
                            <a href="index.html"><li>Home</li></a>
                            <a href="#portfolio" onclick="alert('Momenteel niet aanwezig')"><li>Portfolio</li></a>
                            <a href="#Factuur" onclick="alert('Momenteel niet aanwezig')"><li>Factuur aanvragen</li></a>
                            <a href="Contact.php"><li>Contact</li></a>
                        </ul>
                </div>
                        
		<div id="p_cont">
                                
                <p id='tekst1'>

                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                </p>
                <br/>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                </p>
		</div>
                        
                <p id="tekst3">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>

                    <a href="Contact.php" style="text-decoration: underline;">Vraag uw site hier aan</a>.
                </p>
                        
                <p id="projecten">Laatste projecten:</p>
                    <div id="projecten_af">
                        <img src="images/thumbs/portfolio.jpg" alt="portfolio" /> 
                        <img src="images/thumbs/name.jpg" alt="name" />
                        <img src="images/thumbs/name2.jpg" alt="name2" /> 
                    </div>
		</div>
            </div><!-- end content_tekst div -->
        </div><!-- end content div -->

    <div id="footer">Copyright &copy; 2012 | <a href="index.php">Mijnaam</a></div>
    
</body>
</html>
LOL, dat heb ik zelf nog niet meegemaakt. Ik gebruik het altijd op deze manier, echter gebruik ik geen netbeans.

Maar werkt het ook niet als je nu naar die pagina gaat dan?
Wat betekend het LI element? En wat betekend een DIV element? Wat hoort om een LI element heen te zitten?

Het is handig als je, zoals ik eerst al zei, eens opzoekt wat al die elementen nou voorstellen en betekenen en wat ze verplicht als parent moeten hebben of niet.
Je kunt anders bijvoorbeeld <h6> gebruiken om de Webdesign te stylen.

Dus zoiets krijg je dan.

<h6>Webdesign</h6>

En dan style je gewoon de h6 in je css


[size=xsmall]Toevoeging op 25/05/2012 09:02:37:[/size]

@Wouterj

Een losse <li> werkt gewoon, heb het net zelf getest.
Wouter J op 25/05/2012 09:00:43

Wat betekend het LI element? En wat betekend een DIV element? Wat hoort om een LI element heen te zitten?

Het is handig als je, zoals ik eerst al zei, eens opzoekt wat al die elementen nou voorstellen en betekenen en wat ze verplicht als parent moeten hebben of niet.


Een Li element moet: ul, ol of een menu element als parent hebben. Dat weet ik, maar ik wil graag jullie hulp uittesten. [lees: uitproberen wat jullie voor oplossingen bieden.]


[size=xsmall]Toevoeging op 25/05/2012 09:19:59:[/size]

Chris NVT op 25/05/2012 09:01:48

Je kunt anders bijvoorbeeld <h6> gebruiken om de Webdesign te stylen.

Dus zoiets krijg je dan.

<h6>Webdesign</h6>

En dan style je gewoon de h6 in je css


[size=xsmall]Toevoeging op 25/05/2012 09:02:37:[/size]

@Wouterj

Een losse <li> werkt gewoon, heb het net zelf getest.

`
H6 is inderdaad wel een oplossing, zal hem uitproberen.


[size=xsmall]Toevoeging op 25/05/2012 09:21:01:[/size]

Chris NVT op 25/05/2012 08:59:39

LOL, dat heb ik zelf nog niet meegemaakt. Ik gebruik het altijd op deze manier, echter gebruik ik geen netbeans.

Maar werkt het ook niet als je nu naar die pagina gaat dan?


Ja, het werkt wel, maar ik heb liever niet is dat niet hoort :).
LOL, <font> hoort ook niet meer maar dat gebruikte je ook ;).

Nee groot gelijk als je het doet moet je het ook gelijk goed doen! Gebruik dan h6 om te stylen, dan krijg je ook geen rare meldingen :D
Chris NVT op 25/05/2012 09:22:17

LOL, <font> hoort ook niet meer maar dat gebruikte je ook ;).

Nee groot gelijk als je het doet moet je het ook gelijk goed doen! Gebruik dan h6 om te stylen, dan krijg je ook geen rare meldingen :D


Daar heb je natuurlijk gelijk in :P. Ik ga nu de h6 gebruiken, zal er later op terugkomen. Heb een hele vreemde fout.

Edit:

Zo een rare fout is het blijkbaar niet, lijkt me logisch dat de pagina niet klopt, wanneer de divjes nog niet op de juiste plek afgesloten worden xD

Reageren