Menu horizontal apparent sous le contenu Topic is solved

[NEO-MA]

Bonjour,

Mon menu horizontal apparait constamment sous mon contenu central ("main" et "content").

Je soupçonne l'ordre d'attachement des feuilles de style à un gabarit --> confirmation ? autre idée ?

[NEO-MA]

argh
évidemment l'upload de ma base de données bug ...
je crois que j'ai un souci probalble de version : locale en phpmyadmin 2.6.1 et online en 2.6.0

bon je résous ça et je reviens sur le forum pour avancer 

[NEO-MA]

OK c'est en ligne 
Problème de version MySQL

http://www.neo-ma.com/CMSMS/index.php?p ... ueil-neoma

regarde les deux niveaux de sous-menus du titre "Projets" passent sous les contenus, en l'occurence le contenu NEWS...

[NEO-MA]

ma page est bien en charset=utf-8
le problème vient des versions MySQL : pour info je passe d'une version 4.1.9 à une 4.0.1 chez mon hébergeur en ligne. Aie !
La 4.1.9 intègre maintenant bcq de paramêtres d'Interclassement qui ne sont pas gérés par les plus anciennes versions... je tatonne donc !

pour le script j'avais vu t'inquiète c'est juste l'uploade rapide qui m'a bcq orienté vers des pb de versioning MySQL !

En tout cas tu m'as répondu pour ce problème dessus/dessous, et je suis au regret de te dire que même en changeant la couleur de fond celà ne résout pas. Je l'avais déjà testé --> regarde à nouveau l'url de test j'ai remis volontairement le background du menu. 

[NEO-MA]

GABARIT : Default CSSMenu Horizontal

Code: Select all

/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        overflow: hidden; 
        background-color: none;
        /* border-bottom: 1px solid #C0C0C0; [b][/b]
        width: 100%;*/
        font: bold 120% Tahoma, sans-serif;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 200px; 
       }


/* Placements menus et ss-menus */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none;
        color: #fff; 
	}
#primary-nav li a { 
	/* border-right: 1px solid #fff;
	border-left: 1px solid #fff; */
	}
#primary-nav li li a { 
	border: 1px solid #fff;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #666; 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	color: #FF6600; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(modules/CSSMenu/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	/*background-color: #669900;*/
	text-decoration: underline;  
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

GABARIT Layout

Code: Select all

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren and finally by Christophe Clouzeau */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
        text-align: center;
        background: #1A3A8C url(images/fond_neoma.jpg) repeat-x center bottom fixed;        
    }
    div#page {
        width: 780px;
        margin:  10px auto 10px auto;
        padding: 0;
        text-align: left;
    }
    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 10px;
            height: 100px;
            background: url(images/logo_neoma.png) no-repeat 0;            
            text-align: center;
        }

    /* END HEADER */
    
    
    /* CONTENT */
        div#content {

        }
        
        /* MAIN */
            div#main {

            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {

        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   padding-top: 10px;
   padding-left: 10px;
   text-align: left;
   font-size: 90%;
 }

et si besoin :
GABARIT HTML

Code: Select all

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>

<title>NEO-MA</title>
<meta http-equiv="Content-Type" content="texte/html; charset=utf-8" />
<!--[if lt IE 7.]>
<__script__ defer type="text/javascript" src="inc/pngfix.js"></__script>
<![endif]-->

{stylesheet}

</head>

</__body>

<div id="page">

   <div id="header" class="clearfix">

   </div><!-- end header -->

      <div id="menu_horiz">
         <div id="wrapper">
         {cms_module module='cssmenu'}
         </div>
      </div><!-- end topnav -->

   <div class="breadcrumbs">
        {breadcrumbs delimiter='»' initial='1'}
    </div>

   <div id="content" class="clearfix">

      <div id="main">
         <h2>Actualités</h2>
         {content}
      </div>

      <div id="content2">
         <h2>News</h2>
         {cms_module module='news' number='5' category='general'}
      </div>

   </div><!-- end content -->


   <div id="footer" class="clearfix">
      <p>© Copyright 2006 NEO-MA</p>
   </div><!-- end footer -->

</div><!-- end page -->


<__body>
</__html>

[NEO-MA]

Je reviens vers toi Patricia (je tourne en rond de mon côté...) Une idée ?

[NEO-MA]

en effet je travaillais dessus

par contre cela ne vient pas de l'ID=wrapper : en l'otant cela reste

[NEO-MA]

essaie de remettre les styles comme ils sont à la base, puis remplace élément par élément par les tiens, en vérifiant à quelle insertion le problème se pose.

oui : exactement ce que je fais.
merci tout de même ! je tiens informé si j'ai du nouveau.

[NEO-MA]

A ni rien comprendre !



en mettant le code d'origine (celui du gabarit "CSSMenu horiz 1 col" par ex) les sous-menus s'affichent sous le contenu

M'est avis que je vais abandonner l'idée de sous-menus En réalité mon arbo ne nécessite pas de sous-menu ! Je testai juste pour un cas à renouveler... Bref.

[samurai]

http://forum.cmsmadesimple.org/index.ph ... l#msg14299

remove position: relative; for the div#content selector in the layout

[NEO-MA]

Merci Samouraï !