Discussion :

[lolymeupy]

Bonjour,
Je voudrais savoir s'il est possible (et si oui, comment) faire un href sur deux lignes.
Pour être + clair voici un extrait de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="#" class="vertical">Rennes (10km alentour)</a>

et je voudrais que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Rennes

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(10km alentour)

soit sur deux lignes, tout en étant le même lien bien sur...
Merci d'avance

[lolymeupy]

Bon je crois que je suis un peu
Il suffit de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" class="vertical">Rennes</br>(10km alentour)</a>

Mais si quelqu'un connait une autre possibilité, n'hésitez pas (parce avec cette méthode ça me fout un peu dedans
pour la mise en page : les deux lignes se superposent en partie )

[mimagyc]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<a href="#" class="vertical">
<p>Rennes</p>
<p>(10km alentour)</p>
</a>

?

[Erwan31]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<a href="#" class="vertical">
<p>Rennes</p>
<p>(10km alentour)</p>
</a>

?

Non les liens ne peuvent contenir que des éléments inline.

(parce avec cette méthode ça me fout un peu dedans
pour la mise en page : les deux lignes se superposent en partie )

Si c'est le cas, ça pourrait venir d'un line-height trop faible.
Attribuer un line-height de 1.5em (ou une autre valeur suffisante) au lien et tester.

[lolymeupy]

Merci beaucoup Erwan31 !
Effectivement en jouant la dessus, ça ne se chevauchent plus !

[Deallyra]

(n'oublies pas de cliquer sur le bouton résolu en bas de la page de ce topic )