Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1529 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°547883
spark
Luc ?
Posté le 22-10-2003 à 23:27:44  profilanswer
 

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 ?

mood
Publicité
Posté le 22-10-2003 à 23:27:44  profilanswer
 

n°547900
simogeo
j'ai jamais tué de chats, ...
Posté le 22-10-2003 à 23:33:52  profilanswer
 

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


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°547919
gm_superst​ar
Appelez-moi Super
Posté le 22-10-2003 à 23:49:54  profilanswer
 

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
n°547931
spark
Luc ?
Posté le 23-10-2003 à 00:04:56  profilanswer
 

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

n°547936
simogeo
j'ai jamais tué de chats, ...
Posté le 23-10-2003 à 00:08:57  profilanswer
 

oui


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°547956
spark
Luc ?
Posté le 23-10-2003 à 00:19:06  profilanswer
 

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

n°548002
the real m​oins moins
Posté le 23-10-2003 à 01:26:24  profilanswer
 

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


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[HTML/CSS] width="100%" sous IE et Mozilla...désactiver la modification du code HTML et CSS avec ASP.NET
[HTML/CSS] petit probleme de transparence...[HTML/CSS] Besoin d'avis technique sur mon site presque fini
[CSS] Centrer un tableau ?![CSS] definir ses propres couleurs ....
CSS : je ne trouve pas la commande italic[HTML/CSS] URL racine
Un truc tout con...CSS et Newsletter
Plus de sujets relatifs à : [CSS] Heritage ou un truc dans le genre... :D


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR