Bedankt Mathias, heb het spelling foutje tevens even verbeterd.

Ziet er wel cool uit, het is anders dan de rest.
Als ik jou was zal ik nog wel een betere oplossing zoeken voor het volgende:

<table border="0">
<form method="post" action="conscript.php">
<tr>
<td>Naam: &nbsp; &nbsp; </td><td><input name="naam" value="" class="text" type="text" />
</td><td></td></tr>
<tr><td>E-mail: &nbsp; &nbsp; </td><td><input name="email" value="" class="text" type="text" />
</td><td></td></tr>
<tr><td>Onderwerp: &nbsp; &nbsp; </td><td><input name="onderwerp" value="" class="onderwerp" type="text" /></td>
<td></td></tr>
<tr><td valign="top" id="td_bericht">Bericht: &nbsp; &nbsp; </td><td><textarea name="bericht" class="textarea"></textarea></td>
<td></td></tr>
<tr><td></td><td align="right"><input type="submit" value="" class="input_sub" /></td><td></td></tr>
</form>
</table>

Dat kan namelijk veel netter en zonder tables.
Als je je aanbied als html/css maker, vind ik het zelf belangrijk dat je eigen bedrijfssite ultiem gemaakt is.

Je hebt gelijk :) heb er css van gemaakt, zit er een stuk beter uit nu.

Verder?

<div onmouseout="info()" onmouseover="mail()" class="mail"><a href="contact"></a></div>
Een soort van mini divsoep met links zonder linktekst.
De afwezigheid van de linktekst is kwalijk.
Tevens zou ik een lijst gebruiken.
Kijk hier eens na:
http://stylemeltdown.com/2007/10/22/...tion-with-css/

Ja ik snap wat je bedoelt, maar waarom zou ik perse iets in de link moeten hebben?

Origineel gepost door Eddy B.

Ja ik snap wat je bedoelt, maar waarom zou ik perse iets in de link moeten hebben?

Verschillende, maar voornamelijk om je blinde bezoekers te helpen:
zoekrobots, screenreaders

Schakel de afbeeldingen en css uit en je hebt een idee wat een spider/screenreader leest,
dan begrijp je gelijk waarom er perse iets in die link moet staan..

En ik neem aan dat de gebruiksvriendelijkheid/toegankelijkheid hoog in je vaandel staat?

Ja dat snap ik, maar staat nogal raar als er text door de afbeelding staat, of ik moet de inhoud display:none zetten?

En inderdaad, zoals je denk ik wel kan zien staat dat erg hoog.

Het ziet er keurig uit, Strak en simpel (niet negatief, dit is alleen mooi).

Bedankt Daan. :)

Origineel gepost door Eddy B.

Ja dat snap ik, maar staat nogal raar als er text door de afbeelding staat, of ik moet de inhoud display:none zetten?

En inderdaad, zoals je denk ik wel kan zien staat dat erg hoog.

Nee display:none is niet het antwoord.
Bekijk het voorbeeld wat ik eerder gaf en leer daar van.
Ook daar staan normale linknamen in en toch zijn ze visueel niet zichtbaar,
terwijl de links wel toegankelijk zijn voor spiders/screenreaders.
Aanvullend bericht:
Ik beoordeel een website niet op het visuele aspect maar vooral op de gebruiksvriendelijkheid en toegankelijkheid.
Dat is mijn ding.
Aanvullend bericht:
Ik gebruik IE8 en krijg het bericht:
"U gebruikt Internet Explorer, als u een versie lager dan versie 8 gebruikt kan deze pagina incorrect worden weergeven. Om dit probleem op te lossen moet u Internet Explorer updaten."
Tevens geeft het script een fout:
Foutdetails webpagina

Gebruikersagent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
Tijdstempel: Fri, 23 Apr 2010 07:48:59 UTC

Bericht: 'document.getElementById(...)' is leeg of geen object
Regel: 1
Teken: 18
Code: 0

Bericht: 'document.getElementById(...)' is leeg of geen object
Regel: 6
Teken: 18
Code: 0

Kan zijn dat het enkel bij mij is maar dat kan ik niet nagaan, dus meld ik het maar even.
Waarom ondersteun je enkel IE8 en niet IE7?

Daarnaast gebruik je de alt attributen helemaal verkeerd.
Screenreader gebruikers en zoekrobots hebben niks aan:
"Deze afbeelding kan niet worden weergeven"

Als een afbeelding enkel als decoratie dient dan zou het verstandiger zijn er een
achtergrondafbeelding van te maken middels CSS.

Andere dingen die mij zijn opgevallen:
Twee links om terug te komen naar de homepage waar 1 volstaat.
Een aantal HTML fouten, voornamelijk "ID ... already defined"
E-mail adressen als een afbeelding, weet wel waarom je dat doet
maar een betere optie is om het contact formulier uit te breiden.
Dan hoef je niet meer met dergelijke oplossingen te werken.

Beste,
ik ga er morgen even verder op in, zal u voor nu even de links/urls willen verwijderen?

Alvast bedankt!
Aanvullend bericht:
Oke, ten eerste bedankt :) opbouwende kritiek is altijd welkom!

Ik vraag me wel af, wat bedoel je met 'geen display:none;'? want als ik op de website kijk die je stuurde omtreft <span> dan krijg ik ook uiteindelijk: '#nav-example span {display: none;}' dus misschien heb je daar iets meer uitleg over?

Over IE, je klopt, binnekort kunnen alle Windows gebruikers kiezen voor een nieuwe browser, en dus ook bij aanschaf van Bijv. nieuwe Windows versies. En ik vermoed dat daardoor MSIE minder(veel minder) gebruikers zal krijgen. En daarbij, het is gewoon de bedoeling dat je natuurlijk altijd je software up-to-date houd. Toch?

Over die JS fout weet ik niks, ga er achteraan want dat hoort natuurlijk niet.

De ALT Tags, dat klopt, daar zal ik ook even naar kijken.. was lui denk ik.

Over de HTML foutjes weet ik niks, maar achter de ID ga ik inderdaad wel even aan want daar heb ik gewoon niet bij stil gestaan. Al moet ik zeggen, xHTML validator zegt daar niks over.. dus kijk erna.

En het contactformulier zend naar ons info@ formulier, en voor webmasters staat daaronder meer informatie als je een specefiek doel hebt, het is gewoon handiger om geen klachten etc. in de verkeerde mailbox te krijgen.
Aanvullend bericht:
Kortom, ik ga er even naar kijken vandaag/morgen, ik hou je up-to-date!

Hallo Eddy,

het voorbeeld wat ik gaf blijkt dus niet het beste voorbeeld te zijn.
Zowel display: none als visibility: hidden doen precies dat en zijn voor screenreaders niet toegankelijk.
Hier staat een aangepaste versie die wel toegankelijk is:
http://www.oukjeweb.com/imagemenu.html

Ben momenteel niet thuis, misschien later een wat uitgebreidere feedback.
Maar voor nu even een snelle typfoutje melden :-)

Betreft portfolio pagina:

Code:

Helaas hebben wij nog geen portfolio matriaal. Houd de website in de gaten en volg de updates.