www.css-voorbeelden.nl

Dat is jammer. Vivaldi is op Google Chrome gebaseerd, dus dat maakt niets uit. Er zijn nog wel eens verschillen bij kleinere dingetjes omdat de een wat achterloopt bij de ander, maar dit is iets 'groots', en dan speelt dat vermoedelijk niet. Ik heb geen eigen server, mijn site staat bij een hoster. ...

Hallo, Mooi dat het inloggen nu wel is gelukt. Ga straks of zo even kijken of het nu eindelijk definitief opgelost kan worden. Eigenlijk is dit forum bedoeld voor problemen e.d. met de voorbeelden hier, maar dat maakt verder niet zoveel uit. Het kan alleen even duren voor je 'n reactie krijgt, omdat...

Volledig herschreven: twee of meer kolommen gemeenschappelijke rand en/of achtergrond geven Voorbeeld: htttps://www.css-voorbeelden.nl/positioneren/kolom/positioneren-089.html Uitleg: htttps://www.css-voorbeelden.nl/positioneren/kolom/positioneren-089-uitleg.html Belangrijkste verandering: onderste ...

Volledig herschreven: positie, kleur, symbool, en dergelijke in een lijst wijzigen.
Voorbeeld: htttps://www.css-voorbeelden.nl/lijst/lijst-084.html
Uitleg: htttps://www.css-voorbeelden.nl/lijst/lijst-084-uitleg.html

Belangrijkste verandering: ::before wordt vrijwel niet meer gebruikt.

Volledig herschreven: makkelijk aan te passen verticale staafdiagrammen.
Voorbeeld: htttps://www.css-voorbeelden.nl/figuren/grafiek/figuren-081.html
Uitleg: htttps://www.css-voorbeelden.nl/figuren/grafiek/ ... itleg.html

Volledig herschreven: ondoorzichtige tekst op doorzichtige achtergrond, gebruikt rgb().
Voorbeeld: htttps://www.css-voorbeelden.nl/tekst/effecten/d ... t-078.html
Uitleg: htttps://www.css-voorbeelden.nl/tekst/effecten/d ... itleg.html

Volledig herschreven: initiaal (’drop cap’) met en zonder gebruik van een plaatje. Belangrijkste verandering: beide initialen veranderen nu mee met de lettergrootte. Voorbeeld: https://www.css-voorbeelden.nl/tekst/effecten/sierletters/tekst-075.html Uitleg: https://www.css-voorbeelden.nl/tekst/effec...

Volledig herschreven: grafische hiërarchische sitemap met blokjes en lijntjes.
Belangrijkste veranderingen: kan nu worden vergroot en gebruikt geen afbeeldingen meer.
Voorbeeld: https://www.css-voorbeelden.nl/lijst/lijst-071.html
Uitleg: https://www.css-voorbeelden.nl/lijst/li ... itleg.html

Volledig herschreven: tekst met schaduw en andere effecten met gebruik van text-shadow.
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-070.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html

Volledig herschreven: dubbel kader met ronde hoeken. Hoogte groeit mee met inhoud. Voorbeeld: https://www.css-voorbeelden.nl/kader/ronde-hoeken/kader-069.html Uitleg: https://www.css-voorbeelden.nl/kader/ronde-hoeken/kader-069-uitleg.html Belangrijkste verandering: in plaats van met een afbeelding w...

Volledig herschreven: vijftien manieren om een blok-element horizontaal én verticaal te centreren. Voorbeeld: https://www.css-voorbeelden.nl/positioneren/horizontaal/positioneren-068.html Uitleg: https://www.css-voorbeelden.nl/positioneren/horizontaal/positioneren-068-uitleg.html Belangrijkste veran...

Volledig herschreven: toegankelijk responsief dropdownmenu. Voorbeeld: https://www.css-voorbeelden.nl/menu/dynamisch/horizontaal/menu-066.html Uitleg: https://www.css-voorbeelden.nl/menu/dynamisch/horizontaal/menu-066-uitleg.html Belangrijkste verandering: wordt nu ook goed weergegeven op mobieltjes...

Volledig herschreven: geneste lijsten met automatische nummering en bijpassende (lelijke) lay-out. Voorbeeld: https://www.css-voorbeelden.nl/lijst/lijst-065.html Uitleg: https://www.css-voorbeelden.nl/lijst/lijst-065-uitleg.html Voornaamste wijziging: lay-out blijft nu goed in kleine browservensters...

Bijgewerkt: charset, tekenset, utf-8, entiteiten, accenten, en dergelijke
Artikel: https://www.css-voorbeelden.nl/artikele ... n-064.html

Volledig herschreven: schaalbare inhoudsopgave met voorlooppunten. Voorbeeld: https://www.css-voorbeelden.nl/tekst/lijnen/tekst-062.html Uitleg: https://www.css-voorbeelden.nl/tekst/lijnen/tekst-062-uitleg.html Voornaamste wijziging: voorlooppunten blijven nu altijd zichtbaar, ook bij andere letterg...

Volledig herschreven: twee even brede (en even hoge) kolommen met header en menubalk. Belangrijkste veranderingen: gebruikt nu flexbox en werkt ook op smartphones. Voorbeeld: https://www.css-voorbeelden.nl/lay-out/twee-kolommen/lay-out-061.html Uitleg: https://www.css-voorbeelden.nl/lay-out/twee-kol...

Volledig herschreven: makkelijk aan te passen horizontale staafdiagrammen. Belangrijkste verandering: afbeeldingen zijn, behalve de smileys, vervangen door gradiënten. Voorbeeld: https://www.css-voorbeelden.nl/figuren/grafiek/figuren-060.html Uitleg: https://www.css-voorbeelden.nl/figuren/grafiek/fi...

Volledig herschreven: schaalbare driehoeken zonder gebruik van een afbeelding.
Belangrijkste verandering: is nu ook goed te zien op mobieltjes.
Voorbeeld: https://www.css-voorbeelden.nl/figuren/ ... n-059.html
Uitleg: https://www.css-voorbeelden.nl/figuren/ ... itleg.html

Volledig herschreven: als scrollbalk ontbreekt, vervaagt bij overflow tekst onderaan langzaam. Belangrijkste verandering: alleen als er geen scrollbalk is, vervaagt de tekst onderaan. Voorbeeld: https://www.css-voorbeelden.nl/tekst/effecten/doorzichtigheid/tekst-057.html Uitlet: https://www.css-voor...

Volledig herschreven: slideshow met (thumbnails en) foto's. Gebruikt weinig bandbreedte Belangrijkste verandering: werkt nu ook op mobiele apparaten in in kleine vensters. Voorbeeld: https://www.css-voorbeelden.nl/afbeelding/slideshow/afbeelding-055.html Uitleg: Voorbeeld: https://www.css-voorbeelde...