18041 sujets

Questions générales et questions de débutants

Background semi-transparent

Bonjour,

Je souhaite mettre un background semi-transparent (couleur) dans les cellules d'un tableau, afin de mieux voir les inscriptions dans celui-ci. Le background du site est une image de paysage et la lecture du tableau n'est pas facile.
J'espère être assez clair...

Merci pour votre aide....
Modifié par valttt (21 Mar 2012 - 11:59)
Bonjour, en CSS3, tu peux utiliser la propriété :
background-color : rgba(x, x, x, y);
Avec dans les x les valeurs rgb de ta couleur et en y l'opacité variant de 0 (transparent) à 1 (opaque).
Sinon, tu peux aussi passer par une image gérant la transparence que tu mettras en fond avec :
background-image : url(cheminDeTonImage);
Merci Gothor pour ton aide, mais ma mise en page est directement faite sur mon fichier html:

<CENTER>
<table width="600" border="2" cellpadding="3">

  <caption></caption>
<tr>
    <th BGCOLOR="#CCCCCC"><font size=4>ARTISTES</font></th>
    <th BGCOLOR="#CCCCCC"><font size=4>TITRES</font></th>
    <th BGCOLOR="#CCCCCC"><font size=4>LIENS</font></th>
  </tr>
</thead>
<tbody>
    <tr>
    <th align="center"><font size=5 color="#E08040">Téléphone</font></th>
    <td align="center"><font size=5 color="#E08040">Cendrillon</font></td>
    <td align="center"><font size=4><A target="_blank" HREF="Paroles\Cendrillon.pdf" style="text-decoration:none">Afficher / Télécharger</A></font></td>
  </tr>


Comment dois-je mettre cela dans mon CSS ?
Merci...
Merci,
Ma page pointe bien vers un fichier CSS, mais je ne sais pas quel est le nom de ma balise tableau pour ne mettre ce background que sur mon tableau.
Juste avant <CENTER>, il y a :
<div id="center_content">

Si je met background-color : rgba(x, x, x, y); dans cette balise, ma balise center-content étant plus grand que mon tableau, la couleur dépasse du tableau.
Si je met background-image : url(Images\image1.png); et bien l'image n'apparait pas.
Image1.png étant une image semi-transparente (gris).
Modifié par valttt (21 Mar 2012 - 12:34)
Bonjour,
Pour apprendre à bien utiliser les sélecteurs css, tu peux jeter un œil ici :
http://www.yoyodesign.org/doc/w3c/css2/selector.html
Donc pour sélectionner ton tableau ici, tu peux faire 
/* Si tous tes tableaux devront avoir un fond blanc : */
table { background-image : url(cheminDeTonImage); }
/* Si seuls ceux appartenant à la div centrale doivent avoir un fond blanc */
#center_content table { background-image : url(cheminDeTonImage); }
S'il est l'unique tableau à recevoir un fond blanc, tu peux lui donner un id pour le récupérer facilement.

Et la navigation d'un dossier à un autre se fait avec des "/" et non des "\", le chemin vers ton image sera : 
Images/image1.png
Merci Gothor, tout fonctionne parfaitement maintenant....

J'en sais maintenant beaucoup plus...

Merci encore.
Sujet clos
Aller à