[CSS] Heritage ou un truc dans le genre... :D

Heritage ou un truc dans le genre... :D [CSS] - HTML/CSS - Programmation

Marsh Posté le 22-10-2003 à 23:27:44    

j'ai un fichier css dans le genre :
 


td.pwet1
{
 width: 30px;
 height: 30px;
 background-color: url(pwet1.gif);
}
td.pwet2
{
 width: 30px;
 height: 30px;
 background-color: url(pwet2.gif);
}
td.pwet3
{
 width: 30px;
 height: 30px;
 background-color: url(pwet3.gif);
}
td.pwet4
{
 width: 30px;
 height: 30px;
 background-color: url(pwet4.gif);
}


Est-ce qu'il y a un moyen de faire en sorte de ne pas répéter


 width: 30px;
 height: 30px;


pour chaque balise en le mettant qu'une fois ?
Comment faire ?

Reply

Marsh Posté le 22-10-2003 à 23:27:44   

Reply

Marsh Posté le 22-10-2003 à 23:33:52    

td.* {
 width: 30px;
 height: 30px;  
}
 
essayes ca


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 22-10-2003 à 23:49:54    

voire
 

td {
...
}


 
tout court... Mais attention ça va impacter toutes tes cellules.
 
 
Ou alors créer une classe pour ça :
 

td.dim {
 width: 30px;
 height: 30px
}


 
et ajouter "dim" dans l'attribut class :
 

<td class="dim pwet1">...</td>
<td class="dim pwet2">...</td>


 
etc...
 
Mais ça ne fait que déplacer le problème.
 
 
Sinon, si les <td> sont dans un même <tr> :
 

tr.pwet td {
 width: 30px;
 height: 30px;
}


 
Puis :
 

<tr class="pwet">
  <td class="pwet1">...</td>
  <td class="pwet2">...</td>
...
</tr>


 
 
Dernière solution :  
 

td.pwet1, td.pwet2, td.pwet3, td.pwet4 {
 width: 30px;
 height: 30px;
}


 
 
Enfin voilà il y a plein de solutions


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 23-10-2003 à 00:04:56    

Donc si j'ai bien compris, on peut faire  

td.pwet1, td.pwet2, td.pwet3, td.pwet4 {
 width: 30px;
 height: 30px;
}


et  


td.pwet1
{
  background-image: url(pwet1.gif)
}
 
td.pwet2
{
  background-image: url(pwet2.gif)
}
 
etc..


? :D

Reply

Marsh Posté le 23-10-2003 à 00:08:57    

oui


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 23-10-2003 à 00:19:06    

ok, je savais pas :) merci :D
Sinon, t'as pas un pire site qu'explique ca vraiment bien ?
cad pas une pauv doc qui te donne parametre par parametre les valeurs possibles, mais un truc qui explique les concepts et tout quoi :D

Reply

Marsh Posté le 23-10-2003 à 01:26:24    

t'as vu la faq? en signature des posts de gm_ ;)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed