Scorpio Posté(e) le 27 octobre 2008 Posté(e) le 27 octobre 2008 Bonjour Je souhaiterais avoir de l'aide donc voila je voudrais mettre sur ma page une image avec un lien a gauche a droite donc j'emploie le code si dessous <div style="float:left;"><a href="lien du site/" TARGET="_blank" ><img src="images 1.gif" width="129" height="99" align="left"></a></div> <div style="float:right;"><a href="lien du site/" TARGET="_blank" ><img src="images 2.gif" width="129" height="99" align="left"></a></div> ma question est comment mettre une troisième au centre ??? merci d'avance de bien vouloir m'aider
Ryu Posté(e) le 27 octobre 2008 Posté(e) le 27 octobre 2008 Hello, Je vois 2 méthodes pour y arriver. La première en partant d'une position absolue, donc tu donne l'attribut absolute à chaque div en détaillant la position par rapport au top et à un coté, la largeur et la hauteur du bloc. La deuxième en partant sur une position relative, et donc là tu fait 3 boites flottantes (dans le même sens) et tu leur donne un pourcentage de largeur. Exemple méthode 1 Exemple méthode 2 En espérant que ca t'aidera
theocrite Posté(e) le 27 octobre 2008 Posté(e) le 27 octobre 2008 Au passage, il faut préciser l'atribut "alt" des balises img, pour avoir un site valide. Aussi le target, outre le fait que ce soit invalide, est perçut comme beaucoup d'internautes comme une nuisance et une ingérence dans leur gestion des onglets/fenêtres.
Ryu Posté(e) le 27 octobre 2008 Posté(e) le 27 octobre 2008 De plus, pour avoir quelque chose de propre et bien structuré, l'idéal serait l'utilisation d'une feuille de style (CSS).
Scorpio Posté(e) le 27 octobre 2008 Auteur Posté(e) le 27 octobre 2008 merci de vos réponse est ce que ceci serai bon <html> <head> <title>Ma page</title> <!----------------- feuille de style -----------------> <style type="text/css"> .centrer {text-align:center;} .gauche {float:left;} .droite {float:right;} .image {border:0; width:129px; height:99px;} </style> </head> <body> <div class="centrer"> <!----------------- bloc de gauche -----------------> <span class="gauche"> <a href="lien du site/" target="_blank"><img class="image" src="image1.gif"></a> </span> <!----------------- bloc de droite -----------------> <span class="droite"> <a href="lien du site/" target="_blank"><img class="image" src="image2.gif"></a> </span> <!----------------- partie centrale -----------------> <a href="lien du site/" target="_blank"><img class="image" src="image3.gif"></a> </div> </body> </html>
Ryu Posté(e) le 27 octobre 2008 Posté(e) le 27 octobre 2008 A première vue je dirais non... C'était des blocs (div) que tu voulais non ? alors que là ce sont des span... De plus tu as remis un float left et un float right... Tu as regardé les liens que j'ai mis ? Dans les exemples, tu as dans chaque "case" ( qui sont des div) le code CSS qui leur correspond
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.