Rechercher : dans
Par :

"logo actif " dans une feuille de style

Dernière réponse le 15 sep 2006 à 15:38:09 peggysue, le 15 sep 2006 à 10:55:44 
 Signaler ce message aux modérateurs

Bonjour à tous ,

Voici mon petit problème:
Les pages du site internet dont j'ai la charge , sont toutes reliées à un feuille de style CSS. Dans celle-ci j'utilise une image qui est le logo de l'association, elle se trouve dans l'entête.
voici le code que j'utlise:

#header #logo {
width: 223px;
float: left;
background: url('images/logo.gif') no-repeat #fff;
margin: 0 -3px;
height: 146px;
position: absolute;
z-index: 100;
}

je voudrais que cette image "logo" soit active, c'est à dire qu'il y est un lien dessus qui renvoie à l'index du site.
Mais voilà je n'y arrive pas. J'ai cherché sur différents forums mais je n'arrive pas à trouver de réponse à mon problème.Comment spécifier un lien dans le CSS ?
Merci à tous pour votre aide ! :)

Meilleures réponses pour « "logo actif " dans une feuille de style » dans :
Déclaration d'une feuille de style (CSS) Voir Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
Feuilles de style - CSS Voir Présentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
[Personnaliser] Thème Logon Logoff Bootscreen VoirPersonnaliser Windows XP Vous en avez assez de l'interface standard de Windows XP ? Vous voulez personnaliser, customiser l'ensemble (ou une partie) ? Vous pouvez personnaliser le bureau (thème et papier-peint), mais aussi le style plus général...
LG KU990 / LG KU990I Pas de CD ni stylet ni câble USB VoirProblème J'ai commandé un LG KU 990 et lors de la réception de mon téléphone je n'ai pas reçu le CD pour l'ordinateur, le stylet et le câble USB. Est-ce normal ? Solution Concernant l'absence de CD, aller télécharger le programme sur le site de...
Télécharger AAA Logo 2009 VoirAAA Logo est en premier lieu un outil de création de logo en tout genre. Il ne faut pas une connaissance approfondie en le domaine pour pouvoir le maîtriser, il est intuitif et pratique. En plus de la création de logo, il permet de créer la plupart...
Les feuilles de style VoirPropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de...
Les unités dans les feuilles de style (CSS) VoirLes unités Grâce aux feuilles de style il est possible de définir des valeurs numériques pour les propriétés de style de plusieurs façons : de façon absolue, c'est-à-dire dans une unité indépendante du format de sortie (en centimètres par...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...

1

Gihef, le 15 sep 2006 à 14:26:41

Bonjour,

Il me semble que ce n'est pas prévu.

Si je devais faire ça, j'utiliserais, dans le html, une image entièrement transparente que je positionnerais par dessus.
Une image avec les mêmes dimensions, au même emplacement et contenue dans une <a> pour le lien.

D'autres solutions ?
-- > Nous avons su vous aider ? Alors, aidez-nous, dites-le et
-- > • cochez le problème comme résolu. Merci.

Répondre à Gihef

2

peggysue, le 15 sep 2006 à 14:52:31

Merci Gihef je viens de tester ta solution:
j'ai ouvert mon fichier template et j'y ai ajouter ce code:

<a href="/index.html"><img src="/images/logo.gif" width="223" height"146" position "absolute" float="left" z-index="100" border="0"></a>

avec donc la position exacte de l'image contenue dans le CSS. J'ai mis la même image par dessus. Et cela fonctionne !
Par contre quel est l'attribut pour que l'image est une transparence 0 ? Car j'ai peur que sous certains navigateurs, les deux images ne se superposent pas parfaitement ....
enfin sinon merci beaucoup ! ;)

Forum très utile , bravo !

Répondre à peggysue

3

Gihef, le 15 sep 2006 à 15:01:51

Certain navigateur n'apprécie pas le png et ses transparences dégradées.
Mais, dans le cas présent, un gif fera l'affaire.
Une image entièrement de la même couleur, unie (blanc, noir…) et cette couleur définie comme transparente.

Pour la position, si les éléments concernés n'utilisent pas de “padding” ni de “border”, ça devrait passer.

Teste.

-- > Nous avons su vous aider ? Alors, aidez-nous, dites-le et
-- > • cochez le problème comme résolu. Merci.

Répondre à Gihef

4

peggysue, le 15 sep 2006 à 15:09:48

Ok !
mais pourquoi dis tu une image unie ? la même par dessus ne peu pas faire l'affaire ?
pour la transparence d'une image je mets :
alpha ="0"

c'est bien ça ?

merci merci !

Répondre à peggysue

5

 Gihef, le 15 sep 2006 à 15:38:09

Et bien, une image transparente ne risque pas de créer de décalage, de recouvrement imparfait.

Si tu choisis de replacer la même image sur celle définie dans la feuille de styles, il y a comme redondance. Ça fait doublon, c'est inutile. Autant supprimer celle présente dans “background: url()”.

Cette image sera une nouvelle image.
Ton éditeur graphique préféré te permetta certainement de la créer et les options gif de définir la transparence.

Je te l'accorde par avance, c'est un peu tarabiscoté.
-- > Nous avons su vous aider ? Alors, aidez-nous, dites-le et
-- > • cochez le problème comme résolu. Merci.

Répondre à Gihef
Collection CommentÇaMarche.net