Lien image sur une autre image

Narmesa -  
Bonjour,

Voilà, j'aimerais mettre sur mon site, un bandeau tout simple et y incruster un lien-image dedans qui servirait un peu d'aperçu un peu comme sur ce site : http://www.lespubs.com/liste.php?order=moyenne_votes

Voilà donc si quelqu'un peut m'aider ca serait gentil ;)

A bientôt et merci d'avance !
Configuration: Windows Vista
Internet Explorer 7.0

3 réponses

  1.  Dalida Contributeur
    salut,

    le lien-image, c'est une image dans un lien : 
    <a href="#"><img src="file.ext" /></a>

    1. Narmesa
      Oui ca je sais mais il j'aimerais quelque chose come sur le site tu es aller voir ? Exactement pareil ! le bandeau jaune et le lien image dedans !
      1. Dalida Contributeur
        roooooooolala !

        t'es difficile quand même !
        -:oþ

        si tu prends une taille fixe, avec cinq balises tu obtiens presque exactement la même chose. 
        <p id="demo"><a href="http://www.grainedekeupon.fr"><img src="ressources/lien_image.jpg" alt="La photo de Gryzzly&hellip;" width="81" height="120" /></a>Tralala pou&egrave;te pou&egrave;te et bien plus encore ! <span>ça me rappelle quelqu'un c'te photo&hellip; <span>votes: 81 - note: 3.00/10 - clics/m: 195 - ref: 1341</span></span></p>

        bon, évidement, faut le mettre en page… 
        p#demo
{
font-weight:bold;
font-size:1em;
padding:40px 10px 10px 160px;
position:relative;
width:350px;
height:110px;
background-image:url(ressources/lien_image_bckgnd.png);
background-position:0 0;
background-repeat:no-repeat;
}
p#demo span
{
display:block;
font-weight:normal;
margin-top:20px;
}
p#demo span span
{
font-size:.88em;
margin-top:0;
display:block;
position:absolute;
bottom:20px;
right:20px;
}
p#demo a
{
position:absolute;
top:20px;
left:20px;
}
p#demo a img
{
border-style:none;
}

        voili, voila…
        -;o)
    2. RAD ZONE Contributeur
      SALUT

      Maos c est exactement ca !!

      voila le code de la table ( reindente )de la page que tu as donne !
      <table BORDER=0 CELLPADDING=0 CELLSPACING=0>  
      <tr>    <td>
          <img SRC='deco/bandeauvignette_01.jpg' WIDTH=16 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_02.jpg' WIDTH=495 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_03.jpg' WIDTH=18 HEIGHT=13></td>  
      </tr>  
      <tr>    
        <td colspan=3>
          <table border=0 background='deco/bandeauvignette_04.jpg' width=529 height='141'>  
            <tr>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td align=center rowspan=2>       
                <a HREF='pub.php?numero=1341'>
                  <img SRC='stock/200710/20071004151511Photo.jpg' border='0' width='160' height='120'></a>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td valign=center>
                <font class=texte><b>Volkswagen</b>
                  <br>
                  <br>
                  <div align=justify>The power of understatement
                  </div>
                </font>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>  
            </tr>  
            <tr>
              <td align=right>
                <font style='font-size:11px'>votes: 1 - note: 10.00/10 - clics/m: 194
                  <!--/1244--> - ref: 1341
                </font></td>
            </tr>
          </table>    </td>  
      </tr>  
      <tr>    <td>      
          <img SRC='deco/bandeauvignette_05.jpg' WIDTH=16 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_06.jpg' WIDTH=495 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_07.jpg' WIDTH=18 HEIGHT=10></td>  
      </tr>
    </table>
    <br>
    <br>
    <table BORDER=0 CELLPADDING=0 CELLSPACING=0>  
      <tr>    <td>
          <img SRC='deco/bandeauvignette_01.jpg' WIDTH=16 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_02.jpg' WIDTH=495 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_03.jpg' WIDTH=18 HEIGHT=13></td>  
      </tr>  
      <tr>    
        <td colspan=3>
          <table border=0 background='deco/bandeauvignette_04.jpg' width=529 height='141'>  
            <tr>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td align=center rowspan=2>       
                <a HREF='pub.php?numero=1208'>
                  <img SRC='stock/200612/20061211033729Photo.jpg' border='0' width='160' height='120'></a>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td valign=center>
                <font class=texte><b>Canal J</b>
                  <br>
                  <br>
                  <div align=justify>Un copain en plus
                  </div>
                </font>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>  
            </tr>  
            <tr>
              <td align=right>
                <font style='font-size:11px'>votes: 83 - note: 9.50/10 - clics/m: 155
                  <!--/12089--> - ref: 1208
                </font></td>
            </tr>
          </table>    </td>  
      </tr>  
      <tr>    <td>      
          <img SRC='deco/bandeauvignette_05.jpg' WIDTH=16 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_06.jpg' WIDTH=495 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_07.jpg' WIDTH=18 HEIGHT=10></td>  
      </tr>
    </table>
    <br>
    <br>
    <table BORDER=0 CELLPADDING=0 CELLSPACING=0>  
      <tr>    <td>
          <img SRC='deco/bandeauvignette_01.jpg' WIDTH=16 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_02.jpg' WIDTH=495 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_03.jpg' WIDTH=18 HEIGHT=13></td>  
      </tr>  
      <tr>    
        <td colspan=3>
          <table border=0 background='deco/bandeauvignette_04.jpg' width=529 height='141'>  
            <tr>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td align=center rowspan=2>       
                <a HREF='pub.php?numero=1270'>
                  <img SRC='stock/200703/20070305081443Photo.jpg' border='0' width='160' height='120'></a>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td valign=center>
                <font class=texte><b>Premiere</b>
                  <br>
                  <br>
                  <div align=justify>Le bruiteur de graviers
                  </div>
                </font>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>  
            </tr>  
            <tr>
              <td align=right>
                <font style='font-size:11px'>votes: 30 - note: 9.44/10 - clics/m: 25
                  <!--/2276--> - ref: 1270
                </font></td>
            </tr>
          </table>    </td>  
      </tr>  
      <tr>    <td>      
          <img SRC='deco/bandeauvignette_05.jpg' WIDTH=16 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_06.jpg' WIDTH=495 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_07.jpg' WIDTH=18 HEIGHT=10></td>  
      </tr>
    </table>
    <br>
    <br>
    <table BORDER=0 CELLPADDING=0 CELLSPACING=0>  
      <tr>    <td>
          <img SRC='deco/bandeauvignette_01.jpg' WIDTH=16 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_02.jpg' WIDTH=495 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_03.jpg' WIDTH=18 HEIGHT=13></td>  
      </tr>  
      <tr>    
        <td colspan=3>
          <table border=0 background='deco/bandeauvignette_04.jpg' width=529 height='141'>  
            <tr>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td align=center rowspan=2>       
                <a HREF='pub.php?numero=976'>
                  <img SRC='photos2/10952.jpg' border='0' width='160' height='120'></a>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td valign=center>
                <font class=texte><b>Ikea</b>
                  <br>
                  <br>
                  <div align=justify>Perdu ?
                  </div>
                </font>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>  
            </tr>  
            <tr>
              <td align=right>
                <font style='font-size:11px'>votes: 354 - note: 9.24/10 - clics/m: 40
                  <!--/9523--> - ref: 976
                </font></td>
            </tr>
          </table>    </td>  
      </tr>  
      <tr>    <td>      
          <img SRC='deco/bandeauvignette_05.jpg' WIDTH=16 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_06.jpg' WIDTH=495 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_07.jpg' WIDTH=18 HEIGHT=10></td>  
      </tr>
    </table>
    <br>
    <br>
    <table BORDER=0 CELLPADDING=0 CELLSPACING=0>  
      <tr>    <td>
          <img SRC='deco/bandeauvignette_01.jpg' WIDTH=16 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_02.jpg' WIDTH=495 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_03.jpg' WIDTH=18 HEIGHT=13></td>  
      </tr>  
      <tr>    
        <td colspan=3>
          <table border=0 background='deco/bandeauvignette_04.jpg' width=529 height='141'>  
            <tr>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td align=center rowspan=2>       
                <a HREF='pub.php?numero=1332'>
                  <img SRC='stock/200709/20070924163232Photo.jpg' border='0' width='160' height='120'></a>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td valign=center>
                <font class=texte><b>Manix</b>
                  <br>
                  <br>
                  <div align=justify>La fin du monde
                  </div>
                </font>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>  
            </tr>  
            <tr>
              <td align=right>
                <font style='font-size:11px'>votes: 6 - note: 9.15/10 - clics/m: 25
                  <!--/976--> - ref: 1332
                </font></td>
            </tr>
          </table>    </td>  
      </tr>  
      <tr>    <td>      
          <img SRC='deco/bandeauvignette_05.jpg' WIDTH=16 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_06.jpg' WIDTH=495 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_07.jpg' WIDTH=18 HEIGHT=10></td>  
      </tr>
    </table>
    <br>
    <br>
    <table BORDER=0 CELLPADDING=0 CELLSPACING=0>  
      <tr>    <td>
          <img SRC='deco/bandeauvignette_01.jpg' WIDTH=16 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_02.jpg' WIDTH=495 HEIGHT=13></td>    <td>
          <img SRC='deco/bandeauvignette_03.jpg' WIDTH=18 HEIGHT=13></td>  
      </tr>  
      <tr>    
        <td colspan=3>
          <table border=0 background='deco/bandeauvignette_04.jpg' width=529 height='141'>  
            <tr>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td align=center rowspan=2>       
                <a HREF='pub.php?numero=1271'>
                  <img SRC='stock/200703/20070305081501Photo.jpg' border='0' width='160' height='120'></a>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>    
              <td valign=center>
                <font class=texte><b>Premiere</b>
                  <br>
                  <br>
                  <div align=justify>L'hydro précipitologue
                  </div>
                </font>    </td>    
              <td width=14 rowspan=2>&nbsp;</td>  
            </tr>  
            <tr>
              <td align=right>
                <font style='font-size:11px'>votes: 12 - note: 9.06/10 - clics/m: 18
                  <!--/4773--> - ref: 1271
                </font></td>
            </tr>
          </table>    </td>  
      </tr>  
      <tr>    <td>      
          <img SRC='deco/bandeauvignette_05.jpg' WIDTH=16 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_06.jpg' WIDTH=495 HEIGHT=10></td>    <td>      
          <img SRC='deco/bandeauvignette_07.jpg' WIDTH=18 HEIGHT=10></td>  
      </tr>
    </table>
      1.  Dalida Contributeur
        salut poussin,

        ba alors ?!
        tu conseilles du tableau, toi ?

        (ô_O)'
      2. RAD ZONE Contributeur
        @DalidaSALUT
        Dalida

        ba alors ?!
        tu conseilles du tableau, toi ?

        loooooooooool non :-))

        c est le code de la page qu il as donne !

        pas un conseil ;-))

        RAD

    Discussions similaires

    Retrouver l'image originale d'une photo modifiée
    Raven

    10 réponses
    Copier un lien instagram
    alaurore

    7 réponses
    Retrouver liens copiés sur le téléphone
    SAMA

    2 réponses