28173 sujets

CSS et mise en forme, CSS3

Salut,
je cherche (depuis ce matin) a positionner un élément, il s'agit d'un UL (en abs) qui lui-même est dans un LI (relat).
voici un appercu du probleme :
allez ici : http://fbh2.free.fr/testmenu/2.html
(sous Firefox pas de problem, c'est sous IE que ca foire)
passez la souris sur le menu "d'autres tests"...
un sous menu apparait (chouette), maintenant deplacez vous dans le sous menu (vertical) vous ferez apparaitre des sous-sous-menu, mais LA se trouve le probleme, ces fameux sous-sous-menu font partie du flux et donc agrandissent le menu précedant.
J'ai pourant essayé plein de truc.
voilà mon code :
* html .menu li li.over ul
{left: 140px;
 float:left;
 position:absolute;
}
(ligne ~150 de http://fbh2.free.fr/testmenu/div/2.css )

pour info, la structure du document est simple :
un UL (class="menu")
avec des LI dedans.
dans ces LI il y a des A puis (eventuellement des UL) etc...
c'est limité a 2 niveaux.

merci beaucoups de votre aide.

PS : le code n'est pas tres propre au niveau du CSS (plein de commentaire de partout, c'est parce que je suis en plein tests, par contre je javascript est propre, et le html aussi. pour le js : j'ai repris un code pour faire afficher le menu par dessus les elements SELECT ! enfin!... et ca marche bien. j'ai mis l'url dans le CSS je crois de là ou j'ai pris le JS)
PPS : ha oui j'en profite (je suis fier de moi!) sous FireFox, c'est donc un menu a deux niveau sans besoin de javascript. ouaip.... (mais j'en ai ch... ca dois se voir au niveau du code:) )
Modifié par hpfx (06 Dec 2005 - 16:47)
Administrateur
Bonjour Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne
Raphael a écrit :
Bonjour Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

oui, je sais mais au moment de poster je ne connaissait pas la syntaxe (il n'y a pas de bouton pour celà) j'ai donc posté puis ensuite je suis allé voir un autre post, faire "repondre" pour voir la syntaxe, puis enfin, revenu ici pour editer mon code, ajouter deux comentaire et puis j'ai corrigé.
désolé celà ne se reproduira plus
Modifié par hpfx (06 Dec 2005 - 16:49)
Administrateur
hpfx a écrit :
oui, je sais mais au moment de poster je ne connaissait pas la syntaxe (il n'y a pas de bouton pour celà)

Tu parles du bouton de code ? upload/1-code.gif