Html poner 2 imágenes una al lado de la otra + enlace
Resuelto
mickapro84
Mensajes publicados
6
Estado
Miembro
-
mickapro84 Mensajes publicados 6 Estado Miembro -
mickapro84 Mensajes publicados 6 Estado Miembro -
Hola,
No puedo poner 2 imágenes una al lado de la otra con un enlace.
Las imágenes:
y
Las 2 imágenes forman un círculo una vez juntas, y si clicamos a la derecha o a la izquierda cambiamos de página (en teoría).
Excepto que cuando las coloco una al lado de la otra, los 2 enlaces hacen pulque 1, como si fuera una sola imagen...
<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;}
gracias de antemano
No puedo poner 2 imágenes una al lado de la otra con un enlace.
Las imágenes:
y
Las 2 imágenes forman un círculo una vez juntas, y si clicamos a la derecha o a la izquierda cambiamos de página (en teoría).
Excepto que cuando las coloco una al lado de la otra, los 2 enlaces hacen pulque 1, como si fuera una sola imagen...
<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;}
gracias de antemano
3 respuestas
-
GRACIAS, pero no funciona todavía ... :(
Esto es lo que sucede:
Los enlaces funcionan pero las imágenes no están en la misma línea...
No tengo estilo CSS... ¿Hay alguna función CSS que pueda resolver esto?-
Hay varias razones por las que esto puede no funcionar:
- O bien las imágenes no están bien recortadas (demasiado grandes con zonas transparentes)
- O bien el contenedor es demasiado pequeño y por eso desplaza la imagen hacia la derecha o abajo
- O bien tienes un estilo que hace "interferencia", pero es difícil decirlo sin ver
Para ayudarte, intenta añadir bordes a los elementos para ver mejor, por ejemplo:
<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>
El simple hecho de hacer este tipo de cosas puede quizás ayudarte a ver qué está mal.
-
