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 :

sans CSS ça va, avec ça foire ^^


Sujet :

CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut sans CSS ça va, avec ça foire ^^
    Salut,

    D'abord, je m'excuse pour le titre, c'est que je ne sais pas quoi mettre exactement ^^

    Bon, regardez l'image :



    Voyez-vous que les liens "Accueil du site - Activités - Rejoignez-nous - Nous aider - Contacts", ils sont bien alignés où je veux les positionner.

    Voici le code source CSS

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    ul#menus_liens
    	{
    	color: #FFF;
    	position: absolute;
    	top: 80px;
    	right: 480px;
    	list-style-type: none;
    	}
     
    ul#menus_liens li
    	{
    	float: left;
    	}

    Ce que je trouve bizarre c'est qu'il soit en noir et non en blanc.
    Pas grave, on regardera après.

    Je souhaite ajouter des effets au CSS c'est à dire, je le modifie de :

    ul#menus_liens par ul#menus_liens, ul#menus_liens a, ul#menus_liens a:visited;.

    Pour pouvoir facilement créer CSS quand la souris passe au dessus.
    Logiquement normalement cela n'affecte rien pour le changement de "position", cependant ce n'est pas le cas, voici de ce qu'il affiche :



    C'est placé en haut à gauche...

    Bizarre non ? D'où ça peut provenir ?


    (au passage, voici le code HTML si vous avez besoin)

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <ul id="menus_liens">
    	<li class="menus_liens"><a href="accueil.php">Accueil du site</a> - </li>
    	<li class="menus_liens"><a href="activites.php">Activités</a> - </li>
    	<li class="menus_liens"><a href="rejoignez.php">Rejoignez-nous</a> - </li>
    	<li class="menus_liens"><a href="nousaider.php">Nous aider</a> - </li>
        <li class="menus_liens"><a href="contacts.php">Contacts</a></li>
    </ul>

  2. #2
    Nouveau membre du Club
    Inscrit en
    Septembre 2007
    Messages
    7
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 7
    Par défaut
    Bonjour,

    Il faut juste séparer l'effet sur les liens :

    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
    ul#menus_liens
    	{
    	color: #FFF;
    	position: absolute;
    	top: 80px;
    	right: 480px;
    	list-style-type: none;
    	}
     
    ul#menus_liens li
    	{
    	float: left;
    	}
    ul#menus_liens a, ul#menus_liens a:visited
    	{
    color: red;
    	}

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    Je ne savais pas qu'il fallait les séparer...
    Parce que si je me rappelle bien, j'avais réussi à faire fonctionner en les mettant ensemble

    Mais bon, on peut tromper parfois, merci beaucoup

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

Discussions similaires

  1. mise en forme de formulaire avec php sans css
    Par sebac dans le forum Langage
    Réponses: 3
    Dernier message: 03/06/2009, 16h29
  2. [CSS] Probleme style avec IE
    Par rivierem dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 02/11/2005, 14h35
  3. [html+css] problème menu avec liens display:block
    Par Cypselos dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 28/08/2005, 09h39
  4. [CSS] Nouveau probleme avec *
    Par m312 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 12/08/2005, 20h10
  5. [CSS] Bug IE avec height ne marche pas avec les %
    Par El Riiico dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 23/06/2005, 17h11

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