www.css-voorbeelden.nl

Ah, usbwebserver. Dat is voor Windows. Ik werk met Linux, maar dat maakt verder niets uit.
Ik weet nog niet zeker of ik hier iets mee kan, omdat het niet helemaal nette code is. De link naar de css in userhome.php linkt naar style.css, dat moet - denk ik - sidebar3.css zijn.

Maar goed, ik ga het in ...

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 ...

Volledig herschreven: twee of meer kolommen gemeenschappelijke rand en/of achtergrond geven
Voorbeeld: https://www.css-voorbeelden.nl/positioneren/kolom/positioneren-089.html
Uitleg: https://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: https://www.css-voorbeelden.nl/lijst/lijst-084.html
Uitleg: https://www.css-voorbeelden.nl/lijst/li ... itleg.html

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

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

Volledig herschreven: ondoorzichtige tekst op doorzichtige achtergrond, gebruikt rgb().
Voorbeeld: https://www.css-voorbeelden.nl/tekst/ef ... t-078.html
Uitleg: https://www.css-voorbeelden.nl/tekst/ef ... 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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...