www.css-voorbeelden.nl

Hallo Stientje, Eigenlijk is dit forum meer bedoeld voor vragen over de voorbeelden op deze site. Dat is verder geen enkel probleem, maar omdat dit forum héél stil is, kan het daardoor langer duren voor je 'n reactie krijgt. Op https://www.css-voorbeelden.nl/links.html#a-css-forums staan 'n paar for...

Volledig herschreven: tijdelijk afbeelding laten overvloeien in vervangende afbeelding. Belangrijkste verandering: werkt nu niet meer alleen met muis, maar ook met aanraking en toetsenbord. Voorbeeld: https://www.css-voorbeelden.nl/afbeelding/veranderen/afbeelding-053.html Uitleg: Voorbeeld: https:/...

Volledig herschreven: tekst uit een ander bestand invoegen met behulp van PHP. Belangrijkste verandering: van SSI overgestapt op PHP voor het invoegen. Voorbeeld: https://www.css-voorbeelden.nl/tekst/invoegen/tekst-052.php Uitleg: Voorbeeld: https://www.css-voorbeelden.nl/tekst/invoegen/tekst-052-ui...

Met clip-path en drop-shadow() gemaakte pijl naar rechts. Bij aanraken, hoveren of tabben veranderen kleuren en richting.
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-051.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html

Met clip-path gemaakte pijl met schaduw. De schaduw volgt de omtrek van de pijl - uitleg. Gebruikt alleen html en css.
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-050.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html

Pijl met tekst erin. Pijl past zich aan lettergrootte en vensterbreedte aan. Voorbeeld: https://www.css-voorbeelden.nl/figuren/pijl/figuren-049.html Uitleg: https://www.css-voorbeelden.nl/figuren/pijl/figuren-049-uitleg.html Belangrijkste verandering: er wordt alleen nog css gebruikt, geen afbeeldin...

Hallo, Eigenlijk is dit forum bedoeld voor vragen over de voorbeelden op deze site. Dat is verder geen enkel probleem, alleen kan het wat langer duren voor je 'n reactie krijgt dan op drukkere forums als helpmij.nl. Bovendien ben ik feitelijk de enige die hier vragen beantwoord (de voorbeelden zijn ...

Knoppenbalk met bij elke knop een te openen paneel.
Voorbeeld: https://www.css-voorbeelden.nl/menu/dyn ... u-048.html
Uitleg: https://www.css-voorbeelden.nl/menu/dyn ... itleg.html

Dan kan het haast niet anders of je hebt ergens anders ook nog 'n breedte opgegeven. Bij mij heeft die instelling namelijk wel gewoon effect, dus dan is het geen afrondingsprobleem of zo.
Als je er zo gelukkig mee bent, is het natuurlijk ook prima.

Ik zie geen horizontale scrollbalk. Maar ook al is iets maar 1 px te breed, dan krijg je die al. En door afronden en zo geven verschillende (versies van) verschillende browsers op verschillende systemen met verschillende groottes van schermen en verschillende resoluties nog wel 'ns 'n verschil van 1...

Dat is het probleem met frames, en daarom mogen ze ook niet meer worden gebruikt in html5 (wat niet wil zeggen dat ze niet werken). De pagina bestaat uit totaal loshangende delen, waarin geen enkel verband zit. Elk frame staat volledig op zichzelf. Voor zoekmachines is dat bijzonder nadelig voor je ...

Bloos, bloos, dank je. Die regels kun je gewoon overal in de css neerzetten. Omdat er verder nergens 'n achtergrondkleur wordt opgegeven voor deze elementen, maakt de plaats niets uit (latere regels overrulen het niet, want die zijn er niet). Persoonlijk houd ik altijd zoveel mogelijk dezelfde volgo...

De lay-out van de code is iets veranderd, maar dat is wat mijn editor ervan maakt. Maakt verder niets uit: spaties en tabs en zo worden genegeerd door de browser (behalve in tekst natuurlijk). Op zich ziet de tabel er netjes uit, als ik hem op het scherm zet. Maar ik zie je probleem. Als eerste heb ...

Ja, dit is wat ik bedoelde. Boeken weet ik eigenlijk niet meer, want omdat het zo snel verandert, is een boek vaak alweer verouderd voor het is gedrukt. Ik heb gisteren weer 'ns gekeken naar Nederlandstalige cursussen. De weinige gratis zijn of echt ongelooflijk oppervlakkig en slecht, of goed maar ...

Even 'n toevoeging hoe je die code makkelijk kunt krijgen. Als je in Firefox of Google Chrome op Control+U drukt, krijg je de code van de volledige pagina te zien. Omdat de php al op de server is omgezet naar html, is die code precies wat de browser gebruikt. Inclusief alle css in de <head> enz. (Da...

Hoi, Even snel: om het te bekijken, heb ik echt de volledige code nodig. Dat wil zeggen de html (alle negen de kolommen, alle 1000 rijen hoeft niet..., maar 'n aantal. Of die kopieer ik er zelf wel even in). En de css. Ik zie nu bijvoorbeeld .thumbnails staan, maar die heb ik nog niet eerder gezien....

Hoi, Ah, die tabel is langer dan die vijf rijen. (Je hebt het over 'pagina's', ik neem aan dat je daar schermen mee bedoelt.) Dan loop je weer tegen de eigenaardigheden van de tabel aan. Eén van die dingen: table trekt zich niets aan van hoogte. Je hebt, denk ik, twee mogelijkheden. 1) Iets heel and...

Ja, dat is zelfs vrij simpel. position: absolute; zorgt dat de <span> (met de <img> erin) ergens wordt neergezet. De eerste voorouder met een andere position dan static (de standaardwaarde) is het punt, ten opzicht waarvan wordt gepositioneerd. Als je nou bij .details position: relative; weghaalt, e...

Hoi, Toevallig heb ik alweer snel tijd, dus vandaar 'n snel antwoord. Maar de rest van de dag ben ik bezig, dus dan kan 't even duren. Een <img> is een inline-element, net zoals tekst. (Het heeft wat bijzondere eigenschappen, maar in wezen is het gewoon hetzelfde als 'n woord.) De <span> is absoluut...

Leuk!
Dat die header iets meescrolt, komt weer omdat het tabel-elementen zijn. Normaal genomen zou dat scrollen stoppen bij de ouder, maar niet bij 'n tabel.
Succes!