Probleme avec image en html
kozos
-
kozos -
kozos -
Bonjour,
j'aimerais mettre du texte entre 2 image mais le problème est que lorsque je veux en mettre le texte se bien entre les images mais a la dernières je le fais en html.
Lorsque je suis sur Ie les images sont encadrer par du violet en dirais 1 problème avec l'arrondissement des contours.
comment changer ça ?
Merci d'avance.
j'aimerais mettre du texte entre 2 image mais le problème est que lorsque je veux en mettre le texte se bien entre les images mais a la dernières je le fais en html.
Lorsque je suis sur Ie les images sont encadrer par du violet en dirais 1 problème avec l'arrondissement des contours.
comment changer ça ?
Merci d'avance.
3 réponses
-
La bordure violette autour de l'image doit être du au faite que celle-ci contient un lien hypertexte. Pour supprimer cette bordure, il faut utiliser une class css dans une fichier de style :
img{ border:none; }
et sur un simple lien :a{ text-decoration:none; }
Ceci dit, je suis daccord avec @Hichtar sur la compréhension de votre question! -
Je n'ai rien comprit a ta premiere phrase. Quant aux autres problemes, peux tu nous donner un peu de ton code? On ne peut pas repondre a l'aveugle...
cependant saches que IE et FF ont beaucoup de differences en ce qui concerne la gestion et la compatibilite du code, d'ou les differences de rendu -
Merci ils ont disparu mais maintenant es 2 images sont plus sur la même ligne l'image 2 est une ligne en dessous de l'image 1.
Et le texte veut plus se mettre entre les 2 images.
<div id="divPostits">
<table>
<tr>
<td><div id="divPostit1" class="divPostits petitTitre">
<br> <a href="../Version 2/test.html"><img src="../image/Web1.jpg" alt="image" class="image" /></a>TEXTE <br />
TEXTE
</td>
</div>
<td>
<div id="divPostit2" class="divPostits petitTitre">
<br> <a href="../Version 2/test2.html"><img src="../image/Web2.jpg" alt="image" class="image" /></a> <br />
</div>
TEXTE
</td>
</div>
</table>
.image
{
width: 300px;
height: 200px;
position: relative;
float: right;
vertical-align: bottom;
border: none;
}