28202 sujets

CSS et mise en forme, CSS3

Alignement image et textarea

Bonjour à tous,
j'ai acheté le livre CSS 2.0 qui est très bien, mais alors de la théorie à la pratique, je crois qu'un passage par le forum s'impose.

J'aimerais faire un truc qui me semble tout bête, aligner une image et un textarea en mettant le textearea à droite de l'image. Je n'y arrive pas.
Pas de soucis avec des paragraphes. Je n'arrive pas à trouver le bon code CSS pour cette mise en forme.


Merci pour votre aide.


<body>
<p>mon site web </em> </p>
	<p class="index"><img src="images/site/10.jpg" alt="ma photo" name="moi" width="359" height="540" /></p>
	<textarea name="textarea" cols="70" rows="10"> ma zone de texte que je voudrais positionner à droite de l'image!!!!! </textarea>

</body>


début de CSS

.index {
	float: left;
	}
bonjour a toi
tout d'abord bon choix pour le bouquin ^^ je pense que pas mal de gens on ce livre sur leur table de chevet ( nan nan pas de sous entendu il est vraiment bien !)
concernant ton problème je pense qu'il n'y a même pas besoin de css pour faire cette mise en forme, sauf a la rigueur pour l'espace entre ton image et ton champ texte


<p><img src="images/site/10.jpg" alt="ma photo" name="moi" width="359" height="540" />
<textarea name="textarea" cols="70" rows="10"> ma zone de texte que je voudrais positionner à droite de l'image!!!!! </textarea></p>
Waouh!!! Rapide!

en tout cas merci, Bon je crois que je ne suis pas encore familier avec la logique du HTML/mise en forme
Effectivement, tout mettre dans un seul paragraphe, ça marche.

Par contre le soucis, c'est que c'est moche comme tout, le bas de la textarea est aligné sur le bas de mon image.

comment je pourrais centrer et décaler. Là je vais avoir besoin des CSS? Et de 2 paragraphes différents ou autre conteneur??

Merci,
Smiley cligne
nan pas besoin normalement
HTML :

<p><img src="images/site/10.jpg" alt="ma photo" name="moi" width="359" height="540" class="positionImage" />
<textarea name="textarea" cols="70" rows="10"> ma zone de texte que je voudrais positionner à droite de l'image!!!!! </textarea></p>


CSS : 

.positionImage{
vertical-align: middle; /* pour aligner verticalement ton image par rapport au bloc */
margin-right: 10px; /* pour mettre l'espace que tu veux entre ton image et ton champ texte */
}
Salut,

juste pour dire que pour aligner correctement le textarea il faudrait également lui appliquer la class="positionImage"

A+ Smiley smile
ok, merci.

juste une question pour ma culture, pkoi l'image et le textearea doivent être placés dans le même paragraphe? Pourquoi ça ne marche pas si je vire <p> et </p>? Ou si je mets ça dans 2 paragraphes séparés?

A+
Sujet clos
Aller à