hjelp med tabell i css

Balrog11 · 5. oktober 2010

Jeg skal lage en tabell i css og etter accessible web standarder som en skoleoppgave. Jeg er helt fersk og lurte på om noen kunne hjelpe meg litt i forhold til åssen jeg gjør det i html-siden og css-siden for å lage en tabell til denne: http://student.iu.hio.no/~s154545/utforming/cv.html

jeg får heller ikke norske tegn.. jeg har dette på siden: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//NO"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

(hadde før "en" der det nå står "no", og bytta til iso-8859-1 istedetfor utf-8. )

MikkelRev · 5. oktober 2010

Sett til utf-8 både i html-filen, i editoren og i nettleseren.

Bruk <table> for å lage tabell. Hvis du vil style tabellen med css, kan du gjøre det med <table style="bla bla"> eller <table class="bla bla">

Thomas. · 5. oktober 2010

Siden du linket til var ikke mye tabell-aktig :ermm: Kun brukt <p> tags..

Du skal lage en "tabell" uten <table>? Kun med HTML-tags?

For å lage noe sånt du linket til, så legger du div rundt det hele, bruker <h1> som overskrift, og <p> og <span> som innhold.

Eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CV</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
div.boks {
width:500px;
margin: 15px;
}
h1 {
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
display: block;
margin-bottom: 10px;
}
p {
color:#000;
}
span.innhold {
display:block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
margin-bottom: 5px;
}
</style>
</head>

<body>
<div class="boks">
<h1>Ditt Navn</h1>
<p>
<span class="innhold">Adresse: X.</span>
<span class="innhold">Telefon: 11 111 11.</span>
<span> </span>
</p>
<h1>Utdanning</h1>
<p>
<span class="innhold">Om utdanning 1</span>
<span class="innhold">Om utdanning 2</span>
<span> </span>
</p>
<h1>Osv..</h1>
</div>
</body>
</html>

Endret 5. oktober 2010 av Thomas.

MikkelRev · 5. oktober 2010

Skal du ha en tabell, er det ingen grunn i verden til å ikke bruke <table>. Med mindre du har fått for deg at det er en "evil tag" eller at det er kulere å bruke en tungvint alternativ hack. Ja, det går an å hoppe over bekken for å hente vann.

Er ikke sikker på hva du mener med "accessible web standarder", men pass på at siden validerer på

http://validator.w3.org/

Det skal forresten ikke være //NO i doctypen, men //EN. Det blir ikke norsk selv om du skriver NO der.

Balrog11 · 5. oktober 2010

takk for alle svar (accessible web er at sider skal være laget for "alle". svaksynte, folk med ulike plattformer osv. Men det har kanskje ikke noe å si i forhold til tabell)

Jesper Karsrud · 5. oktober 2010

Det folk mener er at hvis det faktisk er tabulære data du skal presentere, SKAL du bruke tabeller. Hvis det derimot er en CV du skal markere opp, ville jeg nok muligens brukt noe annet, kanskje en ordnet liste eller en definisjonsliste.

MikkelRev · 5. oktober 2010

Jess, sjekk at siden validerer gjennom linken jeg ga over. Får du feilmelding, så fiks dem. Det er vesentlig for at nettsiden skal funke likt på tvers av nettleser og platform.

Logg inn

hjelp med tabell i css

Anbefalte innlegg

Balrog11

Videoannonse

MikkelRev

Thomas.

MikkelRev

Balrog11

Jesper Karsrud

MikkelRev

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer