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 :

Probleme avec un menu


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Homme Profil pro
    étudiant L3
    Inscrit en
    Avril 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : étudiant L3
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2011
    Messages : 3
    Par défaut Probleme avec un menu
    Bonjour,
    Voila j'ai un petit problème concernant mon CSS. Je fais actuellement mon site pour un stage et on m'a demandé de refaire le design. Partant de mon menu précédent qui était classique : <ul id="menu"> <li><a href="monURL">...</a></li> <ul> je passe a un menu quasiment identique en rajoutant un id a chaque <li> afin de les placer où bon me semble (mon ancien menu marche parfaitement )

    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    ul#menu li
    {
     
    	text-align: center ;
    	background: url(images/jaune.png) no-repeat  ;
    	width: 100px;
    	height:100px;
    	list-style-type:none;
     
    }
     
    ul#menu li#menu1
    {
    	position:absolute;
    	top: 20%;
    	left:30%;
     
    }
    ul#menu li#menu2
    ...
     
    ul#menu li a
    {
    	display: block ;
    	width: 100px ;
    	height:100px;
    	line-height: 91px ;
    	font-size: 1.3em ;
    	font-weight: bold ;
    	letter-spacing: 2px ;
    	color: black ;
    	text-decoration: none ;
    	border:none;
    	text-align: center ;
    }
    Donc cela me semble normal, mais voila impossible de clické/cliqué/clic& sur mon menu pour accéder a mes autres pages...
    auriez-vous une petite idée ? (ps : mon ul est dans un div #conteneur)
    merci d'avance ^^

    http://img821.imageshack.us/i/boutdemonsite.jpg/

  2. #2
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Le code html de ton menu pourrait nous aider à cerner ton problème

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    J'imagine que tes sous menus s'affichent sur le :hover de leur balise <li> contenant (un menu classique donc), si c'est le cas, lorsque tu positionnes les sous menus en absolute, comment tu fais pour passer du menu principal au sous menu sans quitter le :hover ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre à l'essai
    Homme Profil pro
    étudiant L3
    Inscrit en
    Avril 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : étudiant L3
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2011
    Messages : 3
    Par défaut
    voila le code de mon menu que j'integre dans un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="conteneur"> 
    include("menuIndex.php");
    </div>
    code menuIndex.php :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <ul id="menu">
    			<li><a href="../IndexEng.php">Accueil</a></li>
    			<li><a href="../Services/ServicesEng.php">Services</a></li>
    			<li><a href="SupportEng.php">Support</a></li>
    			<li><a href="../Distributeur/DistributeurEng.php">Distributeur</a></li>
    			<li><a href="../testGalerie/galerie.php">BudgieBox</a></li>
     
     
    </ul>

  5. #5
    Membre à l'essai
    Homme Profil pro
    étudiant L3
    Inscrit en
    Avril 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : étudiant L3
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2011
    Messages : 3
    Par défaut
    je n'ai pas de sous-menu, se sont des menus direct vers une autre page. Le absolute empeche donc la sous-classe hover de s'activé?

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par YaPasDairBag
    Le absolute empeche donc la sous-classe hover de s'activé?
    Ca dépend.
    Si le hover est géré sur la balise <ul>, oui puisque les li ne sont alors plus à leur emplacement initial.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Probleme avec le menu
    Par MayOL69bg dans le forum ASP.NET
    Réponses: 3
    Dernier message: 23/03/2007, 14h34
  2. probleme avec struts menu
    Par khaledirb7 dans le forum Struts 1
    Réponses: 3
    Dernier message: 07/03/2007, 12h57
  3. [c#]probleme avec les menu toolStripItem dans une form mdi??
    Par must19 dans le forum Windows Forms
    Réponses: 3
    Dernier message: 05/11/2006, 23h02
  4. [CSS] Probleme avec mon menu css
    Par otagun dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 13/05/2006, 14h37
  5. Probleme avec un menu déroulant
    Par grumly22 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/05/2006, 15h04

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