www.css-voorbeelden.nl

Voor ik de deur uitga even snel: * Opslaan als concept is in principe alleen nodig als je uitlogt (of wordt uitgelogd). Bij langere teksten maak ik trouwens zelf ook steeds even 'n kopie buiten het forum om, want het zou niet de eerste keer zijn dat ik verkeerd klik en annuleer of zo. Dan kan ik het...

(Vervolg) Bij mij staan ze dan goed. alt="": tussen de aanhalingstekens kun je 'n tekst zetten. Dat is van belang voor slechtzienden, maar ook voor zoekmachines, want die kunnen geen plaatjes 'lezen', maar wel die teksten. Als dit niet helpt, is de code nog 'ns nodig. * Die vlaggen linken ...

Hoi, Ik heb even iets veranderd aan de instellingen van het forum, omdat je afbeeldingen de lay-out nogal sloopten. Nu moet je even op de link klikken voor je ze ziet. Ik ben absoluut niet thuis in het beheer van forums, dus ik heb dit nooit ingesteld, maar als ze nu breder zijn dan 1000 px, wordt e...

Tweede vervolg * #nav: float: center bestaan niet, weggehaald * #content_container stond 100%% (twee keer procent) * #nav ul: background-color: none: none is geen kleur. Dat is transparent, maar de hele regel kan weg * margin: 0 heb ik op allerlei plaatsen weggehaald. Dat is standaard en meestal ove...

Vervolge vorige bericht. Nog wat aparte css voor IE 7: /* css voor ie 7 */ #nav li {height: 30px;} #nav ul ul li {width: 100px;} Nou, nu kan ik wel tekst toevoegen. Mogelijk omdat er twee stukken css achter elkaar stonden. Nou ja, hier komt de toelichting. Beetje door elkaar. Ook de vragen die je st...

Nou, daar was ik even mee bezig. Voor 'n groot deel omdat het niet werkte in IE 8: de onderkant bleef wegvallen, wat ik ook deed. Soms begin ik toch aan m'n bovenkamer te twijfelen. Ik had de resolutie veranderd en was dat even vergeten. Oeps. Ik geef eerst de code en dan de uitleg. Als het niet naa...

Hoi, Dat ziet er in ieder geval heel overzichtelijk uit. Ik heb je css even van de html losgemaakt, dan krijgt dat ook kleurtjes en zo. Dan ga ik zo maar 'ns spelen. O, en wat ik nog vergat bij dat verhaal over strict en zo: html zonder lay-out e.d. is veel toegankelijker voor speciale programma's z...

Ah, we hebben elkaar gekruist. Ik dacht dat het doctype 'strid' een typefout was: er bestaat geen doctype strid. Je hebt transitional en strict (en eentje voor frames, maar da's 'n geval apart). Je kunt de code hier neerzetten door hem te kopiëren. Dus gewoon vanuit je computer kopiëren en hier in h...

Hoi, Ja, precies. Je moet de Noord-Europese mentaliteit niet klakkeloos op Zuid-Europa bombarderen. En ook niet omgekeerd trouwens. Dat is vragen om ellende en heeft niets met 'beter' of 'slechter' te maken. En dat ik waar ik zo van baal. Niet dat Rutte c.s. rechts zijn, maar dat ze de xenofobie van...

Nou, dat is wel 'n heel aparte situatie. Er wordt hier wel wat over Spanje geschreven, maar eigenlijk bedroevend weinig. De overheersende sfeer is helaas in Nederland tegenwoordig toch enigszins dat al die Zuid-Europeanen, vooral de Grieken, feestvieren op kosten van Onze Belastingcenten. Je kunt we...

Hallo, Even vooraf om teleurstelling te voorkomen: de 'allemaal' hier is eigenlijk alleen maar ik. Ik kreeg te veel mailtjes om nog te beantwoorden, en toen heb ik dit forum erop gezet. De drempel voor 'n forum is hoger, dus nu komen er veel minder vragen en is het te behappen. (En het vereist enige...

Dat zou kunnen. Maar omdat deze site is bedoeld om te laten zien wat je kunt doen met css, is de navigatie enigszins 'apart'. Ik heb me al vaker afgevraagd of het niet te 'apart' is (om het netjes te zeggen, grinnik). Dus op het moment dat ik echt concrete problemen hoor, ga ik dat zeker bekijken.

Hallo, Ik neem aan dat je op deze site verdwaalt? Oei, dat is niet de bedoeling. Kun je misschien proberen aan te geven hoe je verdwaalt, want mogelijk zitten er dan onduidelijkheden in de site. De bedoeling is dat je op de homepage http://www.css-voorbeelden.nl via de grote witte knoppen kiest voor...

Volledig herschreven: twee kolommen, rechterkolom flexibele breedte, vaste linkerkolom, vaste header en vaste footer. Voorbeeld: https://www.css-voorbeelden.nl/lay-out/twee-kolommen/lay-out-001.html Uitleg: https://www.css-voorbeelden.nl/lay-out/twee-kolommen/lay-out-001-uitleg.html Belangrijkste wi...

Gewijzigd: simpel dropdownmenu, twee niveaus diep. Volledig herschreven. Houdt beter rekening met vensterbreedte, (iets) toegankelijker, ziet er beter uit, enz. De volledige lijst met veranderingen vind je in de uitleg. Voorbeeld: https://www.css-voorbeelden.nl/menu/dynamisch/horizontaal/menu-066.ht...

Voor het testen van voorbeelden op toegankelijkheid gebruikte ik de screenreader JAWS. Deze was veertig minuten te gebruiken, waarna je Windows opnieuw op moest starten. Nu blijkt de licentie van JAWS het testen van sites in de gratis versie expliciet te verbieden. Ik zou dus zo'n duizend euro moete...

Gewijzigd: tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow). Werkt nu ook in Internet Explorer 9, voor zover dat kan in deze bij het verschijnen al verouderde browser. Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-070.html Uitleg: https://www.css-voorbeelden.n...

css-imagemap: afbeelding met hotspots waaronder extra informatie zit
Voorbeeld: https://www.css-voorbeelden.nl/afbeeldi ... g-099.html
Uitleg: https://www.css-voorbeelden.nl/afbeeldi ... itleg.html

Tabellen zijn alleen heel lastig te onderhouden als je ze voor opmaak gebruikt. 'n Menu en een header, die zet je normaal genomen niet in een tabel. Dat wordt heel lastig als je dan de breedte of zo wilt gaan veranderen. In een tabel staan normaal genomen kolommen en regels. In een header en een men...

Hoi, Een embedded style is in feite hetzelfde als een externe style. Alleen staat die style in de pagina zelf, in de <head>. Hij wordt gebruikt als je voor één pagina afwijkende css nodig hebt. Dan is het soms handiger die afwijkende css op die specifieke pagina te zetten. Maar zodra je een embedded...