CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Souci avec mon image réactive | |
| Never-Die
{ Membre }
Messages : 17
| Bonjour,Bonsoir tout le monde. Je viens de créer une image réactive pour la PA d'un forum, sauf que voilà, j'ai un souci et de taille en plus. Pour coder mon image, j'ai tulisé ImageTool, si jamais vous connaissais, je suis les étapes une à une, comme d'habitue et j'installe mon code, sauf que voilà, les liens ne sont pas corrects, alors qu'il l'était juste avant. J'ai du refaire, car j'avais un défaut sur mon image. Je vous mets le code ici, si quelqu'un pourrait m'aider, je lui en serais reconnaissante !! - Code:
-
<div style="text-align:center; width:750px; margin-left:auto; margin-right:auto;"> <img id="Image-Maps_1201012301232485" src="http://www.image-maps.com/uploaded_files/1201012301232485_2_PA2M.png" usemap="#Image-Maps_1201012301232485" border="0" width="750" height="600" alt="" /> <map id="_Image-Maps_1201012301232485" name="Image-Maps_1201012301232485"> <area shape="rect" coords="40,23,188,73" href="http://www.image-maps.com/" alt="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co" title="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co" /> <area shape="rect" coords="245,31,393,81" href="http://www.image-maps.com/" alt="http://mydhriss-lenferdupar.forumotion.com/t10-mydhriss-story" title="http://mydhriss-lenferdupar.forumotion.com/t10-mydhriss-story" /> <area shape="rect" coords="239,524,387,574" href="http://www.image-maps.com/" alt="http://mydhriss-lenferdupar.forumotion.com/f3-partner-s" title="http://mydhriss-lenferdupar.forumotion.com/f3-partner-s" /> <area shape="rect" coords="551,509,699,559" href="http://www.image-maps.com/" alt="http://mydhriss-lenferdupar.forumotion.com/f13-just-for-help" title="http://mydhriss-lenferdupar.forumotion.com/f13-just-for-help" /> <area shape="rect" coords="748,598,750,600" href="http://www.image-maps.com/index.php?aff=mapped_users_1201012301232485" alt="Image Map" title="Image Map" /> </map> <!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV --> <div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:750px;"> <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/" title="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co">http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/" title="http://mydhriss-lenferdupar.forumotion.com/t10-mydhriss-story">http://mydhriss-lenferdupar.forumotion.com/t10-mydhriss-story</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/" title="http://mydhriss-lenferdupar.forumotion.com/f3-partner-s">http://mydhriss-lenferdupar.forumotion.com/f3-partner-s</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/" title="http://mydhriss-lenferdupar.forumotion.com/f13-just-for-help">http://mydhriss-lenferdupar.forumotion.com/f13-just-for-help</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_1201012301232485" title="Image Map">Image Map</a> </div> <!-- Image map text links - End - -->
</div>
Merci d'avance ! |
Dernière édition par Never-Die le Lun 03 Jan 2011, 10:12, édité 1 fois | |
| | | Liliana
{ Membre actif }
Messages : 997
| Bonjour; Si les liens ne sont pas corrects c'est normal; cela est du à une erreur de codage. Dans le code il est noté ceci : - Citation :
- <area shape="rect" coords="40,23,188,73" href="http://www.image-maps.com/" alt="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co" title="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co">
Or, le lien dans "href" est un lien vers un site, non vers une page de votre forum. Le lien a juste été mal collé dans le code . href = le lien de la page alt = un nom - facultatif - donné à l'image =) - Code:
-
<div style="text-align:center; width:750px; margin-left:auto; margin-right:auto;">
<img name="Image-Maps_1201012301232485" src="http://www.image-maps.com/uploaded_files/1201012301232485_2_PA2M.png" usemap="#Image-Maps_1201012301232485">
<map name="Image-Maps_1201012301232485" > <area shape="rect" coords="40,23,188,73" href="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co" alt="Règlement"> <area shape="rect" coords="245,31,393,81" href="http://mydhriss-lenferdupar.forumotion.com/t10-mydhriss-story" alt="Contexte"> <area shape="rect" coords="239,524,387,574" href="http://mydhriss-lenferdupar.forumotion.com/f3-partner-s" alt="Partenaires"> <area shape="rect" coords="551,509,699,559" href="http://mydhriss-lenferdupar.forumotion.com/f13-just-for-help" alt="Questions"> </map>
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:750px;"> <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mydhriss-lenferdupar.forumotion.com/t9-rules-and-co">Rules & Co</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mydhriss-lenferdupar.forumotion.com/t10-mydhriss-story">Mydhriss Story</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mydhriss-lenferdupar.forumotion.com/f3-partner-s">Partner's</a> | <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://mydhriss-lenferdupar.forumotion.com/f13-just-for-help">Just for Help</a> </div>
</div> | | |
| | | Never-Die
{ Membre }
Messages : 17
| Merci beaucoup pour ton aide ! En effet, c'est bien mieux maintenant ! Mon problème étant résolu, vous pouvez fermé le sujet. Merci encore Liliana !! | | |
| | | Contenu sponsorisé
| | | | | Souci avec mon image réactive | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|