Hej gruppe
Jeg læste på
http://www.webdesign101.dk/design/length_size.php
citat:
"Brug ikke nogen basis skriftsttørrelse
Det er vigtigt, at du ikke lader dig friste til at sætte en
basisskriftstørrelse ved hjælp af angivelse af en størrelse i
rod-elementet body, som f.eks:
body {
font-size:12pt;
}
I så fald låser du em-størrelsen fast til en punktstørrelse, og
derved har du forpasset din mulighed for at give brugeren det, hun
ønsker, nemlig kontrol over skriftstørrelsen."
Så langt så godt, men
Hvorfor bestemmer body over p? Hvis jeg ændre størrelsen eller fjerner
den helt fra body, har det indflydelse på min "p".
Jeg bruger godt nok % i stedet for, men det ændre stadig min "p".
Har jeg mon gjort noget forkert i min css opbygning, eller skal det
bare være sådan? Jeg har valideret den og den er ok.
/*Mariannes stylesheet*/
body {
color : black;
background : #ddddd9;
font-style : normal;
font-size : 90%;
font-family : Verdana, Helvetica, Arial, sans-serif;
margin: 0;
}
p {
color : black;
background : none repeat;
font-style : normal;
text-align : justify;
font-size : 90%;
line-height : 120%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 1%;
padding-right : 3%;
}
..p1 {
color : black;
background : none repeat;
font-style : normal;
text-align : justify;
font-size : 90%;
line-height : 110%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 0%;
padding-right : 2%;
}
..p2 {
color : black;
background : none repeat;
font-style : normal;
font-weight : bold;
font-size : 90%;
line-height : 130%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 1%;
}
h1 {
color : red;
background : none repeat;
text-align : left;
font-weight : bold;
font-size : 100%;
line-height : 130%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 1%;
padding-top : 5%;
}
h2 {
color : black;
background : none repeat;
font-weight : bold;
font-size : 85%;
line-height : 130%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 1%;
}
h3 {
color : green;
background : none repeat;
font-weight : 300;
font-size : 90%;
line-height : 120%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 1%;
}
h4 {
color : green;
background : none repeat;
font-weight : 300;
font-size : 90%;
line-height : 130%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 1%;
}
h5 {
color : red;
background : none repeat;
text-align : left;
font-weight : bold;
font-size : 100%;
line-height : 130%;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding-left : 0%;
padding-top : 5%;
}
a:link {
color : purple;
background : none repeat;
font-style : normal;
text-decoration : none;
font-size : 90%;
font-family : Verdana, Helvetica, Arial, sans-serif;
}
a:visited {
color : purple;
background : #ddddd9;
font-style : normal;
text-decoration : none;
font-size : 90%;
font-family : Verdana, Helvetica, Arial, sans-serif;
}
a:hover {
color : blue;
background : #f4f2f5;
}
a:active {
background : #ddddd9;
}
td {
vertical-align: top;
text-align: left;
}
#table3 {
background : #ddddd9;
text-align: right;
}
#table4 {
background : #f4f2f5;
width : 100%;
border-width : 1px;
border-style : solid;
border-color : black;
}
mvh Marianne