als ik deze pagina (http://www.bni-online.nl/design/) bezoek in firefox ziet ie er niet uit (het overzicht zelf). Maar als ik m in IE open is ie gewoon goed... Enig idee hoe dit kan en hoe ik dit kan oplossen?
Jep, voornamelijk handig voor (blinde of slechtziende) mensen met screenreaders. Die kunnen de afbeelding niet zien, maar op basis van de alt wel inschatten wat er op het plaatje staat.
Ja, in XHTML wel.
Bij XHTML is ook bijv: <br>, <br/> Maar omdat ouwe browser dat niet altijd ondersteunen mag <br /> ook.
En Valid maken is ook aanbevolen.
Ik begrijp 't niet... Het zou eigenlijk niet aan dat valideren moeten liggen want dat zijn slechts van die kleine dingen als 'alt'. Maar hij geeft ook aan dat er een </div> staat terwijl div er geen div geopend voor is, dit klopt dus niet.
Ik heb dit als html code:
<html>
<head>
<link type="text/css" href="stijlblad.css" rel="stylesheet">
</head>
<body>
<div class='header'><img src="afbeeldingen/header.png"></div>
<div class='topmenu_container'>
<div class="topmenu_content">
<!-- Hier begint het topmenu -->
Nieuw | Overzicht | Nieuwe Post | Mijn BNI | Watchlist | PB's (0) | Instellingen | Log uit!
</div>
</div>
<div class='postmenu_container'>
<div class='postmenu_content'>
<!-- Postmenu inhoud hier! -->
<font size='+1'><strong>Beeld</strong></font>
<br>
DVD
<br>
DivX
<br>
HD
<br>
MPG
<br>
WMV
<br>
Afbeeldingen
<hr style="height:1px;">
<font size='+1'><strong>Geluid</strong></font>
<br>
Albums
<br>
Verzamel
<br>
Losse nummers
<hr style="height:1px;">
<font size='+1'><strong>Games</strong></font>
<br>
Windows
<br>
Mac
<br>
Xbox
<br>
Playstation
<br>
Nintendo
<br>
Mobiel
<hr style="height:1px;">
<font size='+1'><strong>Applicaties</strong></font>
Windows
<br>
Mac
<br>
Linux
<br>
Mobiel
<!-- Hier stopt het post-menu! -->
</div>
</div>
<div class='overzicht_container'>
<!-- Categorie kop -->
<center><font color='#000000'><h3 style='margin:0; padding:0;'>Beeld</h3></font></center>
<hr style='color:#000000;'>
<!-- Hier beginnen de 'postkoppen' (Titel, datum, poster) -->
<div class='overzicht_titelkop'><h3>Titel:</h3></div>
<div class='overzicht_datumkop'><h3>Datum:</h3></div>
<div class='overzicht_posterkop'><h3>Poster:</h3></div>
<!-- Hier eindigen de koppen -->
<div class='overzicht_content'>
<!-- Hier beginnen de posts -->
<ul class='posts'>
<li class='posteven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/dvd.png'></div>
<div class='overzicht_posttitel'>The Devil Wears Prada (2006)</div>
<div class='overzicht_postdatum'>09-01-2009</div>
<div class='overzicht_postposter'>Aaron</div>
</li>
<li class='postoneven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/uploaden.png'> <img src='afbeeldingen/cat/divx.png'></div>
<div class='overzicht_posttitel'>Night at the museum (2006)</div>
<div class='overzicht_postdatum'>11-01-2009</div>
<div class='overzicht_postposter'>Aaron</div>
</li>
<li class='posteven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/spot.png'> <img src='afbeeldingen/cat/hd.png'></div>
<div class='overzicht_posttitel'>Jeepers Creepers 3 (2005)</div>
<div class='overzicht_postdatum'>12-01-2009</div>
<div class='overzicht_postposter'>Gemablock</div>
</li>
<li class='postoneven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/aankondiging.png'> <img src='afbeeldingen/cat/mpg.png'></div>
<div class='overzicht_posttitel'>Green Street Hooligans</div>
<div class='overzicht_postdatum'>12-01-2009</div>
<div class='overzicht_postposter'>Gemablock</div>
</li>
<li class='posteven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/img.png'></div>
<div class='overzicht_posttitel'>Scream</div>
<div class='overzicht_postdatum'>12-01-2009</div>
<div class='overzicht_postposter'>Madmax</div>
</li>
</ul>
</div>
<br>
<!-- Categorie kop -->
<center><font color='#000000'><h3 style='margin:0; padding:0;'>Geluid</h3></font></center>
<hr style='color:#000000;'>
<!-- Hier beginnen de 'postkoppen' (Titel, datum, poster) -->
<div class='overzicht_titelkop'><h3>Titel:</h3></div>
<div class='overzicht_datumkop'><h3>Datum:</h3></div>
<div class='overzicht_posterkop'><h3>Poster:</h3></div>
<!-- Hier eindigen de koppen -->
<div class='overzicht_content'>
<!-- Hier beginnen de posts -->
<ul class='posts'>
<li class='posteven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/vzm.png'></div>
<div class='overzicht_posttitel'>Mestreechter Vastelaovends CD 1994</div>
<div class='overzicht_postdatum'>09-01-2009</div>
<div class='overzicht_postposter'>Aaron</div>
</li>
<li class='postoneven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/alb.png'></div>
<div class='overzicht_posttitel'>Hitzone 25 (2003)</div>
<div class='overzicht_postdatum'>11-01-2009</div>
<div class='overzicht_postposter'>Aaron</div>
</li>
<li class='posteven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/los.png'></div>
<div class='overzicht_posttitel'>Het huis Anubis</div>
<div class='overzicht_postdatum'>12-01-2009</div>
<div class='overzicht_postposter'>Gemablock</div>
</li>
<li class='postoneven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/alb.png'></div>
<div class='overzicht_posttitel'>Elvis Presley (De Hits Van Top 40)</div>
<div class='overzicht_postdatum'>12-01-2009</div>
<div class='overzicht_postposter'>Gemablock</div>
</li>
<li class='posteven'>
<div class='overzicht_posticonen'><img src='afbeeldingen/cat/done.png'> <img src='afbeeldingen/cat/alb.png'></div>
<div class='overzicht_posttitel'>Jordy Van Loon - Een Kusje Voor Jou (2008)</div>
<div class='overzicht_postdatum'>12-01-2009</div>
<div class='overzicht_postposter'>Madmax</div>
</li>
</ul>
</div>
</div>
<div class='infoblok_container'>
<div class="infoblok_content">
<!-- Hier begint de info -->
<font color="ec1726"><strong>
64 gebruikers online<br>
Nieuwste lid: Benny<br>
Aantal leden: 4638</strong>
</font>
<br>
<br>
Rond de jaarwisseling van 2008 op 2009 is BNI-Online gesloten vanwege een ruzie.
Hierdoor is het niet meer mogelijk om de oude software te gebruiken. Daarom zijn we nu hard aan het werk aan de nieuwe website.
<br><br>
Er zijn onderhandelingen met Disweb om BNI en Disweb samen te voegen.
</div>
</div>
</body>
</html>
Ja dat klopt wel... ik heb m ook al door de validator gehaald maar dit zijn geen fouten die de hele lay-out kunnen verpesten. Behalve die div die niet open staat... Dat begrijp ik dus ook niet want die staat wel open. Waarom zegt ie dan dat ie niet open staat?
