[HTML/CSS] Toepassing stylesheet maakt body cursief

[spone]

Mijn stylesheet:

Cascading Stylesheet:

body         { color: #000000; font-family: Trebuchet MS, Arial, Sans Serif; 
font-size: 10pt; scrollbar-face-color: #B7C1D9; scrollbar-shadow-color: #818DD5; 
scrollbar-track-color: #B7C1D9; scrollbar-arrow-color: #000000;}
h3           { font-family: Arial; font-size: 12 pt; font-weight: bold; }
h2           { font-size: 14 pt; font-weight: bold; Trebuchet; }
h1           { font-size: 14pt; Trebuchet MS, Arial, Sans Serif; } 
a:visited    { text-decoration: none; } 
p        { font-size: 10pt;}
hr       { color: #EFA619;}
a:hover      { text-decoration: underline ;}
a            { text-decoration: none; color: #000000; }
td           { color: #000000; font-family: Trebuchet MS, Arial, Sans Serif; 
font-size: 10pt;}
table        { color: #000000; font-family: Trebuchet MS, Arial, Sans Serif; 
font-size: 10pt;}
.menuTekst   { font-family: Trebuchet MS, Arial, Sans Serif; font-weight: bold;
font-size: 8pt;}
.copyright   { font-size: 8pt; Arial;} 

Wanneer ik deze aan een pagina hang wordt alle body tekst cursief, terwijl ik dit naar mn weten niet in de stylesheet terug zie

Heb het gechecked in IE6 en Mozilla 1.7.8 en beiden vertonen hetzelfde gedrag... hoe zorg ik dat de body tekst gewoon wordt

[The Evil Brain]

Ik weet niet of het helpt, maar ik gebruik altijd sans-serif, met een streepje dus, en niet met een spatie. Daarnaast hoort het volgens mij dat je om fonts met een spatie dubbele aanhalingstekens zet. Dus even een voorbeeldje:

Cascading Stylesheet:

body { font-family: "Trebuchet MS", Arial, sans-serif; }

edit:
Daarnaast zie ik ook nog fontnamen in zaken als font-weight en font-size. Dat kan toch helemaal niet? Of is dat weer zo'n nieuw shiny CSS-dingetje?

[ Voor 24% gewijzigd door The Evil Brain op 07-08-2005 17:22 ]

[Verwijderd]

Er is wel vanalles mis aan je stylesheet.

Het moet zijn Sans-Serif mèt een streepje, en niet 12 pt, maar 12pt. Een font-size in punten voor op een computerscherm is sowieso onzin, gebruik dan px, em of %.
Ik zie ergens staan: "; Trebuchet;", en dat slaat natuurlijk al helemaal nergens op. Font namen met een spatie horen tussen quotes te staan, dus: "Trebuchet MS"

[Verwijderd]

http://jigsaw.w3.org/css-validator/

[Verwijderd]

Je zou haast denken aan een "geen support op onduidelijke of ongeldige code" beleid kunnen denken.

Stel je voor dat je altijd je source duidelijk opschrijft. Voor CSS geldt: één property per regel, en achter elke regel een puntkomma (waar dat mag). En gebruik een editor met syntax highlighting. Je kunt prima zien waar je de fouten moet zoeken.

Een voorbeeld in dit geval:

Cascading Stylesheet:

body {
   color: #000000;
   font-family: Trebuchet MS, Arial, Sans Serif;
   font-size: 10pt;
   scrollbar-face-color: #B7C1D9;
   scrollbar-shadow-color: #818DD5;
   scrollbar-track-color: #B7C1D9;
   scrollbar-arrow-color: #000000;
}

h3 {
   font-family: Arial;
   font-size: 12 pt;
   font-weight: bold;
}

h2 {
   font-size: 14 pt;
   font-weight: bold;
   Trebuchet;
}

h1 {
   font-size: 14pt;
   Trebuchet MS, Arial, Sans Serif;
} 

a:visited {
   text-decoration: none;
} 

p {
   font-size: 10pt;
}

hr {
   color: #EFA619;
}

a:hover {
   text-decoration: underline ;
}

a {
   text-decoration: none;
   color: #000000;
}

td {
   color: #000000;
   font-family: Trebuchet MS, Arial, Sans Serif; 
   font-size: 10pt;
}

table {
   color: #000000;
   font-family: Trebuchet MS, Arial, Sans Serif; 
   font-size: 10pt;
}

.menuTekst {
   font-family: Trebuchet MS, Arial, Sans Serif;
   font-weight: bold;
   font-size: 8pt;
}

.copyright {
   font-size: 8pt;
   Arial;
}

Ik heb de fouten gewoon laten staan. Maar die sie je toch ook gewoon veel eerder op deze manier? Echt, af en toe word ik gek van de troep die er hier voorbij komt. En ja, het was echt troep.

[spone]

tot nu toe heb ik echter alleen maar commentaar voorbij zien komen over de layout van de stylesheet, en nog steeds niks over het oorspronkelijke probleem

@Cheatah: bedankt voor het verduidelijken!

Ik ga er eens opnieuw mee aan de gang en hoop dat dat meer bruikbaars oplevert

[Verwijderd]

spone schreef op zondag 07 augustus 2005 @ 18:49:
tot nu toe heb ik echter alleen maar commentaar voorbij zien komen over de layout van de stylesheet, en nog steeds niks over het oorspronkelijke probleem

@Cheatah: bedankt voor het verduidelijken!

Ik ga er eens opnieuw mee aan de gang en hoop dat dat meer bruikbaars oplevert

Misschien ligt het aan mijn lees-kunsten, maar ik zie vanaf commentaar nummer 1 alleen maar punten worden aangedragen waardoor het cursieve gedrag zou kunnen komen, maw de syntax is incorrect en misschien raakt daardoor je browser van slag.

En eerlijk gezegd om IE én Mozilla based browsers beide van slag krijgen moet je het wel erg heel bont maken.

[ Voor 6% gewijzigd door Verwijderd op 07-08-2005 19:11 ]

[Verwijderd]

er is al genoeg gezegd over de problemen

dit kan bv niet :

h1 {
font-size: 14pt;
Trebuchet MS, Arial, Sans Serif;
}

wat doen die font namen daar

[Wacky]

Doe eerst eens een beginnerscursusje CSS voordat je met CSS aan de gang gaat en vervolgens al je problemen hier neergooit. Bijna iedere CSS regel bevat wel een fout

[spone]

Nou breekt mn klomp. Na het opnieuw opbouwen en structureren van de stylesheet staat de tekst nog steeds cursief op mijn pc in beide browsers Wanneer ik echter de pagina bekijk op een aantal andere machines (win2k+ie6, xp+firefox) is er niks aan de hand, enkel op mijn pc

Volgens mij is er dus wat dat betreft niks mis met de stylesheet, maar tis wel vaag.

[BtM909]

spone schreef op maandag 08 augustus 2005 @ 10:33:
Nou breekt mn klomp. Na het opnieuw opbouwen en structureren van de stylesheet staat de tekst nog steeds cursief op mijn pc in beide browsers :x Wanneer ik echter de pagina bekijk op een aantal andere machines (win2k+ie6, xp+firefox) is er niks aan de hand, enkel op mijn pc

Volgens mij is er dus wat dat betreft niks mis met de stylesheet, maar tis wel vaag.

Waarschijnlijk even je cache leeggooien of een harde refresh

[Verwijderd]

Wat ook nog kan, is dat je fonts een beetje door de war zijn geraakt. Download even TweakUI van de Microsoft website, en kies voor de optie "Repair fonts". Als al het andere niet werkt, uiteraard.