Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

"logo actif " dans une feuille de style

peggysue, le vendredi 15 septembre 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 ! :)

1

Gihef, le vendredi 15 septembre 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 vendredi 15 septembre 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 vendredi 15 septembre 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 vendredi 15 septembre 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 vendredi 15 septembre 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
Feuille style compatible avec mozilla et IE Bonjour, j'ai écrit une feuille de style elle est compatible avec mozilla firefox, mais quand je l'ai testée avec IE il y'a eu quelques incompatibilités. pourriez vous me dire s'il existe une applications qui permetent de rendre une feuille de style... www.commentcamarche.net/forum/affich-1676683-feuille-style-compatible-avec-mozilla-et-ie
Comment mettre un logo en feuille css? (Résolu) Bonjour, comment faire au niveau du script pour pouvoir afficher le même logo sur toute ses pages du site web? www.commentcamarche.net/forum/affich-6958037-comment-mettre-un-logo-en-feuille-css
Feuilles de style - CSS 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... www.commentcamarche.net/contents/css/cssintro.php3
Comment créer un logo ? Les règles à respecterUn logo, ou logotype, est un dessin unique, qui représente une société, une association, une institution... Il dit qui est l’entreprise, ses valeurs, son marché. Il est constitué de deux types d’éléments : graphique et linguistique. Les... www.commentcamarche.net/faq/sujet-14122-comment-creer-un-logo-les-regles-a-respecter
Utiliser des styles visuels (thèmes) sous Windows XPD'abord une précision : un thème regroupe en principe un style visuel (l'apparence des fenêtres, de la barre des tâches et des menus), les icônes du bureau, le fond d'écran, les curseurs de la souris, et un écran de veille. Par abus de langage, on... www.commentcamarche.net/faq/sujet-228-utiliser-des-styles-visuels-themes-sous-windows-xp
Récupérer le style Windows XPSuite à une mauvaise manipulation, un nettoyage maladroit ou à une infection, vous avez perdu le thème Windows XP, et vous vous retrouvez à la place avec un style plutôt "ancien" dit Windows classique : Voici comment récupérer le style XP... www.commentcamarche.net/faq/sujet-5199-recuperer-le-style-windows-xp
Insérer feuille de style externe-débutant ccs (Résolu)Bonjour, je suis débutant dans l'utilisation des feuilles de style et je fais des essais pour insérer une feuille de style externe. j'ai regardé sur des forums et autres sites comment faire et je pense suivre la bonne procédure mais le fichier créé ne... www.commentcamarche.net/forum/affich-11647860-inserer-feuille-de-style-externe-debutant-ccs
Lier une feuille de styleBonjour! Voila je n'arrive pas à lier ma feuille de style avec ma page html. Voici le code de mon fichier monstyle.css: www.commentcamarche.net/forum/affich-805714-lier-une-feuille-de-style
Creation feuille de styleBonjour, je suis autodidacte et je commence une feuille de style en suivant "developpez.com" mise en page rapide et facile... j'ai créer bandeau, contenu et piedpage. problème div#bandeau {width:1200px;height:75px;background-color:#99FFFF;}... www.commentcamarche.net/forum/affich-4261982-creation-feuille-de-style
Télécharger AAA Logo 2009AAA 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... www.commentcamarche.net/telecharger/telecharger-34056341-aaa-logo-2009
Télécharger Driver Epson Stylus CX3200L' imprimante Jet d'encre Epson Stylus CX3200 est une imprimante multifonction. Ce modèle est sur la toutes dernières générations d'imprimantes jet d'encre Epson. Elle propose une résolution à 5760 dpi optimisées et deux cartouches intellidges. Elle... www.commentcamarche.net/telecharger/telecharger-34056904-driver-epson-stylus-cx3200
Déclaration d'une feuille de style (CSS)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... www.commentcamarche.net/contents/css/cssimplant.php3
Les classes de style (CSS)Les 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... www.commentcamarche.net/contents/css/cssclass.php3
La syntaxe des style (CSS)Définition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de... www.commentcamarche.net/contents/css/csssyntax.php3