Creer une zone permettant un lien

[alain2280]

Bonjour,

Je desirerais, dans un article rendre faire une zone qui lorsqu'on passerait dessus permettrait via un lien d'aller sur un article.

Cela evidemment sans lien image et sans faire un lien avec un ou plusieurs mots.

Ce serait une zone geographique dans mon article.

J'espere avoir été clair dans mes explications.

Merci

[cb75ter]

Re : Creer une zone permettant un lien

Bonjour,

J'espere avoir été clair dans mes explications.

Merci

Bonjour,

Pour moi ce n'est pas clair, tu devrais détailler un peu plus.

[jisse03]

Re : Creer une zone permettant un lien

Bonjour,

Je desirerais, dans un article rendre faire une zone qui lorsqu'on passerait dessus permettrait via un lien d'aller sur un article.

Cela evidemment sans lien image et sans faire un lien avec un ou plusieurs mots.

La norme (X)HTML a une idée bien précise d'un lien cliquable, soit un groupe de mots, soit une image. Si tu veux que ce genre de lien ne soit pas visuellement différentiable, sauf au survol de la souris, à toi de jouer avec les styles CSS.

[alain2280]

Re : Creer une zone permettant un lien

Bonjour,

Pour etre plus explicite, je vous joins une photo.
Les zones que je veux rendre cliquable sont celles à gauches comme la zone theatre d'entreprise et le texte apres ou incentive et la zone apres.
A savoir que ces zones la ne sont pas dans un module mais dans le corps de la page.

Pour le groupe de mot cliquable, j'aimerais eviter ou alors faire en sorte que lorsque l'on les survolent avec la souris que le seul changement soit le clic de la souris qui devienne une main.



Merci pour vos reponses

[jisse03]

Re : Creer une zone permettant un lien

C'est exactement ce que je disais, jouer avec le CSS des balises a

[alain2280]

Re : Creer une zone permettant un lien

Ok mais les balises a se trouvent dans quel fichier ?

Merci

[jisse03]

Re : Creer une zone permettant un lien

Dans les CSS de ton template, chaque template a ses divers CSS.
installes firebug, ou utilises l'inspecteur d'éléments de Chrome pour trouver ce qui correspond à ce qu etu veux faire.
Et regardes les tutos de base CSS de Alsacreations

[alain2280]

Re : Creer une zone permettant un lien

Je regarde et reviens vers vous si j'ai des difficultés.

Encore merci

[cb75ter]

Re : Creer une zone permettant un lien

Bonjour,

En fait, l'idée serait d'avoir dans ton article un html comme celui ci, pour chacune de tes zones cliquables:

<a href="http://www.joomla.fr" class="zone_cliquable" title="ma super zone cliquable non valide w3c">
<h3>Titre</h3>
<p>Hacque adfabilitate confisus eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam.</p>
</a>

Et d'ajouter la déclaration suivante dans l'une de tes feuilles des style :

a.zone_cliquable {
color:#000;
text-decoration:none;
}

Seulement voilà ! Bien que ça fonctionne, cette structure n'est pas valide w3c. Il est important de le signaler.

[cb75ter]

Re : Creer une zone permettant un lien

Re,

Après relecture, je m'aperçoit que la solution pourrait être valide, si tu utilises la structure suivante :

<a href="http://www.joomla.fr" class="zone_cliquable" title="ma super zone cliquable valide w3c">
<span class="titre">Titre</span>
<span class="texte">Hacque adfabilitate confisus *** eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam si te salutandi adsiduitati dederis triennio indiscretus et per tot dierum defueris tempus, reverteris ad paria perferenda, nec ubi esses interrogatus et quo tandem miser discesseris, aetatem omnem frustra in stipite conteres summittendo.</span>
</a>

Et du côté css:

a.zone_cliquable {
color:#000;
text-decoration:none;
}

span.titre {
display:block;
}

[alain2280]

Re : Creer une zone permettant un lien

Je m'y astreind cette semaine .

Merci