[WC3] CSS en dehors du head

s-o-m-e-y · 30 Mai 2009

Bonjour,

Sur un blog je souhaite faire une page avec un tableau...
je veux mettre le css genre

Code:

<style type="text/css"/>
<!--
# Mes règles {
}
.Css {
}
-->
</style>


<table>
<tbody>
<tr>
       </tr>
<td> 
        </td>
</tbody>
</table>

Probleme c'est pas valide a cause du <style type="text/css"/></style>
qui (je crois) devrait se trouver en head...
Hors il est entre le <body></body>...du coup je vois pas comment faire ca proprement

y a -t-il une autre formule svp?

Merci

s-o-m-e-y · 30 Mai 2009

je pourrais tout convertir en div non ?
mais c'est un peut..."foldingo!!" une div par cases... :cry:
Je vais me retrouver avec un css de fou ??

guicara · 30 Mai 2009

Tu ne peux pas accéder à ton code source ?

A ta place, si le style s'applique bien, je laisserais le code comme il est.
Une autre solution consisterais à passer par du : <table style="">, qui n'est pas vraiment propre...

Un tableaux entièrement en XHTML/CSS est possible

s-o-m-e-y · 30 Mai 2009

En faite, le support est un cms (blog)

Je peut donc sans problèmes accéder au code..
Mais si je modifie le "head" ça le modifie pour tout (toutes les pages...etc...et c'est pas bon)

Je peut lors de l'édition d'un post copier-coller mon code ci-dessus sans problèmes dans le contenu,
le rendu est très bon...normal même
Mais au wc3 ca passe pas pour 1 erreur, il dit que apparemment <style type="text/css"/> ne doit pas être deux fois dans le même code...
normal puisqu'il est déjà présent (mais pour d'autres raison) dans le head.

donc...je me casse les ****** à tout foutre en div..."spectaculaire!!"(pour mes faibles connaissances :roll

a moins qu'il y est encore une soluce?

Moof · 30 Mai 2009

Est-ce que le problème ne vient tout simplement pas du fait qu'il faut écrire

Code:

<style type="text/css">

et non pas

Code:

<style type="text/css"/>

?

s-o-m-e-y · 30 Mai 2009

oui c'est rectifié...merci ...mais ca ne change rien ...ca enlève juste une erreur

calouu · 30 Mai 2009

Tu ne peux effectivement pas mettre des règles <style type="text/CSS"></style> en dehors du head, c'est absolument interdit dans le body.

2 solutions :

1. tu mets les styles directement dans les balises. Exemple :

Code:

<table style="border:1px solid black">
<tr>
 <td style="background-color:red"></td>
</tr>
</table>

2. Tu attribues une classe à ton tableau, et tes règles CSS tu les mets bien dans le head. Mais comme elles ne s'appliqueront à la classe mentionnée, tous les autres tableaux de tes autres pages ne seront pas affectés.

Code:

<div class="special">
<table>
<tr>
 <td>bla bla</td>
</tr>
</table>

CSS :

Code:

.special table {
border:1px solid black
}
.special td {
background-color:red
}