www.css-voorbeelden.nl

Bijgewerkt: video’s aangepast aan de grootte van het browservenster.
Belangrijkste verandering: de grootte van de video (en dus de download) wordt nu aangepast aan de grootte van het browservenster.
Voorbeeld: https://www.css-voorbeelden.nl/afbeelding/video/afbeelding-080.html
Uitleg: https://www ...

Als iemand een melding over een nieuwe reactie heeft gekregen: die reactie is verwijderd, omdat het om een AI-programma ging. In drie minuten tijd verschenen er uitgebreide flut-reacties bij allerlei onderwerpen.

Nieuw: drie tellers en markeringen geven het aantal goed, foutief en nog niet ingevulde provinciehoofdsteden weer.
Voorbeeld: https://www.css-voorbeelden.nl/tekst/be ... t-009.html
Uitleg: Voorbeeld: https://www.css-voorbeelden.nl/tekst/be ... itleg.html

Dit is een tamelijk ingewikkeld probleem. In overleg met Drareg (de starter) is besloten te proberen een volledig voorbeeld te maken. Dat kan wel enige tijd duren, want een voorbeeld op deze site moet ook nog toegankelijk zijn, geschikt voor mobieltjes en desktop, en zo nog het een en ander.
We gaan ...

Even snel, voor ik aan een meer uitgewerkte reactie begin:
Nee, dat gaat 'm niet worden. Afhankelijk van andere elementen zou je misschien kunnen zorgen dat zo'n pop-up nooit rechts buiten het venster komt te staan. Zou ik even over moeten nadenken, want dit is best wel 'n apart probleem. Maakt 't ...

Even een snelle reactie, want het is onhandig als je geen melding krijgt van een reactie.
Eerlijk gezegd weet ik niet heel zeker, hoe je dat in kunt stellen. Ik krijg namelijk een melding van álle berichten. (Er wordt toch met enige regelmaat rotzooi die niets met het onderwerp te maken heeft ...

Dit bedoelde ik dus met langer wachten :D Gisteren ging het toevallig heel snel.
Ik was zelf ooit heel actief op helpmij.nl, maar op een gegeven moment had ik ook wat genoeg van de vaak foutieve antwoorden. Wat natuurlijk niet wil zeggen dat ik nooit fouten maak.
Dat is eigenlijk 'n beetje ...

Hallo,
Voor zover ik weet kan dat niet met css alleen. Je kunt daarmee alleen een pop-up op steeds dezelfde plaats positioneren ten opzichte van de ouder, dus altijd boven, onder, enz.
Overigens heeft :hover voor een pop-up grote nadelen, want dat werkt allen goed bij gebruik van een muis of ...

Volledig herschreven: menu met knoppen met indicatie van huidige, bezochte en onbezochte pagina’s en focus.
Belangrijkste verandering: voor de achtergrond van de knoppen worden nu geen afbeeldingen, maar gradiënts gebruikt.
Voorbeeld: https://www.css-voorbeelden.nl/menu/statisch/horizontaal/menu-008 ...

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