www.css-voorbeelden.nl

Bijgewerkt: verticaal centreren van element met bekende hoogte met behulp van position: absolute;
Voorbeeld: https://www.css-voorbeelden.nl/position ... n-006.html
Uitleg: https://www.css-voorbeelden.nl/position ... itleg.html

Volledig herschreven: menu met vlaggen met daaronder ronde tekst. Voorbeeld: https://www.css-voorbeelden.nl/menu/statisch/horizontaal/menu-093.html Uitleg: https://www.css-voorbeelden.nl/menu/statisch/horizontaal/menu-093-uitleg.html Belangrijkste verandering: tekst onder de vlaggen is nu altijd ...

Volledig herschreven: zestien met behulp van box-shadow gemaakte schaduwen
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-092.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html

Maar dat kan bij mij dus door scrollen met het scrollwieltje op de muis. Als je bedoelt dat het zonder scrollwieltje moet kunnen: dat wordt ingewikkeld. Dan moet je met JavaScript gaan detecteren of de muis als (bijna) onderaan is en dan de pagina gaan verplaatsen, of zoiets. Als je bedoelt dat er ...

Ik heb met m'n neus gekeken. Die css past wel bij de userhome.php die ik al had. Ik heb dit even veranderd in userhome.html, en de css die jij hier hebt neergezet staat even in userhome.html, want dat werkt makkelijker. Dit kan zo weer worden terug veranderd. Ik begrijp niet helemaal wat je bedoelt ...

Eerst even 'n reactie over dat het nu werkt: mooi. Alles wat tussen /* en */ staat kun je weghalen, want dat doet helemaal niets. De belangrijkste wijziging is dat display: flex; bij #container. Daarmee verander je #container in een zogenaamde 'flex container'. De directe kinderen van #container ...

Er staat 'n nieuwe op https://www.css-voorbeelden.nl/test Deze keer zonder die div#main_content. En zonder borders en zo. Ik heb de linkerkolom even wat meer inhoud gegeven, zodat die ook kan scrollen. En de rechter is ook weer min of meer zoals die was. De afbeeldingen zie je niet, want die worden ...

Ik weet wel zeker dat het in de css zit. Het probleem was dat je links een breedte van 20% had gegeven, en rechts een breedte van 80%. Dat gaat prima, tot er twee scrollbalken verschijnen: dan wordt het nét te breed en komt de rechterkolom dus onder de linkerkolomt te staan. Je kunt de breedte 19% ...

Is dit ongeveer wat je bedoelde? De marges en zo kunnen natuurlijk nog worden aangepast. Voordat ik ga beschrijven wat ik heb gedaan, is het handig even te weten dat dit de bedoeling is. Het staat zolang even op https://www.css-voorbeelden.nl/test/ Het grote witte vlak onderaan is de <div id="main ...

Ja, hier kan ik wat mee! Mogelijk lukt het vanavond nog, anders wordt het waarschijnlijk maandag.

Hoi, Ik heb toch vast even heel snel gekeken. Er zit in ieder geval een aantal fouten in de html. Welke dat precies zijn, dat red ik vandaag mogelijk niet meer. Maar ik weet eigenlijk ook niet goed, wat de bedoeling is. Die laatste afbeelding is heel duidelijk. Maar dat lijkt één pagina. En ik heb v ...

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

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

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