Vragen? Forum!

Download hier code en uitleg (726 kB).

Uitleg online lezen.

Werk je liever met de muis? Ga naar deze pagina

• Home»
  • Afbeelding»
    • Imagemap»
      • css-imagemap: landkaart met pop-ups van uitsnedes en extra informatie Voorbeeld Uitleg
      • css-imagemap: thumbnail met pop-ups met voorvertoning en extra informatie Voorbeeld Uitleg
    • Overig»
      • Preloaden van afbeeldingen Voorbeeld Uitleg
    • Slideshow»
      • Slideshow met horizontale rij thumbnails en foto's. Gebruikt weinig bandbreedte Voorbeeld Uitleg
      • Slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedte Voorbeeld Uitleg
      • Slideshow met verticale rij thumbnails en foto's van verschillende grootte. Gebruikt weinig bandbreedte Voorbeeld Uitleg
    • Thumbnails»
      • Album»
        • Hover over een van de thumbnails en de bijbehorende grote afbeelding met bijschrift verschijnt Voorbeeld Uitleg
      • Losse»
        • Hover over een van de thumbnails naast de tekst en de bijbehorende grote afbeelding verschijnt Voorbeeld Uitleg
    • Veranderen»
      • Afhankelijk van over welk plaatje je hovert, veranderen 1 tot vier plaatjes tijdelijk Voorbeeld Uitleg
      • Bij hoveren over de afbeelding verandert deze Voorbeeld Uitleg
      • Met de cursor van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande slepen Voorbeeld Uitleg
      • Met de cursor van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen Voorbeeld Uitleg
      • Tijdelijk afbeelding door slepen van bovenaf laten overvloeien in nieuwe afbeelding Voorbeeld Uitleg
    • Verbergen»
      • Afbeeldingen zijn afzonderlijk meer of minder (on)zichtbaar te maken Voorbeeld Uitleg
      • Link en antwoord op vraag verbergen onder afbeelding Voorbeeld Uitleg
    • Video»
      • Video in vrijwel elke browser zonder dat JavaScript of installeren van plug-ins nodig is Voorbeeld Uitleg
  • Artikelen»
    • Css
      • Selector, identiteit, class, specificiteit: hoe overleef ik de nieuwe klassenstrijd?
    • Html»
      • Head
        • charset, tekenset, utf-8, entiteiten, accenten, en dergelijke
    • Internet Explorer 6
      • Doorzichtige border mogelijk maken in Internet Explorer 6
    • Lijsten
      • Lijsten met utf-8-codes en entiteiten, accenten, en dergelijke
    • Printen
      • Een pagina met behulp van css printvriendelijk maken
    • Toebehoren
      • Hoe krijg ik een gratis bezoekersteller zonder pop-ups, malware, en dergelijke?
  • Disclaimer
  • Figuren»
    • Driehoek»
      • Schaalbare driehoeken zonder gebruik van een afbeelding Voorbeeld Uitleg
    • Grafiek»
      • Makkelijk aan te passen horizontale staafdiagrammen Voorbeeld Uitleg
      • Makkelijk aan te passen verticale staafdiagrammen Voorbeeld Uitleg
    • Pijl»
      • Pijl met tekst erin. Pijl past zich aan lettergrootte aan Voorbeeld Uitleg
  • Forum
  • Kader»
    • Ronde hoeken»
      • Doorzichtig kader met ronde hoeken. Hoogte groeit mee met inhoud Voorbeeld Uitleg
      • Dubbel kader met ronde hoeken. Hoogte groeit mee met inhoud Voorbeeld Uitleg
      • Ronde hoeken zonder gebruik van afbeeldingen (border-radius) Voorbeeld Uitleg
  • Lay-out»
    • Gecentreerd»
      • Geen header»
        • Met zijvleugels en footer Voorbeeld Uitleg
      • Meescrollende header»
        • Met twee even hoge kolommen Voorbeeld Uitleg
        • Met twee kolommen Voorbeeld Uitleg
      • Vaste header»
        • Met twee kolommen Voorbeeld Uitleg
        • Met vaste footer en twee kolommen Voorbeeld Uitleg
    • Venstervullend»
      • Meescrollende header»
        • Met footer en drie kolommen Voorbeeld Uitleg
      • Vaste header»
        • Met drie kolommen Voorbeeld Uitleg
        • Met twee kolommen Voorbeeld Uitleg
        • Met vaste footer twee kolommen Voorbeeld Uitleg
  • Lijst»
    • Lijst met automatische nummering en bijpassende (lelijke) lay-out Voorbeeld Uitleg
    • Sitemap met lijnen. Gebruikt geen plaatjes. Voorbeeld Uitleg
    • Positie, kleur, symbool, enz. in een lijst wijzigen Voorbeeld Uitleg
  • Links
  • Menu»
    • Afbeelding»
      • Met afbeelding. Elke link heeft 'n bijbehorende vergrote uitsnede Voorbeeld Uitleg
      • Voor kinderen met tekening en pop-ups. Elk puzzelstukje is een link Voorbeeld Uitleg
    • Dynamisch»
      • Horizontaal»
        • Kies via een uitklapmenu een afbeelding en open de bijbehorende pagina Voorbeeld Uitleg
        • Simpel uitklapmenu, tot vier niveaus diep Voorbeeld Uitleg
        • Simpel uitklapmenu, twee niveaus diep Voorbeeld Uitleg
      • Verticaal»
        • Simpel uitklapmenu, tot drie niveaus diep Voorbeeld Uitleg
    • Knoppen»
      • Met diepte»
        • Met rand, die aangeeft of link al bezocht is of nog niet Voorbeeld Uitleg
        • Met ronde rand, die aangeeft of link al bezocht is of nog niet Voorbeeld Uitleg
      • Plat»
        • Bij hoveren verandert de afbeelding Voorbeeld Uitleg
        • Bij hoveren verschuift plaatje (transition) Voorbeeld Uitleg
        • Met verkleurende knoppen, afhankelijk van of link al is bezocht Voorbeeld Uitleg
        • Met voorvertoning en indicatie bezocht/onbezocht Voorbeeld Uitleg
        • Tekst bij hoveren verschilt afhankelijk van bezocht/onbezocht Voorbeeld Uitleg
    • Statisch»
      • Horizontaal»
        • Bij hoveren over vlag verschijnt gedraaide tekst (transform) Voorbeeld Uitleg
        • Horizontale wegwijzer in de vorm van broodkruimels (breadcrumbs) Voorbeeld Uitleg
        • Verkleurende knoppen met indicatie van huidige, bezochte en onbezochte pagina's Voorbeeld Uitleg
        • Verkleurende knoppen met toelichting en indicatie van huidige, bezochte en onbezochte pagina's Voorbeeld Uitleg
      • Verticaal»
        • Met tekeningen. Bij hoveren verkleuren ze Voorbeeld Uitleg
  • Nieuw en gewijzigd
  • Pop-up»
    • Plaatjes»
      • Beweeg de cursor en er verschijnen smileys Voorbeeld Uitleg
      • Met smileys Voorbeeld Uitleg
    • Tabel»
      • Periodiek Systeem en links naar betreffende Wikipedia-pagina's Voorbeeld Uitleg
      • Tabel en kader Voorbeeld Uitleg
    • Tekst»
      • Hele simpele pop-up met alleen tekst Voorbeeld Uitleg
      • Over achtergrond-afbeelding Voorbeeld Uitleg
      • (overdreven zwaar) opgemaakte tekst Voorbeeld Uitleg
      • Schaalbaar met zwart kader met ronde hoeken Voorbeeld Uitleg
      • tekst en afbeelding Voorbeeld Uitleg
  • Positioneren»
    • Afbeelding»
      • Afbeelding boven andere afbeelding centreren Voorbeeld Uitleg
    • Footer»
      • Footer altijd onderaan venster of lager ('sticky footer') Voorbeeld Uitleg
    • Horizontaal»
      • Horizontaal centreren van blok-element of pagina met bekende breedte Voorbeeld Uitleg
      • Horizontaal én verticaal centreren van blok-element met bekende hoogte en breedte Voorbeeld Uitleg
    • Kolom»
      • Twee of meer kolommen gemeenschappelijke rand en/of achtergrond geven Voorbeeld Uitleg
    • Tekst»
      • Verticaal op gelijke afstand zetten van tekst (bijvoorbeeld centreren) Voorbeeld Uitleg
    • Verticaal»
      • Verticaal centreren van pagina of blok-element met bekende hoogte Voorbeeld Uitleg
      • Verticaal centreren van pagina of blok-element met onbekende hoogte Voorbeeld Uitleg
  • Privacy
  • Reglement
  • Schaduw»
    • Blok tekst met schaduw. Schaduw past zich aan grootte blok, lettergrootte, en dergelijke aan Voorbeeld Uitleg
    • Schaduw bij een element met een vaste breedte en hoogte, zoals een afbeelding Voorbeeld Uitleg
    • Schaduwen zonder gebruik van afbeeldingen (box-shadow) Voorbeeld Uitleg
    • Tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow) Voorbeeld Uitleg
  • Sitemap
  • Sitemap met thumbnails
  • Tekst»
    • Ankers»
      • Doorlopende lange tekst met inhoudsopgave. Inhoudsopgave en tekst kunnen onafhankelijk van elkaar scrollen Voorbeeld Uitleg
    • Bewerken»
      • Oplosbare kruiswoordpuzzel met extra toeters en bellen Voorbeeld Uitleg
      • Toegankelijk formulier met (vrijwel) alle soorten invoervelden Voorbeeld Uitleg
    • Effecten»
      • Doorzichtigheid»
        • Bij overflow wordt tekst onderaan langzaam vager Voorbeeld Uitleg
        • Ondoorzichtige tekst op doorzichtige achtergrond, gebruikt rgba() Voorbeeld Uitleg
        • Ondoorzichtige tekst op meegroeiende doorzichtige achtergrond. Gebruikt opacity Voorbeeld Uitleg
      • Sierletters»
        • Initiaal (drop cap) met en zonder gebruik van plaatje Voorbeeld Uitleg
    • Illustraties»
      • Bij hoveren over sommige woorden komt 'n bijpassende afbeelding tevoorschijn Voorbeeld Uitleg
      • Pagina met afbeelding, beschrijving en prijs van gereedschappen Voorbeeld Uitleg
      • Tekst uitlijnen naast een ronde afbeelding Voorbeeld Uitleg
    • Invoegen»
      • Menu uit een ander bestand invoegen met Server Side Includes (SSI) Voorbeeld Uitleg
      • Tekst uit een ander bestand invoegen met Server Side Includes (SSI) Voorbeeld Uitleg
    • Lijnen»
      • Overstrepen, onderstrepen en doorstrepen van tekst in alle soorten en maten Voorbeeld Uitleg
      • Schaalbare inhoudsopgave met voorlooppunten Voorbeeld Uitleg