Image en fond de tableau (dream)
Résolu
Profil bloqué
-
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je fais actuellement un site avec le logiciel dreamweaver.
Je souhaite mettre une image au fond d'une cellule qui prendra la forme d'une bannière. Pour cela il faut que ma photo se déforme pour rentrer dans le cadre dans sa totalité. Au pire qu'elle ne se répète pas...
le code html qui coresspond :
"<td width="1103" background="../banne.png" bgcolor="#470000">"
merci d'avance ;)
Je fais actuellement un site avec le logiciel dreamweaver.
Je souhaite mettre une image au fond d'une cellule qui prendra la forme d'une bannière. Pour cela il faut que ma photo se déforme pour rentrer dans le cadre dans sa totalité. Au pire qu'elle ne se répète pas...
le code html qui coresspond :
"<td width="1103" background="../banne.png" bgcolor="#470000">"
merci d'avance ;)
A voir également:
- Image en fond de tableau (dream)
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Comment mettre une vidéo en fond d'écran - Guide
1 réponse
Salut Tiroly,
Il faut que ton image soit taillée à la dimension finale du bandeau (ex: 700 x 150px).
Dans ta feuille de style (CSS) tu crée une classe bandeau comme ceci:
Tu n'aura pas besoin de spécifier la taille de ta colonne (<td>) elle prendra la taille de l'image.
Tu peux aussi faire comme ça (si tu ne sait pas ce que sont les css (et tu a tort car avec ça la maintenance de ton site à l'avenir sera bien plus efficace et rapide):
Avec une feuille de style:
Sans feuille de style:
Il faut que ton image soit taillée à la dimension finale du bandeau (ex: 700 x 150px).
Dans ta feuille de style (CSS) tu crée une classe bandeau comme ceci:
.bandeau { /* taille du bandeau */
background-image: url=("/mon_dossier/images/mon_image.jpg"); /* chemin de ton image */
background-repeat: no-repeat; /* l'image ne sera pas répétée */
}
Tu n'aura pas besoin de spécifier la taille de ta colonne (<td>) elle prendra la taille de l'image.
Tu peux aussi faire comme ça (si tu ne sait pas ce que sont les css (et tu a tort car avec ça la maintenance de ton site à l'avenir sera bien plus efficace et rapide):
Avec une feuille de style:
<td class="bandeau">
Sans feuille de style:
<td style=" background-image: url("../banne.png") "> pourquoi une couleur d'arrière plan si tu a l'image ?
