28173 sujets

CSS et mise en forme, CSS3

Bonjour!

Premier post sur ce site si utile..

J'ai u problème avec un site que je suis entrain de réalisé.

Celui-ci est entre autre composé d'un menu deroulant en CSS et d'une animation flash juste en dessous. Et comme beaucoup d'articles que j'ai pu lire, je me retrouve avec un menu qui se déroule sous l'animation flash.

je vois d'ici les levés de boucliers et leurs interprètes me disants que ce sujet à déjà été traité et que je pourrais faire une recherche google, mais je l'ai déjà fait et aucune des solutions proposées n'a fonctionné.

Entre autre, la solution:
<param name="wmode" value="transparent" />
  <embed> ..... .... wmode="transparent"></embed>

qui revient assez souvent mais qui pour moi ne fonctionne pas!!! Smiley bawling

Le menu reste eternellement caché sous l'anim.....

Voilà la partie de mon CSS concernant le menu:

#menu{
text-align:left;
height:35px;
width:961px;
background:url(img/menu_bg_gauche.jpg);
float:left;
}

.btn_menu_principal{
display:block;
text-indent:-5000px;
height:35px;}


#nav {
padding: 0;
margin:0 0 0 211px;
list-style: none;
}

#nav li {float: left;}

#nav li ul {z-index:1;	position: absolute;left: -999em;margin:0;padding:0;
}
#nav li ul li {clear:both; list-style:none;}

#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

.btn_accueil{width:82px;background:url(img/menu_accueil.jpg) top no-repeat;}
.btn_accueil:hover{background:url(img/menu_accueil.jpg) bottom no-repeat;}

.btn_presentation{background:url(img/menu_presentation.jpg) top; width:178px}
.btn_presentation:hover{background:url(img/menu_presentation.jpg) bottom; width:178px}

.btn_exploitation{background:url(img/menu_exploitations.jpg) top; width:167px}
.btn_exploitation:hover{background:url(img/menu_exploitations.jpg) bottom; width:167px}

.btn_construction{background:url(img/menu_construction.jpg) top; width:169px;}
.btn_construction:hover{background:url(img/menu_construction.jpg) bottom; width:169px;}

.btn_contact{background:url(img/menu_contact.jpg) top; width:154px;}
.btn_contact:hover{background:url(img/menu_contact.jpg) bottom; width:154px;}

.btn_sous_menu_presgen{display:block;height:35px; width:178px; background:#999999;}
.btn_sous_menu_presgen:hover{background:#333333;}


et ici un lien vers un serveur test du site:
http://les-webmasters.com/public/ternois/index.html

Si quelqu'un a ne serait-ce qu'un soupçon d'idée je suis preneur!!

Merci d'avance Smiley biggrin
Modifié par zecaraz (19 Jun 2007 - 12:30)
Administrateur
Bonjour et bienvenue parmi nous 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

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Les menus déroulant... ce n'est pas vraiment accessible...
Je n'en ai jamais encore fait d'ailleurs...

Je ne puis t'aider dans ce cas Smiley smile

J'arrête... Smiley lol


Plus sérieusement, as-tu regardé les différents tutos de menus sur alsa et d'autres site?

Ca ne doit pas être bien compliqué.
Et en plus c'est monsieur Raphael qui me repond.. Smiley eyecrazy
Je lis vos livres et je ne prends meme pas le temps de lire les règles du forum.
Milles excuses pour mon empressement.
J'ai fait les modif nécessaires et file de suite (re)lire les bases et règles à suivrent.