Sujet Précédent Sujet Suivant

Tableau en css

Résolu/Fermé
nox979 Messages postés 61 Date d'inscription mercredi 27 juin 2007 Statut Membre Dernière intervention 20 septembre 2018 - 9 mai 2013 à 23:52
carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 - 14 mai 2013 à 11:34
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



3 réponses

Réponse 1 / 3
Ysabe_l Messages postés 12605 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 3 janvier 2025 276
10 mai 2013 à 00:01
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é
Modifié par Varaldi Q le 13/05/2013 à 06:50
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 12605 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 3 janvier 2025 276
13 mai 2013 à 11:49
Oula oui exact, j'ai répondu un peu vite, désolée.
0
Réponse 2 / 3
nox979 Messages postés 61 Date d'inscription mercredi 27 juin 2007 Statut Membre Dernière intervention 20 septembre 2018
10 mai 2013 à 01:44
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é
13 mai 2013 à 06:50
tu dois y mettre : <td style="opacity:0.5;">...</td>
0
carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 30
14 mai 2013 à 11:34
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
Réponse 3 / 3
Ysabe_l Messages postés 12605 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 3 janvier 2025 276
10 mai 2013 à 11:13
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é
Modifié par Varaldi Q le 13/05/2013 à 13:06
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

Discussions similaires

Bibliothèque
cosjac85 -
renard bleu -

3 réponses
Formule taux de marque
vcloclo1 -
vcloclo1 -

26 réponses
generateur de combinaison du loto 5/90
Riccilo -
ccm81 -

3 réponses
Trouver le nom d'un tableau avec sa photo.
lillo56 -
zetnot -

11 réponses
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses