Forum Clubic

Probleme de placement d'image

Bonjour

J’ai une petite question pour les pro du html et du css ^^.
J’ai le corps de ma page qui doit etre large d’environ 800.
Je veux mettre 2 photo de 250px l’une a coté de l’autre et faire en sorte que chacune des deux soient clicables pour cela j’utilise le code

Code : HTML

osef Mon texte

Code:CSS
img
{
border: none;
}
.potes
{
float: left;
}

Cependant, vous avez remarqué qu’il doit rester environ 300px sur le coté droit. Dans cet emplacement j’ai envi d’écrire une petite remarque ou un petit texte cependant j’arrive pas a le coder correctement.
En effet, quand je rajoute du texte entre le et le

il se place en bas a droite de mes images au lieu de se placer en haut a droite.
J’ai aussi essayé avec float: left et alors la tout se place a peu pres bien sauf qu’elles ne sont plus considérées comme dans le corps car j’ai mis un border autours et elles en dépasse

Merci a ceux qui pourront m’aider

il te faut ajouter 2 parametres
ça devrait fonctionné


<p>
<a href="lien"><img src="emplacement" class="img potes" alt="osef"></a>
Mon texte
</p>

Code:CSS
.img
{
border: none;
padding:2px;
margin:2px; // evite que le texte soit coller a l'image
} 
.potes
{
float: left;
}

voila resolu si c’est bon :wink:
Edité le 14/07/2007 à 09:48

Nan ca marche toujours pas, les images ne sont toujours pas dans le cadre de mon corps :o(

valign=“top” peu etre pour le texte? dans une table
je comprends pas ça “elles ne sont plus considérées comme dans le corps” sinon donne un lien vers ta page si elle est en ligne c’est plus simple

Nan, ma page n’est pas encore en ligne désolé.
quand je dis “elles ne sont plus considérées comme dans le corps” c’est parce que j’ai mis une border: 2px solid black a mon corps et cette bordure ne va pas en bas des photo elle ne les prends pas en compte, elle s’aligne sur le texte:sweet:

je sais pas désolé sinon poste le code entier de ta page en idiquant la partie que tu pense posé problème

Quand j’utilise le code que tu as posté, ça marche chez moi.

XHTML :


<p><a href="#"><img src="#" /></a></p>
<p><a href="#"><img src="#" /></a></p>
<p>Ton texte</p>

CSS :


p
{
float: left;
margin-right: 5px;
}

p img
{
border: none;
width: 250px;
}