IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Mes liens prennent la forme de mon menu !


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 7
    Par défaut Mes liens prennent la forme de mon menu !
    Bonjour
    J’ai fait un mini site à l’aide de CSS pour la première fois. Je vous avouerai que j’ai fait beaucoup de copier coller à partir de gabarit de pages etc et ne connais pas toutes les subtilités des CSS. Le site en question se trouve ici :
    J’ai un souci au niveau de mes liens. Lorsque je veux faire un lien sur les pages, mes liens prennent la forme de mon menu cadire qu’ils adoptent un fond bleu, un texte en blanc etc.
    Le site se trouve ici : http://www.trodat.fr/trotec/index.htm
    Le code CSS se trouve là : http://www.trodat.fr/trotec/gabarit_page_ter.css
    J’ai une autre feuille pour le contenu (les textes etc) ici : http://www.trodat.fr/trotec/textes.css
    Si j’applique un style ‘lien’ sur mes liens, ça ne me les prend pas en compte, ça prend en compte le code CSS du menu.
    Pouvez vous stp m’expliquer le pourquoi et me dire ce que je dois faire. Je dois rendre mon travail début de semaine prochaine et je perds beaucoup de temps sur ce souci.
    Merci beaucoup pour votre aide.
    Cdt
    CN

  2. #2
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    Je n'ai pas vu de liens dans ton contenu. Tu peux en mettre ou me dire ou il y en a car contact et mentions légale n'en sont pas encore?

    Sinon, les liens dans doivent avoir la classe lien1 de la manière suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="...." class="lien1">lien</a>
    C'est dommage de mettre une classe

    Tu devrai déclarer dans ta premiere feuille de style gabarit_page_ter.css un style global pour tous tes liens aprés la déclaration des styles du body du style
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    }
     
    a {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bolder;
    	color: #966852;
    	text-decoration: none;
    	text-align: center;
    }
    (Si c'est ce style que tu veux pour les liens du contenu)

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 7
    Par défaut
    Bonjour
    D’abord, merci pour ta réponse.
    Sur la page index je t’ai mis un exemple de ce qu’il se passe.
    Grosso modo dans ma page CSS gabarit, j’ai le style de mon menu horizontal qui correspond à toutes les pages du site. Evidemment ce menu comporte des liens.
    Seulement je voudrais avoir un autre style de lien pour le contenu de mes pages. Pas le même style que mon menu.
    Le problème est que dès que je fais un lien sur ma page (voir page index), le lien adopte le même style que le style du menu.
    J’ai fait comme tu m’as dit, j’ai mis après body le code que tu m’as donné mais ça ne marche pas.
    Merci pour votre aide.
    Cdt
    Catherine

  4. #4
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    Je te conseille de corriger ton code car il n'est pas valide (surtout les <li> qui s'ouvrent dans des <li> sans avoir remis de <ul>)

    De plus, ton id"menu ne doit apparaitre qu'une seule fois puisque c'est un id


    Ces corrections peuvent peut etre corriger le probleme


  5. #5
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    En testant quelques trucs avec firebug

    Si tu remplace ta déclaration "#menu a" par quelque chose de plus strict du style "div#menu li a", ça change le resultat.

    Mais déja commence par valider ton code je pense


  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 7
    Par défaut
    C'est ok !
    J'ai réussi a corriger le problème en enlevant un simple 'li'
    Merci beaucoup

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Drupal] Le lien "Modifier" désorganise la traduction de mon menu et affiche "original" et "traduction"
    Par gabson007 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 0
    Dernier message: 17/10/2014, 13h58
  2. Les liens de mon menu ne fonctionnent pas
    Par macapa dans le forum Dreamweaver
    Réponses: 3
    Dernier message: 03/01/2007, 18h43
  3. [CSS] couleur encadrant mes liens
    Par nimport nawak dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 24/05/2005, 16h58
  4. [Forms]chemin de menu
    Par shurized dans le forum Forms
    Réponses: 10
    Dernier message: 13/10/2004, 14h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo