View original (French)

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

Solved
mickapro84 Posted messages 6 Status Membre -  
mickapro84 Posted messages 6 Status Membre -
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 réponses

Réponse 1 / 3
mickapro84 Posted messages 6 Status Membre
 
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
nichola Posted messages 113 Status Membre 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