Bon alors je vous situe l'action:
je tente pour m'amuser un peu, de développer une chtite site php dans le but d'avoir un exemple pratique pour appliquer mes cours de référencement , url rewriting et autres joyeusetés...
Malheureusement sur la route dorée que je voyais déjà ben je suis tombé sur un zèbre: la fameuse bibliothèque jquery ...
Elle est sympa et en théorie permet de faire des chouettes menus sans nuire au référencement et tout ça grâce a de gentilles propriétés css...

Mais je me heurte a un vilain bug d'affichage et je pense que ca vient du css...
Et comme je suis pas très experimenter en css... ( ben oui je developpe surtout des applications fonctionnelles que des applications jolies au boulot..)
Ben je me suis dis que je pouvais venir embeter les amis


Voila mon soucis, mon menu ressemble a ca:
ACCUEIL Actualités Telechargement Contact /* il y en a plus mais ca change rien */


Normalement quand on met la souris sur 'Actualités':
ACCUEIL Actualités Telechargement Contact
Politique Economie Sport /* En gros les differente rubrique d'un journal */

Mais la c'est le drame j'obtiens en gros:
ACCUEIL Actualités _________Telechargement Contact
________Politique Economie Sport

les _ sont du vide mais bon comme vous optimisez les blancs...

Donc d'une par les liens principaux se décalent...
Mais en plus j'arrive pas a fixé la position de départ des sous liens... Donc parfois je les ai en début de ligne par fois en milieu...


Voila mon css/menu

#menu {

width:100%;

font-family:Tahoma, Helvetica, sans-serif;

letter-spacing: 0.12em;

display: block;

margin:0 0 5px 0;

padding:7px 0 0 0;

height:37px;

font-size:1.1em;

background-color: white;

z-index:1000;

}

.menu_cat {


float: left;
padding:0 0 0 25px;

}

.menu_cat a {

color:#4B6B01;
font-weight:bold;
text-decoration: none;
}


.menu_cat a:hover {

color: #000 ;

}

.lib_cat {

position : relative;

left:0;

}



.lib_cat a {

color:#4B6B01;
font-weight:bold;

text-decoration: none;

}





.lib_cat a:hover {

color: #000 ;

}





Une idée quelconque a première vue?

T'as pas une version de ton site en ligne? Ca serait plus simple.
Ca serait cool sinon de voir ton html aussi.

je vais voir ce que je peux faire pour mettre une version test en ligne... Mais on se moque pas un ... je met en pratique du php 5 pour me préparer au 6 donc c'est loin d'être parfait

ton problème vient peut-être de ton "float : left"
en tout cas c'est une piste à explorer, puisque c'est une propriété complètement bizaroïde que personne comprend vraiment

commence par là

« Lemon est vraiment un Malade... Heureusement qu'il est de notre côté.» (Guzmud)

« Lemon est fort, Lemon est beau, Lemon est sexy, Lemon est omniscient, Lemon est THE Lemon » (Violenconjugal)

« Lemon a un monde à lui dans sa tête » (Im_a_player)

« Putain, ca devient trop ce clan. Bientot on appelera Lemon le Parrain et le clan la Famille. Nawak » (Rumpl)

« Lemon est le seul mec qui préfère qu'on lui dise qu'il a une grosse femme plutôt qu'une grosse bite. » (Thrallscream)

« Lemon vient de me montrer... c'est ENORME !!! » (Seven)

« Lemon est un dieu, et Thrall a une.... enfin bon, je m'égare. » (Titi-fr)

float:left ça place l'élément à gauche de l'élément père et ça le sort du flux, c'est pas bizaroïde!

bon pour la version ca me parait compromis lol:
du moins avec free... XD

Fatal error: Uncaught exception 'PDOException' with message 'could not find driver' in /mnt/135/sdb/2/2/assie2/bd/connexion_mysql.php:3 Stack trace: #0 /mnt/135/sdb/2/2/assie2/bd/connexion_mysql.php(3): PDO->__construct('mysql:host=loca...', 'root', '') #1 /mnt/135/sdb/2/2/assie2/index.php(5): require_once('/mnt/135/sdb/2/...') #2 {main} thrown in /mnt/135/sdb/2/2/assie2/bd/connexion_mysql.php on line 3

