Tableau en css

Résolu
nox979 Messages postés 61 Date d'inscription   Statut Membre Dernière intervention   -  
carabde Messages postés 60 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'ai un petit souci , je cree un grand tableau avec 10 collonnes et 20 lignes,

mon but et de mettre la 5 collones en transparent et la 10 lignes aussi
pour que ca ce fait comme un carre,

ou dois je faire 4 tableau ?

Merci



A voir également:

3 réponses

Ysabe_l Messages postés 12715 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Bonjour,

Lors de la création de la 5ème colonne il faut lui ajouter une classe : <tr class="transp">. Pour la 10 ligne il faudra mettre la classe sur chacune des cases : <td class="transp">.

Et en CSS il va falloir mettre la transparence :

.transp {
opacity: 0.5;
}

Enfin pour l'opacité c'est un exemple tu mets la valeur que tu veux hein.
0
Profil bloqué
 
Lol c'est exactement ça sauf que c'est td pour les cellules (donc pour les colonnes) et tr pour les lignes, donc à inverser
0
Ysabe_l Messages postés 12715 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Oula oui exact, j'ai répondu un peu vite, désolée.
0
nox979 Messages postés 61 Date d'inscription   Statut Membre Dernière intervention  
 
j'ai pas de css enfeit je mets tout dans le html

donc si je comprend bien je dois mettre dans le td

opacity="0.5" ???
0
Profil bloqué
 
tu dois y mettre : <td style="opacity:0.5;">...</td>
0
carabde Messages postés 60 Date d'inscription   Statut Membre Dernière intervention   30
 
Bonjour,
vous pouvez aussi metre du CSS dans le head de votre page HTML en utilisant la balise stylecomsuit:
<head>
......
<style>
.transp{ 
opacity:0.3;
}
</style>
</head>
puis dans td 
<td class="transp">....</td>
ou pour pour toute la linge 
<tr  class="transp">


pour savoir plus sur où metre le css voici un lien:
http://apprendre-creer-sites.com/css-cours/comment-utiliser-CSS.php#sint
0
Ysabe_l Messages postés 12715 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Je me permet de te signaler que ce n'est pas du tout recommandé de tout mettre dans le html sans faire de css. Bon après tu fais ce que tu veux, c'est surtout un conseil.

Et sinon donc oui si tu veux tout mettre dans le html il faudra écrire ça à chaque case qui doit être transparente.
0
Profil bloqué
 
Oui, genre ton tableau en html :

<table> 
<tr> 
<td>blabla</td> 
<td class="semitransparent">blabla</td> 
<td>blabla</td> 
<td>blabla</td> 
</tr> 
<tr class="semitransparent"> 
<td>blabla</td> 
<td>blabla</td> 
<td>blabla</td> 
<td>blabla</td> 
</tr> 
<tr> 
<td>blabla</td> 
<td class="semitransparent">blabla</td> 
<td>blabla</td> 
<td>blabla</td> 
</tr> 
</table> 


Et dans ton fichier .css :

.transparent{ 
opacity:0.5; 
} 
0