28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je ne parviens pas a caler le texte de manière à ce qu'il ne mange pas sur le background.

http://essai.web2aconcept.fr/
si j'augmente le padding, la taille du paragraphe augmente aussi et le pb persiste.
Est-ce que la seule solution consiste à mettre un autre paragraphe dans le paragraphe ou bien manque-t-il quelque chose dans la feuille?

merci d'avance

le html:
<!--div contenant tous les produits --> 
<div id="produits">

<p id="lettres">reviens léon, j'ai les

mêmes à la maison</p>

<p id="teeshirts">reviens léon, j'ai les

mêmes à la maison</p>

<p id="stores">reviens léon, j'ai les

mêmes à la maison</div>


la css


#produits{ width:auto; margin-left:0; padding-top:10px;}

#lettres,#teeshirts,#stores{ width:200px; margin-right:15px; height:233px; display:inline; float:left; text-align:center; vertical-align:bottom; overflow:auto; padding:180px 7px  2px 7px;   }
/* top right bott left */
#lettres{ background:url(img/lettres.jpg) center top no-repeat;}
#teeshirts{background:url(img/teeshirts.jpg) center top no-repeat;}
#stores{background:url(img/stores.jpg) center top no-repeat;}

Modifié par Felipe (05 Mar 2011 - 22:45)
Bonjour,

Ton problème vient du fait que essaies de positionner le texte par rapport à la bordure représentée sur les images "lettres","teeshirts", ...

Tu devrais essayer ceci :
1- remplacer les balises p par des div (< div id="lettres">, etc.),
2- placer le texte (reviens léon, j'ai les mêmes à la maison) dans des p dont la largeur serait fonction de la largeur des divs et du cadre représenté dans l'image.

Cordialement,
Lddsoft

P.S.: tu devrais éditer ton post car le lien vers ton site n'est pas bon (je l'ai vu dans le code-source de cette page-ci)
Bien vu, j'avais essayé de mettre une balise <span> dans le paragraphe mais ça ne marchait pas...
pour le lien, c'est sûrement le forum qui ne veut pas d'url de sous-domaine car l'adresse est bonne

merci pour le coup de main
Ravi d'avoir pu t'aider !

Curieux : le lien vers ton site (page essai...) fonctionne maintenant ??!!
Modifié par lddsoft (06 Mar 2011 - 10:03)