<td> & img & CSS
Résolu/Fermé
maitag
Messages postés
2
Date d'inscription
vendredi 25 septembre 2009
Statut
Membre
Dernière intervention
25 septembre 2009
-
25 sept. 2009 à 08:43
maitag - 1 oct. 2009 à 08:40
maitag - 1 oct. 2009 à 08:40
A voir également:
- <td> & img & CSS
- Img burn - Télécharger - Gravure
- Taille bouton css - Forum HTML
- Css lien non souligné - Astuces et Solutions
- Enlever couleur lien css ✓ - Forum CSS
- Fichier img ✓ - Forum Gravure
2 réponses
jjsteing
Messages postés
1669
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
25 sept. 2009 à 11:39
25 sept. 2009 à 11:39
re :)
bon, pour l image en fond :
<style>
.bargraph td{
display:block
border-right: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
background-image:url(col.gif);>
}
</style>
et non .bargraph img{ car tu n as pas de balise img ;) ceci va mettre l arriere plan de la case avec ton image mais cela rempliera tout l arrire plan, hors, ce que j ais compris, c'est que tu veux faire un graphique.. donc :
voici une partie de la solution :
<style>
.bargraphimg{
border: solid 2px green ;
background-image:url(col.gif);
}
</style>
<table id="GraphBar" class="bargraph" STYLE="vertical-align:bottom" BORDER>
<tr>
<th>titre</th>
<td VALIGN="bottom" id="B0" ><div class="bargraphimg" STYLE="height:10px;"></div>10</td>
<td VALIGN="bottom" id="B1" ><div class="bargraphimg" STYLE="height:21px;" ></div>21</td>
<td VALIGN="bottom" id="B2" ><div class="bargraphimg" STYLE="height:39px;" ></div>39</td>
<td VALIGN="bottom" id="B3" ><div class="bargraphimg" STYLE="height:17px;" ></div>17</td>
</tr>
<tr>
<th></th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</table>
tu trouvera un exemple en ligne.. toujours sur mon site jjsteing.u7n.org => wenbmastering => Graphique
bon, pour l image en fond :
<style>
.bargraph td{
display:block
border-right: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
background-image:url(col.gif);>
}
</style>
et non .bargraph img{ car tu n as pas de balise img ;) ceci va mettre l arriere plan de la case avec ton image mais cela rempliera tout l arrire plan, hors, ce que j ais compris, c'est que tu veux faire un graphique.. donc :
voici une partie de la solution :
<style>
.bargraphimg{
border: solid 2px green ;
background-image:url(col.gif);
}
</style>
<table id="GraphBar" class="bargraph" STYLE="vertical-align:bottom" BORDER>
<tr>
<th>titre</th>
<td VALIGN="bottom" id="B0" ><div class="bargraphimg" STYLE="height:10px;"></div>10</td>
<td VALIGN="bottom" id="B1" ><div class="bargraphimg" STYLE="height:21px;" ></div>21</td>
<td VALIGN="bottom" id="B2" ><div class="bargraphimg" STYLE="height:39px;" ></div>39</td>
<td VALIGN="bottom" id="B3" ><div class="bargraphimg" STYLE="height:17px;" ></div>17</td>
</tr>
<tr>
<th></th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</table>
tu trouvera un exemple en ligne.. toujours sur mon site jjsteing.u7n.org => wenbmastering => Graphique
jjsteing
Messages postés
1669
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
25 sept. 2009 à 09:37
25 sept. 2009 à 09:37
Bonjour...
Bon déjà :
img-src:url(col.gif) ca n existe pas !!! remplace par :
background-image:url(col.gif);
Bon déjà :
img-src:url(col.gif) ca n existe pas !!! remplace par :
background-image:url(col.gif);
maitag
Messages postés
2
Date d'inscription
vendredi 25 septembre 2009
Statut
Membre
Dernière intervention
25 septembre 2009
25 sept. 2009 à 10:24
25 sept. 2009 à 10:24
OK. J'ai corrigé la syntaxe.
Mais toujours pas d'image qui s'affiche dans les cellules...
Mais toujours pas d'image qui s'affiche dans les cellules...
1 oct. 2009 à 08:40
Merci à toi.