Salut,

Voilà le problème : http://i.imgur.com/Jo6lZGM.png
Vous l'aurez compris, c'est le border autour de "Lire la suite" qui fout la merde. Comment faire pour ne cibler que cette partie et pas la ligne entière ? C'est un problème récurrent pour moi en tant que noob dans le html/css

Voici la ligne de code.

Html :
<img src="http://XXXXXX.com/wp-content/uploads/2013/02/
1289695696525.png"
alt="1289695696525" width="321" height="177" class="alignleft wp-image-1475" /></a>
<div style="margin-top: -15px; font-size: 25px; font-family: PT Sans', sans-serif;">Le premier mail</div>
<br></br>
<div style="margin-top: -25px;">C’est là que 80% du travail se joue. A partir du moment où la nana a accepté votre charme, elle attend, fusil à l’épaule, votre premier mail et vous jugera sans vergogne. Le but étant d’être original et pertinent, on évitera les mails bidons du genre...</div>
<br></br>
<div class="lirelasuite"><p align="right">Lire la suite</p></div>

<hr style="height:0.2em;">

CSS :

.lirelasuite {
border: 2px solid black
}

Comment faire pour encadrer seulement le "Lire la suite" ?

Merci beaucoup pour votre aide.

<div class="right"><span class="lirelasuite">Lire la suite</span></div>

.lirelasuite {
border: 2px solid black;
}

.right {
text-align:right;
}

Super ça marche, merci

J'aimerais bien mettre une bordure à l'image aussi...

J'ai essayé comme ça :

Html :
<span class="thumbnailarticles"><img src="http://XXXXXX.com/wp-content/uploads/2013/02/

1289695696525.png"
alt="1289695696525" width="321" height="177" class="alignleft wp-image-1475" /></a></span>

.thumbnailarticles {
border: 2px solid black;
}

Mais ça fonctionne pas, c'est quoi le bon code ?

.thumbnailarticles img {
border: 2px solid black;
}

ça marche comme ça ?

et dans ton span, il y a une balise "</a>" qui n'a rien a faire la

Yes ça marche, merci. Faut juste rajouter "img" quand c'est pour border une image en fait ?

non, le img ajouté est juste pour selectionné l'image

.thumbnailarticles img

si tu met juste .thumbnailarticles, c'est le span qui est sélectionné par ton CSS
.thumbnailarticles img, l'IMG dans le conteneur de classe thumbnailarticles

et que tu ajoute img, c'est les balises img qui sont contenu dans le spam peut importe leur classe ou ID

Merci !

Un dernier truc qui m'embête.

Quand je passe la souris sur "Lire la suite", il y a un underline : http://i.imgur.com/ND2viuA.png

J'ai donc essayé ce code là :

HTML :

<a href="http://XXXXX.com/articles/le-premier-mail/" title="XXXXXXX"><div class="right"><span class="lirelasuite">Lire la suite</span></div></a>

CSS :

.lirelasuite a:hover {
text-decoration: none;
}

Mais ça marche pas. Est-ce que c'est parce que les tag span sont spéciaux ? Je dois faire quoi pour virer l'underline du coup ?

.lirelasuite a:lik, a:visited, a:hover {
text-decoration: none;
}

.lirelasuite a:link, a:visited, a:hover {
text-decoration: none;
}

, oublié le "n" à "link", et je pensais que tu voulais le retirer dans tout ses états...

Peut-être un border, dans le doute met : border:none; sur ton lien.