[CSS] HTML style CSS style laten 'overriden'?

[Olaf van der Spek]

Ik wil in CSS th align=left zetten zodat alle table headers standaard links uitgelijnd worden, maar ik wil wel de mogelijkheid hebben dit in HTML te overriden. Normaal werkt overriding juist andersom. Is dit in CSS in te stellen?

[disjfa]

ja.

Neem een keer een leuke tutorial door zou ik zeggen.
http://www.w3schools.com/css/

[ Voor 93% gewijzigd door disjfa op 26-11-2007 14:23 ]

[tec]

inline styles > styles in je css

[Olaf van der Spek]

tec schreef op maandag 26 november 2007 @ 14:23:
inline styles > styles in je css

Ah, natuurlijk. Helemaal niet aan gedacht. Maar is het ook mogelijk met alleen <th align=right> in plaats van <th style="text-align: right;">

[ Voor 4% gewijzigd door Olaf van der Spek op 26-11-2007 14:43 ]

[disjfa]

Olaf van der Spek schreef op maandag 26 november 2007 @ 14:40:
[...]
Ah, natuurlijk. Helemaal niet aan gedacht. Maar is het ook mogelijk met alleen <th align=right> in plaats van <th style="text-align: right;">

Heb je dat al uitgeprobeert?

[Olaf van der Spek]

disjfa schreef op maandag 26 november 2007 @ 14:45:
[...]

Heb je dat al uitgeprobeert?

Ja. Zodra ik in een stylesheet th { text-align: right } zet, worden alle <th align=left> elementen rechts uitgelijnd. Terwijl ik dus wil dat de align=left wordt gebruikt.

[zwippie]

Of je geeft de th die rechts moet worden uitgelijnd een aparte klasse.

code:

<th>Normaal</th>
<th class="right">Rechts</th>

th { text-align: left; }
th.right { text-align: right; }

[OkkE]

Nee, HTML "style" wordt altijd overschreven door CSS, dus het kan alleen dmv inline styles die je stylesheet overschrijven.

Of je zou het volgende kunnen proberen. Maar zo ver ik weet wordt dit niet (volledig) door de meest gangbare browsers ondersteund..

code:

th { text-align:right; }
th[align=left] { text-align:left; }

Maar waarom wil je dat de HTML soms de CSS overschrijft? Wat ik kan bedenken is vanwegen een CMS; is het in dat geval niet mogelijk met classes te werken?

[Verwijderd]

zwippie schreef op maandag 26 november 2007 @ 14:56:
Of je geeft de th die rechts moet worden uitgelijnd een aparte klasse.

code:

<th>Normaal</th>
<th class="right">Rechts</th>

th { text-align: left; }
th.right { text-align: right; }

geef dan aan waarom de boel rechts uitgelijnd moet worden, bijvoorbeeld omdat het veld numeriek is:

code:

<th>Normaal</th>
<th class="numeric">Rechts</th>

th { text-align: left; }
th.numeric{ text-align: right; }

[zwippie]

Verwijderd schreef op maandag 26 november 2007 @ 15:14:
[...]

geef dan aan waarom de boel rechts uitgelijnd moet worden, bijvoorbeeld omdat het veld numeriek is:

code:

<th>Normaal</th>
<th class="numeric">Rechts</th>

th { text-align: left; }
th.numeric{ text-align: right; }

Semantiek, schmerantiek.

[Olaf van der Spek]

OkkE schreef op maandag 26 november 2007 @ 14:58:
Maar waarom wil je dat de HTML soms de CSS overschrijft? Wat ik kan bedenken is vanwegen een CMS; is het in dat geval niet mogelijk met classes te werken?

CMS heeft er volgens mij niks mee te maken, ik heb volledige controle over zowel de HTML als de CSS.
Classes gebruiken zou kunnen, dan heb ik dus een class voor right aligned cells.
Maar stel dat ik al classes heb om cellen een kleurtje te geven of er iets anders mee te doen. Moet ik dan elk van die classes kopieeren en er _right achter plakken? Of kun je meerdere classes aan een element toewijzen?

[disjfa]

Olaf van der Spek schreef op maandag 26 november 2007 @ 15:40:
[...]
Of kun je meerdere classes aan een element toewijzen?

Die url die ik al eerder had opgegeven, drie pagina`s verder
http://www.w3schools.com/css/css_syntax.asp

Note: To apply more than one class per given element, the syntax is:

[Olaf van der Spek]

disjfa schreef op maandag 26 november 2007 @ 15:42:
Note: To apply more than one class per given element, the syntax is:

Dank je, dat stukje miste ik dus net.
Een URL pasten is natuurlijk erg makkelijk, maar ik ken de basis en ga niet een hele referentie doorlezen voor een klein stukje informatie.
Zelfs als ik dat wel had gedaan was het niet ondenkbaar dat ik deze oplossing niet had gevonden.

[ Voor 15% gewijzigd door Olaf van der Spek op 26-11-2007 15:53 ]