Kodeeksempler: visning af uddrag af cv


Eksemplerne må benyttes med kildeangivelse!


Css-filen - som jeg anvender til at gøre adskillelsen af XML-elementerne tydelig - ser således ud:


cv{
font-family: verdana, arial; }

personlige_data{
background-color:#c0c0c0; color:white; display:block; padding-top:12px; padding-bottom:12px; }

navn,adresse,telefon,mail,foedselsdato,civilstand{
display:block; margin-left:60px; margin-right:60px; }

opsummering{
background-color:#808000; color:white; display:block; padding-top:12px; padding-bottom:12px; }

sum_tekst{
display:block; margin-left:60px; margin-right:60px; }

kurser{
background-color:#800000; color:white; display:block; padding-top:12px; padding-bottom:12px; }

periode,navn,beskrivelse{
margin-right:60px; display:block; }

ansaettelser{
background-color:#800080; color:white; display:block; padding-top:12px; padding-bottom:12px; }

periode,firmanavn,beskrivelse,saerlige_oplysninger,reference,bilag{
margin-left:60px; display:block; }

side{
display:block; }

uddannelser{
background-color:#808080; color:white; display:block; padding-top:12px; padding-bottom:12px; }

startdato,slutdato,navn,institution,bilag{
display:block; margin-left:60px; }

oevrigt{
background-color:#000080; color:white; display:block; padding-top:12px; padding-bottom:12px; }

studiejob,kundskaber,interesser{
margin-left:60px; }

art,hobby{
display:block; margin-left:60px; }

Der er ikke noget specielt genialt ved det. Men jeg har valgt at vise den her, fordi den mest simple måde at vise indholdet af et XML-dokument er ved brug af CSS. Samtidig har jeg jo også valgt at lave css-filen for at jeg har en nem måde at se, hvilken effekt forskellige ændringer har.
Foreksempel irriterede det mig, da jeg var i gang med css-filen, at jeg ikke på en linie kunne få vist både startdato, slutdato og navn for en uddannelse. Mens jeg kæmpede med at få ret, indså jeg, at det er her XSL og HTML skal anvendes.



Selve css-filen kaldes fra XML-filen i næstøverste linie:

<?xml version="1.0" encoding="Unicode"?>
<?xml-stylesheet type="text/css" href="hrdStyleXml.css"?>
<cv>

Valid CSS!

Valid XHTML 1.0!