Forum d'aide création graphique / [Résolu] Mettre des images cote a cotre avec un lien en dessous

SaiTek · 14-11-2010 12:54:45

Bonjour,

Oui je sais ce que je demande c'est assez débutant.
Mais auparavant j'ai jamais utilisé ça.

Donc je voudrais savoir si quelqu'un pourrait me donner le code html pour mettre des images à côté avec un lien en dessous et quand on clique sur l'image ça les met vers la rubrique.

Donc je m'explique :

Alors par exemple sur ma page Wiki du cms '( phpboost ) je voudrais mettre des images côte à côte.

Alors par exemple je met le code html ( même si je ne le connais pas ! mais c'est qu'un exemple ) et les images sont à côté.

Et quand quelqu'un clique sur l'images ou sur le lien juste dessous ben ça les met vers la page que j'aurais mis .

Merci de vos réponses

Batholome11 · 17-11-2010 07:02:27

En toute logique, si tu mets tes codes images bout à bout et que tu n'insères pas ou </ht> entre chaque code, elles devraient se mettre automatiquement l'une à côté de l'autre... Et si tu souhaites que l'image devienne un lien tu dois insérer le code url à l'intérieur de ton code image :

Code:

<a href="http://www.TON LIEN ICI/"><img src="L'ADRESSE DE TON IMAGE ICI" alt="NOM EVENTUEL" /></a>

drikc · 18-11-2010 01:46:53

salut
voila un cod il mes 3 image cliquable avec ce que tu veut en dessous une phrase un lien

et gere les dimension a celle de tes image
tu verras il et simple et tre pratique wink

<table border="0" width="95%" cellpadding="2">
<tr>
<td align="center">
<img border="0" src="images/160120.gif" width="160" height="120"> 
<a href="lien">
Nom du site ici</a></td>
<td align="center">
<img border="0" src="images/160120.gif" width="160" height="120"> 
<a href="lien">
Nom du site ici</a></td>
<td align="center">
<img border="0" src="images/160120.gif" width="160" height="120"> 
<a href="lien">
Nom du site ici</a></td>
<td align="center">
<img border="0" src="images/160120.gif" width="160" height="120"> 
<a href="lien">
Nom du site ici</a></td>
<td align="center">
<img border="0" src="images/160120.gif" width="160" height="120"> 
<a href="lien">
Nom du site ici</a></td>
</tr>
</table>
</td>

si ta un soucis mp moi

@+

Batholome11 · 18-11-2010 06:38:05

Vachement intéressant ce code Drikc ! Je ne pensais pas à ça, j'avais pas trop compris la demande ! Je vais le tester !

Bien dommage qu'en xhtml le code "<marquee></marquee>" ne peut plus être utilisé, car en plus d'afficher les images, on aurait pu les faire défiler ! Enfin je pense.... (je débute aussi dans ce domaine) smile

Batholome11 · 18-11-2010 07:53:06

Ca présente bien en effet sur la page.... mais lorsqu'on valide la page sur http://validator.w3.org/ il indique pas mal d'erreurs... car apparemment ce n'est pas du xhtml strict...
Je me suis donc permis d'adapter un peu le code :

Code:

<table border="0" width="95%" cellpadding="2">
                <tr>
                    <td>
                    <img src="/image/XXX.jpg" width="100" height="100" alt="NOM"/><br/>
                    <a href="URL" onclick="window.open(this.href); return false;" title="NOM PAR DEFAUT">NOM DU LIEN</a> </td>
                    <td>
                   <img src="/image/XXX.jpg" width="100" height="100" alt="NOM"/><br/>
                    <a href="URL" onclick="window.open(this.href); return false;" title="NOM PAR DEFAUT">NOM DU LIEN</a></td>
                    <td>
                    <img src="/image/XXX.jpg" width="100" height="100" alt="NOM"/><br/>
                    <a href="URL" onclick="window.open(this.href); return false;" title="NOM PAR DEFAUT">NOM DU LIEN</a></td>
               </tr>
            </table>

Pour le kit graphique que j'utilise j'ai dû adapter la taille "width" et "height" car si les dimensions sont trop grandes ça déborde sur d'éventuels menus à droite...

Bynaris · 18-11-2010 18:34:45

Normal qu'il y ai des erreurs les convention ont changées et on ne met plus de CSS directement dans le code (soit un fichier CSS, soit le CSS au début du code).

Batholome11 · 18-11-2010 20:35:20

En tous les cas... j'ai testé le mien... et il n'affichait plus d'erreurs... wink
La preuve : http://www.paysdescollinespourtous.be/m … ies01.html

drikc · 21-11-2010 22:38:01

lol

moi aussi je débute je fais comme je peux chacun de mes sites on des codes différents c'est assez compliqué mais du moment que sa marche
et que c'est propre.

et puis tous le monde fait des erreurs c'est comme sa qu'on apprend
mais bon moi ce code me suffit.

Batholome11 · 22-11-2010 06:44:12

Tout à fait ! big_smile

Perso j'utilise ça pour vérifier les codes : http://validator.w3.org/ c'est bien pratique pour trouver les erreurs... wink

Bynaris · 22-11-2010 08:30:39

Le html est un des seul langage qui ne plante pas quand il y a des erreurs (pas des trop grosses non plus). C'est à la fois pratique quand on débute, et un problème pour qu'il soit conforme ^^

Bon j'arrête le HS.

Batholome11 · 22-11-2010 08:49:50

Tout à fait... d'ailleurs des erreurs, j'en ai toujours... le gros point noir chez moi, ce sont les liens qui ramènent à des messages sur un forum phpbb3... Il signale plein d'erreurs dans le lien malgré le fait que ça fonctionne parfaitement ! wink

Comme tu dis.... arrêtons là le HS !

#1 14-11-2010 12:54:45

[Résolu] Mettre des images cote a cotre avec un lien en dessous

#2 17-11-2010 07:02:27

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

Code:

#3 18-11-2010 01:46:53

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#4 18-11-2010 06:38:05

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#5 18-11-2010 07:53:06

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

Code:

#6 18-11-2010 18:34:45

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#7 18-11-2010 20:35:20

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#8 21-11-2010 22:38:01

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#9 22-11-2010 06:44:12

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#10 22-11-2010 08:30:39

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

#11 22-11-2010 08:49:50

Re: [Résolu] Mettre des images cote a cotre avec un lien en dessous

Pied de page des forums