View original (French)

Html place 2 images côte à côte avec lien

Solved
mickapro84 Posted messages 6 Status Member -  
mickapro84 Posted messages 6 Status Member -
Hello,

I can't get 2 images side by side with a link.

The images:


and


Both images form a circle when placed side by side, and if you click to the right or left, it should change the page (in theory).

However, when I put them side by side, both links act as one, as if it were a single image...

<p>
<a href="resultat.php"><img src="boutonlive.png" /></a>
<a href="utilisateur.php"><img src="boutonpilote.png" /></a>
</p>

p {position:relative; width:180px; padding-right:780px; text-align:right;}
p img {position:absolute; right:0;}

Thank you in advance.

3 answers

  1.
    mickapro84 Posted messages 6 Status Member
     
    THANK YOU, but it's still not working... :(

    Here's what it looks like:


    The links work but the images are not on the same line...

    I don't have any CSS style... Is there a CSS function that can solve this?
    0
    1. nichola Posted messages 113 Status Member 11
       
      There are several reasons why it might not work:

      - Either the images are not well cut (too wide with transparency)
      - Or the container is too small and thus makes the image shift to the bottom right
      - Or you have a style that causes "interference," but it's hard to say without seeing

      To help you, try adding borders to the elements to see better, for example: 

      <div style="border:1px solid red;"> <a href="resultat.php" style="float:left;border:1px solid black;""><img src="boutonlive.png" /></a> <a href="utilisateur.php" style="float:left;border:1px solid green;""><img src="boutonpilote.png" /></a> </div>


      Simply doing this kind of thing might help you see what the issue is.
      0