(résolu) Faire un header cliquable

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by Lounize on

Bonjour,

J'ai une question par rapport à mon header.jpg.

En fait, j'aimerais qu'une partie de celui ci où j'ai intégré mon logo renvoie vers ma page d'accueil.

Comment faire ?

Merci d'avance

Forum : 
Support général
Version de Drupal : 
6.x

Soumis par Lounize le 5 Septembre, 2009 - 02:38

Personne pour m'aider ? j'pense que ça ne doit pas être bien compliqué.
Puis je ajouter le lien directement dans la css (bien qu'il me semble que ce ne soit pas fait pour ca) ou alors je dois l'ajouter dans le code du template ? si oui ou ?

Soumis par djibi.jb le 5 Septembre, 2009 - 10:28

Bonjour,

Si j'ai bien compris ta requête (je la re-traduis pour être sûr que j'ai compris):

tu utilises comme header une image (header.jpg).
Dans ton header.jpg, il y a ton logo et tu voudrais qu'il soit cliquable et que soit associé à ton logo un lien qui renvoie vers ta page d'accueil.

Pour répondre à ta question :

Comme tu veux qu'une partie de ton image (le logo de ton header) soit un lien, il faut utiliser une balise map en HTML.
Cette balise permet de définir une zone dans ton image et d'y attacher une adresse web.
Va voir sur l'article relatif à la balise map sur le site du W3 (http://www.w3.org/TR/html401/struct/objects.html#h-13.6) ou une recheche "balise map" sur le web te donnera plus d'indications (et donnera des articles un peu plus lisibles)

Si tu n'es pas réticent à faire quelques changements :

Je ne suis pas sûr que la balise map soit encore beaucoup utilisée.
Une raison à cela par exemple : si tu veux un jour changer ton logo, tu devras refaire entièrement le boulot (refaire le header en entier, refaire la balise map) ce qui est beaucoup plus contraignant que les autres solutions décrites en dessous.

Au lieu de :
| Header.jpg |

on peut également procéder comme suit (la liste étant peu exhaustive):

| logo.jpg | | resteduheader.jpg |

ou encore

   <div id="header">
        <div id="logo">
            <a href="/"><img src="addressedelimagedulogo" alt="descriptifdelimage"></a>
        </div>
   </div>

ou

   <div id="header">
        <a href="/"><img src="addressedelimagedulogo" alt="descriptifdelimage"></a>
   </div>

avec une propriété css background-image rattaché à ton header. Tu auras ensuite un peu plus de css à faire pour bien positionner ton logo.

Comme tu peux le voir, il y a de nombreuses manières de résoudre ton problème (avec plus ou moins de codage), tout dépend de ce que tu veux faire.