Inserer un espace entre Mon Texte et ma Photo d'article

Bonjour,

J'ai un leger souci, lorsque j'ecris un titre d'article trop long pour un produit, son image masque la fin du texte.

Vous pouvez le voir sur lien, regarder le blutooth sony :

http://www.placedumobile.com/category.php?id_category=297

Donc, j'aimerais un code CSS, pour indiquer un ou deux saut de ligne entre le texte et ma photo, j'ai essayer avec des <br>, mais rien ne se passe.

Voici le code source CSS :

a.product_link {font:bold 12px "Arial";color:#ff5a00;text-decoration:none;text-transform:uppercase;}
a.product_link:hover {color:#51453e;}

Pouvez-vous me donner une solution ?

Merci de votre aide

Salut,

Le problème ne vient pas de la balise <a> mais du <h3> juste au-dessus. Il faut que tu supprimes le height sur la balise <h3> et ensuite que tu ajustes le tout avec le padding-bottom, toujours sur ton <h3>.

Bonjour,

Merci pour ta reponse, mais il y a aucun H3 <a> et <h3> dans mon fichier source Global.css

Comme je l'ai dis, la seul partie que je trouve pour mon titre et inserer un espace, c'est dans ce code :

a.product_link {font:bold 12px "Arial";color:#ff5a00;text-decoration:none;text-transform:uppercase;}
a.product_link:hover {color:#51453e;}

D'après Firebug, c'est à la ligne 713 du fichier global.css :

ul#product_list li h3 {
    height: 30px;
    padding: 28px 85px 5px 25px;
}

Ah ok !! Oui !! je la vois,

Donc je dois enlever le height et mettre le padding-bottom, d'accord ,

mais comment faire ?

Je dois faire comme sa ? :


ul#product_list li h3 {

padding-bottom : 30px;

padding: 28px 85px 5px 25px;

}

bah non le deuxième padding annule le 1er (cascading style)

mettre :

ul#product_list li h3 {
padding: 28px 85px [#red]30px[/#] 25px;
}

EDIT: Les raccourcis CSS marchent ainsi: top / right / bottom / left
Modifié par jmlapam (07 Nov 2011 - 21:35)

Merci jmlapam de ton aide,

Donc si j'inscris ton code, comme tu l'indique.

Cela mettra un espace entre mon texte et ma photo de produit ?

A toi de me le dire mais normalement oui.

Yes !!!!

Tes trop la mon petit jmlapam !!

Sa fonctionne, merci