Lien image sur une autre image

Narmesa -  
RAD ZONE Messages postés 5362 Statut Contributeur -
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 Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

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

    0
  2. 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 !
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      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)
      0
  3. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    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>
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      salut poussin,

      ba alors ?!
      tu conseilles du tableau, toi ?

      (ô_O)'
      0
      1. RAD ZONE Messages postés 5362 Statut Contributeur 1 360 > Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention  
         
        SALUT
        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
        0

Discussions similaires

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

10 réponses
Copier un lien instagram
alaurore -
LEFEUVRE -

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

2 réponses