Page 1 of 2
Menu horizontal apparent sous le contenu
Posted: Wed Feb 15, 2006 5:16 pm
by 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 ?
Re: Menu horizontal apparent sous le contenu
Posted: Wed Feb 15, 2006 6:26 pm
by 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

Re: Menu horizontal apparent sous le contenu
Posted: Thu Feb 16, 2006 1:59 pm
by 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...
Re: Menu horizontal apparent sous le contenu
Posted: Thu Feb 16, 2006 3:21 pm
by 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.

Re: Menu horizontal apparent sous le contenu
Posted: Thu Feb 16, 2006 4:09 pm
by 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>
Re: Menu horizontal apparent sous le contenu
Posted: Fri Feb 17, 2006 2:59 pm
by NEO-MA
Je reviens vers toi Patricia (je tourne en rond de mon côté...) Une idée ?
Re: Menu horizontal apparent sous le contenu
Posted: Fri Feb 17, 2006 6:10 pm
by NEO-MA
en effet je travaillais dessus
par contre cela ne vient pas de l'ID=wrapper : en l'otant cela reste

Re: Menu horizontal apparent sous le contenu
Posted: Mon Feb 20, 2006 2:56 pm
by 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.
Re: Menu horizontal apparent sous le contenu
Posted: Mon Feb 20, 2006 3:14 pm
by 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.
Re: Menu horizontal apparent sous le contenu
Posted: Mon Mar 27, 2006 5:23 am
by samurai
http://forum.cmsmadesimple.org/index.ph ... l#msg14299
remove
position: relative; for the
div#content selector in the layout

Re: Menu horizontal apparent sous le contenu
Posted: Mon Mar 27, 2006 10:30 am
by NEO-MA
Merci Samouraï !
