Comment intégrer une image comme fond?
Résolu/Fermé
A voir également:
- Comment intégrer une image comme fond?
- Intégrer une vidéo dans un powerpoint - Guide
- Comment agrandir une image - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
5 réponses
artcompus
Messages postés
56
Date d'inscription
mercredi 12 octobre 2011
Statut
Membre
Dernière intervention
14 septembre 2013
3
1 janv. 2012 à 18:36
1 janv. 2012 à 18:36
Passer au CSS, c'est votre seule solution
voici un exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
.tab {
background-image: url(images/bg_img.png);
}
</style>
</head>
<body>
<table width="200" border="1" class="tab">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td > </td>
<td> </td>
</tr>
</table>
</body>
</html>
c'est un tableau de 3 Colonnes et 3 lignes, remarquer l'attribut : class = "tab" dans la balise table et url(images/bg_img.png), où images est un dossier et
bg_img.png est le nom de votre image passée comme paramètre en arrière-plan
voici un exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
.tab {
background-image: url(images/bg_img.png);
}
</style>
</head>
<body>
<table width="200" border="1" class="tab">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td > </td>
<td> </td>
</tr>
</table>
</body>
</html>
c'est un tableau de 3 Colonnes et 3 lignes, remarquer l'attribut : class = "tab" dans la balise table et url(images/bg_img.png), où images est un dossier et
bg_img.png est le nom de votre image passée comme paramètre en arrière-plan
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
2 janv. 2012 à 21:37
2 janv. 2012 à 21:37
Salut
commence avec un editeur qui te fera du code propre ,
pour debuter je conseil Amaya qui est l editeur du W3C ,
le CSS de base n est pas tres complique !
une fois que tu as compris que toute balises presente dans le code html peuvent etre style et positionne par le CSS , il ne te reste plus qu a regarder quel style peut etre applique a t'elle ou t'elle balise , la majorite sont commun a toute les balise , comme la couleur , les bordures , couleur du texte ect ..
d autres sont specifique a un type de balises bien definies !
et que une maitrise meme simple du CSS va te faire gagner enormement de temps ,sur la construction de ton site et rendra le code de ta page beaucoup plus claire et comprehensible ,
pour avoir une base va sur le
Site du Zero,
Alsacreation
et encore mieux si tu lis un peu l anglais
w3schools.com
lis un peu les tuto tout en essayant toi meme les conseils et codes donnes , tu vas assez vite comprendre les bases du CSS et a partir de la tu vas avancer beaucoup plus vite !
ps: pour l instant evite de t attarder sur CSS3 , tu n a pas les connaissances pour t y essayer , et cela vas t embrouiller !!!
mais pour te persuade que le CSS est reelement un + voila
un petit exemple tout en CSS, il n y as que 1 image dans cette page !
c est la poignee de porte ;-))
a+
commence avec un editeur qui te fera du code propre ,
pour debuter je conseil Amaya qui est l editeur du W3C ,
le CSS de base n est pas tres complique !
une fois que tu as compris que toute balises presente dans le code html peuvent etre style et positionne par le CSS , il ne te reste plus qu a regarder quel style peut etre applique a t'elle ou t'elle balise , la majorite sont commun a toute les balise , comme la couleur , les bordures , couleur du texte ect ..
d autres sont specifique a un type de balises bien definies !
et que une maitrise meme simple du CSS va te faire gagner enormement de temps ,sur la construction de ton site et rendra le code de ta page beaucoup plus claire et comprehensible ,
pour avoir une base va sur le
Site du Zero,
Alsacreation
et encore mieux si tu lis un peu l anglais
w3schools.com
lis un peu les tuto tout en essayant toi meme les conseils et codes donnes , tu vas assez vite comprendre les bases du CSS et a partir de la tu vas avancer beaucoup plus vite !
ps: pour l instant evite de t attarder sur CSS3 , tu n a pas les connaissances pour t y essayer , et cela vas t embrouiller !!!
mais pour te persuade que le CSS est reelement un + voila
un petit exemple tout en CSS, il n y as que 1 image dans cette page !
c est la poignee de porte ;-))
a+
AssassinTourist
Messages postés
5710
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
29 février 2024
1 311
2 févr. 2012 à 13:57
2 févr. 2012 à 13:57
Bonjour,
Avez-vous réussi à faire ce que vous vouliez ?
Avez-vous réussi à faire ce que vous vouliez ?
Ch93
Messages postés
5222
Date d'inscription
mardi 18 janvier 2011
Statut
Membre
Dernière intervention
23 janvier 2013
729
2 févr. 2012 à 14:02
2 févr. 2012 à 14:02
<tr> <td> <img src="image.png"> </td> </tr>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
2 janv. 2012 à 20:25
N'existe-t-il pas d'autres programmes WYSIWYG qui permettent d'intégrer une photo comme fond de cellule? On me parlait aujourd'hui du nouveau programme de Windows appelé 'expression web'... Il n'est pas bien?