Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

[CSS] image d'entête clicable

Super Nico

Par Super Nico
dans Programmation

 Partager

Messages recommandés

Super Nico Junior Member

Super Nico

Posté(e)
Posté(e)

Bonjour,

 

J'ai un site web qui utilise le CSS.

 

J'ai donc un fichier style.css qui comprend :

 

 

#en_tete

{

float: right;

width: 715px;

height: 100px;

background-image: url("entete.jpg");

background-repeat: no-repeat;

margin-top: 5px;

margin-bottom: 5px;

}

 

 

Dans les différentes pages du site, l'entête est appelé de la façon suivante :

 

 

<body>

<div id="en_tete">

</div>

 

 

Mon objectif est aujourd'hui de faire de cette image un lien qui me ramène vers la page d'accueil du site. Mais là, je sèche complètement... je ne vois pas où intégrer le lien (dans le fichier css, dans toutes les pages ???)

 

Merci

 

Nico

Lien vers le commentaire
Partager sur d’autres sites

KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)

Le fichier CSS n'est là que pour donner les propriétés de style, donc ce n'est pas là qu'il faut définir un lien (élément "physique" de ta page).

L'utilisation d'une background-image suggère une décoration, un élément qui doit juste avoir une certaine tête sans remplir une quelconque fonction. Dès lors que ton image doit avoir une fonction (faire office de logo pour ton site, servir de lien, etc.) tu dois utiliser une balise img (et, en l'occurrence, utiliser une balise a pour en faire un lien).

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...