Hvorfor kan jeg ikke ændre font

Tags:    html css

Hej.

Jeg er igang med en hjemmeside, men har stødt ind i et problem som jeg vist ikke er den første som har oplevet. Jeg kan ikke ændre font-størrelsen. Selv om jeg har sat det pænt op i css.

Er der nogen der hved hvad der er galt? Siden kan ses her:
http://www.shafh.dk/aoa/

Og det omtalte css kode er i style.css



6 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
1 : Du benytter ikke en DTD, uden DTD disables rigtigt meget i CSS .. brug ex html 4.01 eller xhtml...

2 : Brug et wildcard i CSS (ved dog ikke om det virker uden DTD

ala:

*
{
font-family: verdana;
}



Det giver ikke mening at skrive følgende:

font-family: sans-serif, Verdana, arial;

Det er nøjagtigt det samme som at skrive:

font-family: sans-serif;

Fordi sans-serif ikke er en rigtig font, men et navn indbygget i browseren. Du kan derfor være sikker på at sans-serif altid eksisterer og de to alternative forslag vil aldrig blive taget i betragtning.



De to ting du siger skal du lige uddybe!



Okay..
Men Sans-serif er også den pæneste. Men det jer mener er ikke at jeg ikka kan skifte fonten. Det jeg mener er at jeg ikke kan skifte størrelsen på fonten. Jeg har sat den til 11, men stadig viser den skriften i størrelse cirka 14... Hmf!



1: Hvis man ønsker at browsere skal bearbejde CSS ordentligt skal du tilføje en dokument type - Mange er i dag gået over til at benytte xhtml, selvom IE6 stadig fatter hat. Jeg bruger den også selv.

tilføj:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(tyvstjålet herfra udv.dk)

Jeg foretrækker at bruge en strict DTD.

I toppen af dit dokument, det er vigtigt den står først og kun en gang.

Herefter vil din side nok se lidt anderledes ud, da CSS fortolkes MEGET anderledes med en DTD - Men CSS fortolkes mere eller mindre ens af de forskellige browsere, IE6 hænger dog lidt.

http://www.w3.org/QA/2002/04/valid-dtd-list.html


* i CSS er blot et wildcard til at ramme alle elementer. Altså.

body *
{
border: 1px solid red;
}

body * *
{
border: 1px solid blue;
}

body * * *
{
border: 1px solid green;
}

Burde give dig et "farvet" billede af domtræet.

Jeg bruger så bare *{font-family} til at sætte skrifttypen, den rammer alt.

Læs mere : http://www.w3.org/TR/REC-CSS2/selector.html#q1
DK : http://www.google.dk/search?hl=da&q=selectors+CSS&btnG=S%C3%B8g&meta=lr%3Dlang_da



Ahh nu forstår jeg dig ;)
Jeg tilførte denne kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Som i øvrigt står på:
http://hsivonen.iki.fi/doctype/

Og det virkede ;) Tak



t