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 !
A voir également:

3 réponses

Réponse 1 / 3
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

le lien-image, c'est une image dans un lien : 
<a href="#"><img src="file.ext" /></a>
0
Réponse 2 / 3
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
Dalida Messages postés 7114 Statut Contributeur 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
Réponse 3 / 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
Dalida Messages postés 7114 Statut Contributeur 923
 
salut poussin,

ba alors ?!
tu conseilles du tableau, toi ?

(ô_O)'
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360 > Dalida Messages postés 7114 Statut Contributeur
 
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

Copier un lien instagram
alaurore -
LEFEUVRE -

7 réponses
PIX
plart -
jordane45 -

1 réponse
Retrouver l'image originale après avoir fait des modifications ?
Raven -
Asta972155 -

10 réponses
Dechiffrer une image caché
JACQUE -
Otomec -

1 réponse
Original photo
aide -
viagers -

1 réponse