Toon posts:

[CSS] font-size wordt genegeerd

Pagina: 1
Acties:

Verwijderd

Topicstarter
Voor mijn website heb ik gebruik gemaakt van een css. Dit werkte goed tot dat ik de #container erin zette. De "gewone" tekst wil ik graag 11 px groot. Wanneer ik de pagina up-load lijkt het net alsof ik geen font-size heb aangegeven (tekst wordt heel groot weergegeven)....
Waarom worden de font-size's in mijn css genegeerd?

body { text-align: center; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px }
p { font-size: 11px }
td { font-size: 11px }
.tekst { font-size: 11px; margin: 12px; padding: 12px }
.menu { color: white; font-size: 10px; text-decoration: none; margin: 2px; padding: 2px; border-style: none }
#container { font-size: 11px; text-align: left; margin: 0 auto; width: 760px }

  • vakantieman
  • Registratie: November 2003
  • Laatst online: 05-10-2025
Kun je het desbetreffende stukje code posten?

  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 02-01 15:55
Misschien staat de tekstgrootte in je browser op een (aantal) niveau(s) hoger dan de standaardwaarde?

If I can't fix it, it ain't broken.


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 23:48

crisp

Devver

Pixelated

Heb je je volledige CSS al gevalideerd?

Intentionally left blank


Verwijderd

Topicstarter
Dit is de volledige css wat ik tot nu toe heb:

body { text-align: center; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px }
p { font-size: 11px }
td { font-size: 11px }
.tekst { font-size: 11px; margin: 12px; padding: 12px }
.menu { color: white; font-size: 10px; text-decoration: none; margin: 2px; padding: 2px; border-style: none }
#container { font-size: 11px; text-align: left; margin: 0 auto; width: 760px }

Wanneer ik #container { font-size: 11px; text-align: left; margin: 0 auto; width: 760px } weg haal dan wordt de font-size wel gewoon op 11px weergegeven... (de font-size van .menu wordt, ondanks de laatste regel altijd (met of zonder #container) goed weergegeven op 10px )

  • vakantieman
  • Registratie: November 2003
  • Laatst online: 05-10-2025
je bent achter none in de .menu een ";" vergeten of niet?

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 22:49
Je vergeet inderdaad aardig wat ; 's.
Probeer -als het na het toevoegen daarvan nog niet werkt- eens:

Cascading Stylesheet:
1
2
3
p.piet {
  font-size:11px !important;
}


En je mag je code tussen [code][/code] zetten.
Is wat duidelijker. :)

Motor onderhoud bijhouden


Verwijderd

';' is bedoelt om declaraties te scheiden. Niet om ze af te sluiten.

  • vakantieman
  • Registratie: November 2003
  • Laatst online: 05-10-2025
Okee handig, dat wist ik niet.

Verwijderd

Topicstarter
willem169 schreef op dinsdag 23 augustus 2005 @ 10:34:

[code=css]
p.piet {
font-size:11px !important;
}
!important werkt perfect, bedankt!
Pagina: 1