[RESOLU] Alignement photo et texte dans un div

bonjour,

je suis en train de réaliser la mise en forme d'un site pour mon associé et moi. j'ai pas mal utilisé les tuto d'alasacreations, mais j'ai un petit problème.

je veux aligner une photo et un texte pour faire un sorte de carte de visite mais je n'y arrive pas.

la photo et le texte sont des ul et ces 2 ul se trouvent dans un div.

voici le lien de la page:
http://dsigns.free.fr/creasitecss/dsignscss/contact.htm

et celui du code css:
http://dsigns.free.fr/creasitecss/dsignscss/styles.css

s'il vous plait, aidez moi...

merci d'avance.
Modifié par CyN (09 Jun 2006 - 11:27)

Bonjour, je ne suis pas un expert, mais pourquoi avoir inséré la photo dans un <ul>. Pour ma part j'utiliserai le technique du float (float: left) pour la photo.

Bonjour,

Je comprends pas pourquoi tu mets ces deux éléments (photo et mini bio) dans une liste, car ce n'en est à priori pas une... Un "float: left" attribué à ton image devrait permettre d'avoir les deux à la même hauteur.

ok sympa

mais ça me colle l'image sur le bord de mon cadre...

j'arrive toujours pas a aligner mon texte horizontalement...

c'est bon j'ai trouvé un autre moyen pour y arriver

merci quand même

oui il me semble que les float right et left aurait suffit

M'enfin si tu as trouvé

Quoi quoi, quesce que j'ai vu ??? Des tableaux
On va faire ça tout en CSS, allez cest parti.
TU commences par inserer ton image <img>....
ENsuite ta liste, <ul> <li>.
Voilà pour le xhtml, c'etait pas trop dur en effet.

POur le CSS, tu donnes a ton image la propriété float:left comme l'a dit mika, et pour ta liste tu ne touches rien de particulier.

Essaye, laisse en ligne meme si ça "merdouille", et on te dira ce qui va pas.

A+

edit: ??? alors que tu passes par des tableaux, moi j'appellerai ça solution de facilité. Tu n'avais qu'à rajouter de la marge a ton image (du genre margin:10px; et cetait bon). Menfin c'est toi qui voit.
Modifié par broadcastor (09 Jun 2006 - 12:10)