Doe ik het zo goed

**John Bouma** · 14-08-2010, 16:49

Ben al een tijdje bezig met het leren van basen gaat me aardig goed af
maar nou is mijn vraag doe ik het zo goed ?

hier de link zonet even snel gemaakt
http://converten.nl/portfolio/water/

Gr

**Nik Verploegen** · 14-08-2010, 16:52

Ziet er opzich oke uit. Wellicht dat je in de broncode alles iets mooier kan neerzetten en eventueel met  lijnen om het duidelijker te krijgen.

Verder is 'Menu' niet goed gepositioneerd.

**Freek G** · 14-08-2010, 17:01

Ik zet het even op een rij, heb je meer aan:

- In het menu heb je dit <ul> <h2>Menunaam</h2> ......</ul>. Probeer de <h2> buiten de ul te houden, dus: <h2>Menu naam</h2> <ul></ul>
-Probeer de broncode overzichtelijker te maken met tabs: view-source:http://websane.nl/based/vhoster/index.html
- Probeer de h2 maar voor 1 ding te gebruiken, niet voor 2. Het kan wel maar het is handiger om de titel van de tekst een h2 te geven en de menu items h3 of h4.
- Je hebt in de tekst heel veel <p class="classnaam">...</p>, waarom niet gewoon p? Geld ook voor de h2 in de tekst.

**J. Buitenhuis** · 14-08-2010, 17:02

Je gebruikt h2 tags in je menu, niet doen. H tags zijn 'Headers' dus kopjes voor boven een paragraaf. Gebruik bv een span voor je menu titels. En zo zijn er nog wel meer kleine dingetjes, maar het begin is er.

Maar waarom leer je niet gelijk de basis van HTML5? http://www.smashingmagazine.com/2009...-from-scratch/

**John Bouma** · 14-08-2010, 17:07

Oke dankjewel voor de tips :)
waar ik nog niet uitkom is dat het menu goed staat in firefox maar in IE is het een rotzooi
hoe kan ik dat oplossen ?

**gast26966** · 14-08-2010, 17:42

Probeer er een doctype boven te zetten. Op deze manier weet elke browser welke HTML je gebruikt en weet zo op wat voor manier de tags te gebruiken. Het zal dan dus ook, als het goed is, goed positioneren.

**John Bouma** · 14-08-2010, 18:54

heb ik er boven te staan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

en deze had ik er ook boven

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

nog steeds problemen met het menu

**gast26966** · 15-08-2010, 11:13

Je zou altijd met tables kunnen werken om het te positioneren... raad ik wel sterk af, maarja.

Is je code wel HTML 4.01 valid?

Je zegt bij die andere dat je die er óók boven heb staan. Hier raakt de browser van in de war. Gebruik er maar 1tje, en zorg ook dat je code die html versie VALID is.

**John Bouma** · 15-08-2010, 14:26

code was niet helemaal valid
en ik had ze er natuurlijk niet tegelijk boven staan :D

volgens mij moet ik gewoon even een paar menu's gaan maken en dan zit het wel goed.
allemaal bedankt voor jullie hulp !

**S. van Laere** · 15-08-2010, 14:37

Sowieso zijn de span tags op deze manier geen geldige HTML:
<ul>
<span class="style">Menu</span>
<li>Menu - item 1</li>
</ul>

**John Bouma** · 15-08-2010, 14:40

is er ook een standaard voor menu's ?

wat is dan wel correct gebruik van de <span> tag ?

**J. Buitenhuis** · 15-08-2010, 14:46

Code:

<span>Menu item</span>
<ul>
     <li><a href="link" title="menu item">menu item</a></li>
     <li><a href="link2" title="menu item 2">menu item 2</a></li>
     <li><a href="link3" title="menu item 3">menu item 3</a></li>
</ul>

**S. van Laere** · 15-08-2010, 14:50

Origineel gepost door John Bouma

is er ook een standaard voor menu's ?

wat is dan wel correct gebruik van de <span> tag ?

Wat een standaard betreft, zijn lijsten toch wel de meest gebruikten.
Een ongeordende lijst is de meest voorkomende, soms is een geordende lijst te verkiezen
als daar semantisch reden toe is. Veel minder zie je de definitielijst, maar ook die is prima te gebruiken voor een menu.

Lijsten mogen enkel andere lijsten en lijstitems bevatten verder niks.
Span tags mag je alleen gebruiken tussen inline elementen als:
<p><span>foo</span></p>
<li><span>foo</span></li>

Voor meer informatie over blocklevel en inline elementen:
http://www.waalweb.nl/blog/blockleve...ine-elementen/

**John Bouma** · 15-08-2010, 15:48

Heb nu dit, alleen het probleem is dat de image die achter span staat niet groter word dan het woord wat er staat.
al geprobeerd een height en width mee te geven maar werkt niet

hier de link
http://converten.nl/portfolio/test/test.html

of hoor je geen image achter span te zetten want ik zou niet weten hoe ik anders die afbeelding erachter krijg, of ik moet er een per menu header en menu items een div om heen gooien.

**S. van Laere** · 15-08-2010, 15:58

Origineel gepost door John Bouma

Heb nu dit, alleen het probleem is dat de image die achter span staat niet groter word dan het woord wat er staat.
al geprobeerd een height en width mee te geven maar werkt niet

hier de link
http://converten.nl/portfolio/test/test.html

of hoor je geen image achter span te zetten want ik zou niet weten hoe ik anders die afbeelding erachter krijg, of ik moet er een per menu header en menu items een div om heen gooien.

Geen span gebruiken dan, genoeg andere tags die je kunt gebruiken.
Waarom niet iets als:
<h4>Menu item</h4>

Doe ik het zo goed

Doe ik het zo goed

Quick links

Sitedeals

Andere media

Over Sitedeals

Doe ik het zo goed

Doe ik het zo goed

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen