[CSS] Opbouw

[kleautviool]

Als ik mijn css bij het w3c laat valideren, krijg ik allerlij vreemde errors, alleen staat het probleem of hoe het probleem op te lossen er niet bij, dus kan ik weinig met deze errors. Maar sowieso vind ik dit wat vreemde error's gezien het feit dat mijn stylesheet (waarschijnlijk op wat kleine foutjes na) gewoon correct is. Dus weet iemand misschien wat deze errors zijn, en hoe deze te verhelpen.

Ik weet niet of het eventueel aan de opbouw zou kunnen liggen, ik heb mijn css op deze manier:

code:

.class_naam
{
    width: 100px;
    height: 17px;
    text-align: right;
    background-image: url(images/footer_nieuwe_reactie.gif);
    padding-right: 5px;
}

Aangezien het om 725 regels css gaat heb ik dit niet even aangepast om te testen, maar het begin van de stylesheet valideert hij wel, zie link.

Wie kent dit probleem en weet hoe het op te lossen?

Alvast bedankt

[Eskimootje]

je mag geen underscore's gebruiken volgens mij.

[Dr_Frickin_Evil]

Waarom heb je er geen classname (td, div, enz) bijstaan?

[crisp]

In CSS2, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher, plus the hyphen (-); they cannot start with a hyphen or a digit.

bron

[Bosmonster]

edit: onzin Zie crisp

725 regels voor een css-file is belachelijk veel.. dan heb je iets niet helemaal lekker opgezet, of je hebt er waanzinnig veel dubbel instaan.

[ Voor 44% gewijzigd door Bosmonster op 22-08-2003 16:06 ]

[kleautviool]

Eskimootje schreef op 22 August 2003 @ 16:01:
je mag geen underscore's gebruiken volgens mij.

Shit die heb ik om alles wat duidelijker te maken.
Weet iemand of er dan ook een manier is om woorden van elkaar te scheiden, om het geheel iets duidelijker te maken?

[edit:]
Andwoordt staat hierboven :)[/edit]

[ Voor 8% gewijzigd door kleautviool op 22-08-2003 16:08 . Reden: Andwoordt al gegeven ]

[Eskimootje]

dingen zoals:
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
mag ook zo:
margin: 0; is al 3 regels korter.

kleautviool schreef op 22 August 2003 @ 16:06:
[...]


Shit die heb ik om alles wat duidelijker te maken.
Weet iemand of er dan ook een manier is om woorden van elkaar te scheiden, om het geheel iets duidelijker te maken?

deze streep - zoals crisp al zei.

[ Voor 57% gewijzigd door Eskimootje op 22-08-2003 16:08 ]

[Eskimootje]

oeps was als edit bedoeld

[ Voor 91% gewijzigd door Eskimootje op 22-08-2003 16:08 ]

[Bosmonster]

kleautviool schreef op 22 August 2003 @ 16:06:
[...]


Shit die heb ik om alles wat duidelijker te maken.
Weet iemand of er dan ook een manier is om woorden van elkaar te scheiden, om het geheel iets duidelijker te maken?

wat crisp zegt.. hyphens (streepjes), al zou ik die niet aanraden.

Gebruik bijvoorbeeld camelCase, dus

witRuimte
headerClass

(al is de class-toevoeging in de naam nogal nutteloos )

[crisp]

kleautviool schreef op 22 August 2003 @ 16:06:
[...]


Shit die heb ik om alles wat duidelijker te maken.
Weet iemand of er dan ook een manier is om woorden van elkaar te scheiden, om het geheel iets duidelijker te maken?

ja, hyphens (minteken) gebruiken

[kleautviool]

Ok, erg bedankt allemaal!
Maar ff allen underscore's vervangen

[crisp]

er staat nog een zinnetje bij op w3c:

They can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier "B&W?" may be written as "B\&W\?" or "B\26 W\3F".

hieruit maak ik op dat dit wel zou mogen:

Cascading Stylesheet:

.class\5F naam {
  width: 100px;
}

vraag me alleen af of het ook werkt in alle browsers, even testen maar...

edit: zoals te verwachten viel werkt dat o.a. wel in Mozilla, maar niet in IE

[ Voor 10% gewijzigd door crisp op 22-08-2003 16:22 ]

[Verwijderd]

als je in je BODY al eens je font-family en size definieert, hoef je die ook niet steeds te herhalen, dat scheelt al aanzienlijk.

classes met een andere size kun je wel definieren, deze overrulen dan de BODY

[ Voor 28% gewijzigd door Verwijderd op 22-08-2003 16:24 ]

[Verwijderd]

je hebt echt de c van css nog niet helemaal begrepen, zo'n beetje alles staat er dubbel in. Verder maak je helemaal geen gebruik van de tagnamen bijvoorbeeld. De kracht van css is dat het cascadeert door heel je document heen, dit moet in 50 regels ook kunnen

[Johnny]

Je kunt ook meerdere elementen dezelfde style opgeven op deze manier:

code:

div.d1, div.d2 {background-color: #FF0000;}

div,d1 {font-family: verdana;}

Nu krijgen beide divs dezelfde achtergrondkleur, maar div.d1 krijgt ook het lettertype verdana. Als je heel veel dezelfde styles (dus niet alleen de achergrondkleur) aan verschillende elementen toewijst scheelt dit je ook een hele hoop code.