Test af alternativ css

Siden er opdateret 10. 3. 2009

Denne side demonstrerer, hvordan man i nogle browsere, f.eks. Firefox, Mozilla, Netscape og Opera, kan give brugeren mulighed for at se siden med et andet design end det (forfatter)standardiserede.

Det laves på den helt simple måde, at man i sidens head indsætter referencer til de ønskede ekstra (alternative) css-filer:

<link href="ds2.css" rel="alternate stylesheet" type="text/css" title="Design 2" />
<link href="ds3.css" rel="alternate stylesheet" type="text/css" title="Design 3" />

Det giver i Firefox denne mulighed: Klik på menulinjens Vis, peg på menuens Sidestil og vælg i bunden af undermenuen en af de viste muligheder.

I Mozilla er proceduren sådan: Klik på menulinjens Vis, peg på menuens Brug stilen og vælg i bunden af undermenuen en af de viste muligheder.

I Opera er proceduren sådan: Klik på menulinjens Vis, peg på menuens Sidens fremtoning og vælg i bunden af undermenuen en af de viste muligheder.

Skiftet i anvendt css-layout kan også laves med asp eller php eller med javascript. På den måde kan det komme til at fungere i alle browsere - det er fordi det er serveren, som sender den ønskede css-fil sammen med siden.

Bemærk, at de to teknikker ikke er glade for at arbejde sammen.

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2006
Du er her: Forsiden - css - testsider - Test af alternativ css
sidens top
Brugere lige nu: 1
Home Mail