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 :

largeur des sous-menu automatique en css


Sujet :

Dimensionnement en CSS

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    99
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 99
    Points : 45
    Points
    45
    Par défaut largeur des sous-menu automatique en css
    Bonjour,

    J'ai un menu réaliser en CSS, le sous menu est mis à jour automatiquement via une base de données, j'aimerais savoir si l'on peut rendre la largueur de la sous liste automatiquement pour quelle prenne la largeur de la plus longue chaine de caractère, sans passer par javascript si possible.
    merci d'avance

  2. #2
    Membre confirmé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Points : 469
    Points
    469
    Par défaut
    bonjour.

    un peu de ton code html ne serait pas du luxe ;)
    mais à priori, je dirais :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    .menu li 
    {
       width: 200px;
    }
     
    .menu li ul li {
       width: auto;
    }

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Bonjour,

    Personnellement, je préfère :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .menu li.premierNiveau {
       width: 200px;
    }

    Cela évite de multiplier les sélecteurs CSS et de devoir redéfinir les valeurs de propriétés héritées à chaque fois.

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    99
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 99
    Points : 45
    Points
    45
    Par défaut
    merci pour vos reponses, je testerais tout ca demain, desole pour l'oubli du code, je vous le mets, cela pourra peut etre vous rendre mieux compte de ma demande si vos deux test ne fontionnerais pas.

    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
     
    <ul id="menu">
    <?php echo '<li><a href="$url" title="'.CalculateTITLEFromString($nom).'">'.$nom.'</a></li>';?>
     
    <li><a title="" href="">Programme Immobilier <?php echo ucwords(strtolower(CalculateTITLEFromString($info_site['ville']))); ?></a>
    	<ul class="ssmenu1">
    		<?php
    			if(isset($pgm))
    			{
    				while(($ssmenu_pgm=mysql_fetch_array($pgm))!=NULL)
    				{
    					echo '<li><a href="'.CalculateURLFromString($ssmenu_pgm['lib_loi']).'/'.CalculateURLFromString($ssmenu_pgm['nom']).'-'.CalculateURLFromString($ssmenu_pgm['ville']).'-'.$ssmenu_pgm['id'].'-'.$ssmenu_pgm['id'].'.htm"> '.CalculateURLFromString($ssmenu_pgm['lib']).' - '.ucwords(strtolower(CalculateTITLEFromString($ssmenu_pgm['nom']))).' '.strtolower(CalculateTITLEFromString($ssmenu_pgm['ville'])).'</a></li>';
    				}
    			}
    		?>
    	</ul>
    </li>
    </ul>
    le but étant de rendre 'dynamique' la largeur de "ssmenu1" pour que la largeur de la sous liste soit automatique en fonction de la longueur du lien, mais je cherche surtout a ce que toute la liste soit de meme largeur et non une largeur pour chaque lien de la sous liste.

Discussions similaires

  1. emplacement des sous menu par rapport aux menus principaux
    Par newmar dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 14/05/2008, 17h10
  2. probleme d'affichage des sous menu! FF/IE7/IE6
    Par hybride1106 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 04/09/2007, 10h47
  3. des sous-divisions en full-css ?
    Par rasleboldesid dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 03/09/2006, 21h19
  4. pb de largeur de sous menu
    Par PuppeT mAsTer dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 05/06/2006, 19h02
  5. Réponses: 9
    Dernier message: 14/10/2003, 15h35

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