28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Aligner verticalement texte/image/texte/image/texte

Salut,

je voudrais aligner du texte et des images collés côte à côte mais le problème est que l'image est plus haute que le texte.

Comment faire pour "faire descendre" les images ?

j'ai essayé vertical-align mais ca n'a pas marché (à moins que je l'ai mal utilisé...)

Merci de votre aide !
Modifié par telecofr (05 Feb 2007 - 16:27)
Bonjour,

Pour du texte sur une ligne : vertical-align

<style type="text/css">

*{margin:0; padding:0}

.conteneur{
width: 250px;
border: 1px solid #968d00;
}

p{
display: inline;
}

img{
width: 157px;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="conteneur">
<img src="image.jpg"   />
<p>Texte 1 ligne</p>
</div>
Modérateur
bonsoir , ou tout simplement avec un simple vertical-align:middle sur la balise image . Smiley smile 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML 4.01 </title>
<style type='text/css'>
img {vertical-align:middle;margin:0 0.2em;}
p {background:#9EB5AF;text-align:center;border:3px solid #597E76}
</style>
</head><body>
<p>une image la:
<img src="http://forum.alsacreations.com/skins/masterbook/bbtitle.jpg" alt="forum d'entraide dédié aux standards" >
centrée verticalement.</p>
</body></html>


++
Modifié par gcyrillus (07 Dec 2006 - 01:38)
Sujet clos
Aller à