omg pdo c'est trop relou (quand on a pas tout compris comme moi), et dire qu'il va falloir y passer

baf la bonne nouvelle c'est que ca marche en local par contre apparement aucun hebergeur mutualisé ne l'a encore activé et comme je compte pas prendre un herbergeur dédié pour le moment... :S

je vous envois un zip?

tu as regardé mon lien sur le float ?

« Lemon est vraiment un Malade... Heureusement qu'il est de notre côté.» (Guzmud)

« Lemon est fort, Lemon est beau, Lemon est sexy, Lemon est omniscient, Lemon est THE Lemon » (Violenconjugal)

« Lemon a un monde à lui dans sa tête » (Im_a_player)

« Putain, ca devient trop ce clan. Bientot on appelera Lemon le Parrain et le clan la Famille. Nawak » (Rumpl)

« Lemon est le seul mec qui préfère qu'on lui dise qu'il a une grosse femme plutôt qu'une grosse bite. » (Thrallscream)

« Lemon vient de me montrer... c'est ENORME !!! » (Seven)

« Lemon est un dieu, et Thrall a une.... enfin bon, je m'égare. » (Titi-fr)

Oui et comme je l'ai dit je suis une tache en css
Principalement en positionnement d'ailleurs...
Pour ce qui est du cas présent si j'en leve le float et bien evidement le menu devient verticalet et non horisontal...


pour ce qui est du code php qui genere le menu:

<div id="menu">
<?php
foreach($selectMenu->fetchAll() as $menu)
{
?>
<div class="menu_cat">
<a title='<?php echo $menu['libMenu']; ?>' onclick="navigation.page.value='<?php echo $menu['idMenu']; ?>';navigation.submit();" href="#"><?php echo $menu['libMenu'];?></a>


<?php
$selectSousMenu->execute(array($menu['idMenu']));
if(($selectSousMenu->rowCount())>>0)
{
echo "<div class='lib_cat' style='display : none;'>";

foreach($selectSousMenu->fetchAll()as $sousMenu){
echo "<a title='".$menu['libMenu']."' href='#le-secteur-des-sports-equestres/'>".$sousMenu['libCategorie']."</a>";
}
echo "</div>";

}

echo "</div>";
}
?>
</div>
<div class="nettoyeur">&nbsp;</div>
</div>

Si tu remplaces


.lib_cat {
position : relative;
left:0;
}

par


.lib_cat {
float:left;
}

ça te fait quoi?

le bug est identique

en fait j'essaye de mixer ça:
http://www.jquery-france.com/un-menu-deroulant-tout-simple-avec-jquery

en virant les ul li et les remplaçant par des div pour obtenir un visuel assez proche de ça:
http://www.lemonde.fr/

j'ai modifié le jsp pour obtenir ca:

$(document).ready(function(){
$("#menu_cat").each(function(){
$(this).mouseover(function(){
$(this).children("div").slideDown("fast");
if($.browser.msie) { var hauteur = $(this).children("div a").width(); $(this).children("div a").css({marginLeft:"-"+hauteur+"px"}); }
$(this).prev().children("div a").fadeOut("fast");
$(this).siblings().children("div a").fadeOut("fast");
});
});
});


Voila... SI ca aide...

Pourquoi virer les ul et les li? C'est sémantiquement plus juste de les utiliser dans un menu. Y'avait plus qu'à modifier le CSS pour obtenir ce que tu voulais comme ça, ça aurait été plus simple je pense.

Bah là sans avoir la source et pouvoir faire des tests c'est pas évident je t'avoue, surtout que je me prend moi même la tête sur du PHP là et que j'vais pas tarder à me tirer une balle!

lol je prefere le php c'est plus simple honnete, réglé...

les 2 principes de la réussite :

1- Ne jamais révéler tout son savoir.
Absolute Dreams
Zog Zog !