Forsiden » CSS »

Oversigt over eksemplerne

I denne sektion finder du nogle websider, der hver gengiver kildekoden til nogle forskellige stylesheet eksempler.

Det er som hovedregel eksempler, der ikke har en sådan tyngde, at jeg haft lyst til at ommøblere hele siten for at få indpasset disse små artikler.

Omtalen herunder er i omvendt nummerorden (groft sagt i omvendt kronologisk orden), mens menuen til højre viser eksemplerne i nummerorden.

Eksempel 6: HTML-lister som CSS-formaterede menuer
I en ganske fremragende artikel (Minimal Markup, Surprising Style gennemgår CSS-samuraien Eric Meyer skridt for skridt ræsonnementet bag CSS-formateringen af HTML-lister af links. Artiklens eksempler har jeg omsat til nogle demosider.
5. februar 2004. Menuer af lister
Eksempel 5: Formtekst
Formtekst kalder man i den typografiske verden tekst, der ikke har lige, lodrette marginer, men føjer sig efter en illustration, eller måske simpelthen er formet for at opnå en effekt. Denne artikel beskriver, hvorledes du laver formtekst på en webside.
3. dec. 2003. Formtekst
Eksempel 4: Runde hjørner
CSS-kasser har jo "fra naturens hånd" skarpe hjørner. I denne artikel demonstrerer jeg, hvorledes du laver runde hjørner på en CSS-kasse.
3. dec. 2003. Runde hjørner på CSS-kasser
Eksempel 3: CSS-Popop uden JavaScript
Et nysseligt lille stylesheet trick gør det muligt at lave popop beskeder uden den mindste brug af JavaScript.
21. maj 2003. CSS-Popop uden JavaScript
Eksempel 2: Billeder og billedtekster
Sådan indsætter du et billede med en billedtekst, hvis du vil undgå at bruge tabeller til websidelayout.
1. okt. 2003. Billeder og billedtekster
Eksempel 1: CSS-formatering af definitionslister
En beskrivelse af, hvorledes du formaterer en definitionsliste, så den får et lidt mere interessant udseende.
5. marts 2003. CSS-formatering af definitionslister

Oprettet 17. december 2003.

CSS eksempler:

Valid XHTML 1.0!