Decalage de photo
gaya_102
-
picturart Messages postés 438 Statut Membre -
picturart Messages postés 438 Statut Membre -
Bonjour,
voila l'adresse de la page
http://www.sandrineetgwen.fr/emeline2.html
comme vous pouvez le voir les images sont décalées. Quel en est la cause et comment le rectifier?
Voila mon code
<html>
<head>
</head>
<body>
<table width="100%" bgcolor="#CC0099">
<tr>
<table width="980">
<tr>
<td><img src="image/bande_haut_index.jpg"></td>
</tr>
<tr>
<td><img src="image/gauche_bouton.jpg"></td>
<td><img src="image/presentation_off.jpg"></td>
<td>
<table>
<tr>
<td><img src="image/haut_3_boutons.jpg"></td>
</tr>
<tr>
<table>
<td><img src="image/infos_pratiques_off.jpg"></td>
<td><img src="image/jourj_off.jpg"></td>
<td><img src="image/contact_off.jpg"></td>
<td><img src="image/droite_bouton.jpg"></td>
</table>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="image/bande_bas_index.jpg"></td>
</tr>
</table>
</tr>
</table>
</body>
</html>
Par contre je lui demande de mettre une couleur en fond (<table width="100%" bgcolor="#CC0099">) mais rien ne se passe. comment ca se fait?
merci d'avance
voila l'adresse de la page
http://www.sandrineetgwen.fr/emeline2.html
comme vous pouvez le voir les images sont décalées. Quel en est la cause et comment le rectifier?
Voila mon code
<html>
<head>
</head>
<body>
<table width="100%" bgcolor="#CC0099">
<tr>
<table width="980">
<tr>
<td><img src="image/bande_haut_index.jpg"></td>
</tr>
<tr>
<td><img src="image/gauche_bouton.jpg"></td>
<td><img src="image/presentation_off.jpg"></td>
<td>
<table>
<tr>
<td><img src="image/haut_3_boutons.jpg"></td>
</tr>
<tr>
<table>
<td><img src="image/infos_pratiques_off.jpg"></td>
<td><img src="image/jourj_off.jpg"></td>
<td><img src="image/contact_off.jpg"></td>
<td><img src="image/droite_bouton.jpg"></td>
</table>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="image/bande_bas_index.jpg"></td>
</tr>
</table>
</tr>
</table>
</body>
</html>
Par contre je lui demande de mettre une couleur en fond (<table width="100%" bgcolor="#CC0099">) mais rien ne se passe. comment ca se fait?
merci d'avance
A voir également:
- Decalage de photo
- Google photo - Télécharger - Albums photo
- Photo filtre 7 gratuit - Télécharger - Retouche d'image
- Photo aérienne de ma maison - Guide
- Partage photo - Guide
- Recuperer photo google photo - Guide
2 réponses
de un t'es pas dans le bon forum c'est le forum photo ici...
mais je peux bien t'aider quand même.
1)c'est quoi ce spagetit de <table> là ??? quand tu utilise des tables, ne mets pas des tables, dans des tables, dans des tables, dans des tables.....sauf en rares exception et sauf si tu sais ce que tu fais.
2)la balise table est faites pour mettre de l'information dans un tableau pas pour ordonner des images. (quoi que des fois...)
3)au lieu des balises <table><td><tr> utilise des balises <div> et positionnent les avec du css ( style="position:relative ...") ex:
<div style"position:relative; float:left;" ><img src="image/haut_3_boutons.jpg"></div>
4) si tu veux que ton site soit référencé tu devrait laisser tomber le texte sous forme d'image et plutot utiliser tes images comme background. ex:
<div style"position:relative; float:left; background-image:url(image/haut_3_boutons.jpg)" ><a href="infos-pratiques.html">info pratiques, jour J, contact...</a></div>
Pour résumer achètes toi un bon livre sur le CSS et regarde les propriété pour les balises <div> ta page est simple tu devrais pouvoir t'en sortir sans trop de difficultées.
mais je peux bien t'aider quand même.
1)c'est quoi ce spagetit de <table> là ??? quand tu utilise des tables, ne mets pas des tables, dans des tables, dans des tables, dans des tables.....sauf en rares exception et sauf si tu sais ce que tu fais.
2)la balise table est faites pour mettre de l'information dans un tableau pas pour ordonner des images. (quoi que des fois...)
3)au lieu des balises <table><td><tr> utilise des balises <div> et positionnent les avec du css ( style="position:relative ...") ex:
<div style"position:relative; float:left;" ><img src="image/haut_3_boutons.jpg"></div>
4) si tu veux que ton site soit référencé tu devrait laisser tomber le texte sous forme d'image et plutot utiliser tes images comme background. ex:
<div style"position:relative; float:left; background-image:url(image/haut_3_boutons.jpg)" ><a href="infos-pratiques.html">info pratiques, jour J, contact...</a></div>
Pour résumer achètes toi un bon livre sur le CSS et regarde les propriété pour les balises <div> ta page est simple tu devrais pouvoir t'en sortir sans trop de difficultées.
tu as raison pour le texte en diagonal je ne crois pas que le css puisse faire des rotations de font... il faudrait un langage comme le php ou le javascipt...et si tu n'as pas le temps d'apprendre et que tu préfère garder tes images, écrit tu texte dans les alt="description" title"titre" de tes balises <img> et fais toi un "sitemap" (ou menu alternatif) en bas de ta page (ou n'importe ou sur ta page d'accueil) avec des liens en html, pour les moteur de recherche...
En fait c'est comme ca que l'on m'a appris a faire des sites il y a 5 ans mais depuis je n'en avais plus refais.
Pour les textes, le problème c'est que je l'ai veut en diagonale. Je ne pense pas que c'est possible en css.
Sinon pour l'histoire des div je vais me renseigner, et pour le css je suis actuellement sur le site du zero pour apprendre toute les possibilités