Sous menu horizontale

Résolu
cabon.contact Messages postés 55 Date d'inscription   Statut Membre Dernière intervention   -  
dr.pc1 Messages postés 4607 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

j'aimerais modifier le sous-menu du site (francedemain.fr) mais je n'y arrive pas.
Avez vous une solution à m'apporter sachant qu'à la base j'arrive tout de même à créer ce genre de menu sur n'importe quel site sauf sur celui là.
A voir également:

7 réponses

Réponse 1 / 7
dr.pc1 Messages postés 4607 Date d'inscription   Statut Contributeur Dernière intervention   1 039
 
Salut,

Moi je te conseille de voir d'autres menus pour ne pas avoir de problèmes du genre : http://cssmenumaker.com/css-drop-down-menu

Ils sont faciles à installer ;)

Sinon, si tu ne veux pas, je peux toujours optimiser le code que tu m'as donné.
1
Réponse 2 / 7
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
Bonjour,

Re-lisez votre question ... vous n'expliquez pas ce que vous voulez faire alors comment voulez vous recevoir de l'aide ... ?
0
Réponse 3 / 7
cabon.contact Messages postés 55 Date d'inscription   Statut Membre Dernière intervention  
 
Ah oui je suis désolé, j'aimerais créer un sous-menu horizontal, mais comme je l'ai dit, j'ai vraiment du mal. J'ai déjà regardé des tutoriels sur le web, j'ai compris comment ça fonctionnait mais là je bloque, et le pire c'est que je doit avoir finit pour aujourd'hui.. Merci d'avance pour vos réponses !
0
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
"un sous-menu horizontal" , c'est à dire ... vous avez un exemple ?
Edit : https://openclassrooms.com/forum/sujet/menu-horizontal-avec-sous-menu-horizontale
0
Réponse 4 / 7
cabon.contact Messages postés 55 Date d'inscription   Statut Membre Dernière intervention  
 
Oui j'ai un exemple, ça c'est moi qui l'est fait.
http://img15.hostingpics.net/pics/828402Sanstitre1.png

Mais toujours impossible de le faire sur le site, je suis sur wordpress et c'est un thème assez particulier.
0
cabon.contact Messages postés 55 Date d'inscription   Statut Membre Dernière intervention  
 
J'ai trouver la ligne que je voulait : 
#menu2 li ul li{position:relative;display:block; float:right;}


Mais je n'y arrive pas non plus ..

J'ai oublié de te remercier de m'avoir répondu.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
dr.pc1 Messages postés 4607 Date d'inscription   Statut Contributeur Dernière intervention   1 039
 
Salut,

Est-ce que tu pourrais nous donner le code html et CSS du menu :)
0
Réponse 6 / 7
cabon.contact Messages postés 55 Date d'inscription   Statut Membre Dernière intervention  
 
Salut,

oui :)

CSS : 
#menu2
{
	width:980px;
	background:url('images/menubg.png') repeat-x;
	height:35px;
	margin:0 auto auto;
	padding:0;
	border-top:0 solid #e6e6e6;
}

#menu2 ul
{
	list-style:none;
	margin:0 !important;
	padding:0 !important;
}

#menu2 li
{
	float:left;
	list-style:none;
	margin-top:20px;
	padding:0;
	height:35px;
}

#menu2 li a,#menu2 li a:link,#menu2 li a:visited
{
	margin:0;
	padding:10px;
	display:inline;
	height:19px;
	font-size:15px;
	color:#f1f1f1;
	text-decoration:none;
	font-family:"arial", sans-serif;
	font-weight:700;
	font-style:normal;
}

#menu2 li a:hover,#menu2 li a:active
{
	background:#cecece;
	margin-top:20px;
	padding:8px 10px;
	color:#f1141a;
	display:inline;
	text-decoration:none;
}

#menu2 li.current-post-ancestor a,#menu2 li.current_page_item a,#menu2 li.current-menu-item a
{
	background:#cecece;
	color:#f1141a !important;
}

#menu2 li li a,#menu2 li li a:link,#menu2 li li a:visited
{
	width:149px;
	float:none;
	margin:0;
	padding:8px 15px;
	color:#fff;
}

#menu2 li li a:hover,#menu2 li li a:active
{
	background:#f5f5f5;
	padding:8px 15px;
	color:#f11d22;
}

#menu2 li ul
{
	background:#292929;
	border:solid #000;
	border-width:0 1px 1px 2px;
	z-index:9999;
	position:absolute;
	height:auto;
	width:178px;
	margin:0;
	padding:0;
	left:-999em;
}

#menu2 li ul ul
{
	margin:-36px 0 0 180px !important;
}


HTML : 
<div id="menu2"><ul><div class="menu-header"><ul id="menu-header_1" class="menu"><li id="menu-item-22" class="menu-item menu-item-type-taxonomy menu-item-object-category arrow menu-item-22"><a href="http://actus-entreprise.fr/category/finance/">Finance</a>
<ul class="sub-menu">
	<li id="menu-item-280" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-280"><a href="http://test.fr">Test</a></li>
	<li id="menu-item-281" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-281"><a href="http://test.fr">Test</a></li>
</ul>
</li>
<li id="menu-item-23" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-23"><a href="http://actus-entreprise.fr/category/charges/">Charges</a></li>
<li id="menu-item-24" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24"><a href="http://actus-entreprise.fr/category/fiscalite/">Fiscalité</a></li>
<li id="menu-item-188" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-188"><a href="http://actus-entreprise.fr/category/monde/">Monde</a></li>
<li id="menu-item-25" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25"><a href="http://actus-entreprise.fr/category/developpement-durable/">Dév. durable</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-26"><a href="http://actus-entreprise.fr/category/aides/">Aides</a></li>
<li id="menu-item-126" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-126"><a href="http://actus-entreprise.fr/category/etat/">État</a></li>
<li id="menu-item-128" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-128"><a href="http://actus-entreprise.fr/category/investissement/">Invest.</a></li>
<li id="menu-item-129" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-129"><a href="http://actus-entreprise.fr/category/social/">Social</a></li>
<li id="menu-item-130" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-130"><a href="http://actus-entreprise.fr/category/politique/">Politique</a></li>
<li id="menu-item-185" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-185"><a href="http://actus-entreprise.fr/category/tendances/">Tendances</a></li>
</ul></div></ul></div>
0
Réponse 7 / 7
cabon.contact Messages postés 55 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour vos réponses ! <3 ^^
0
dr.pc1 Messages postés 4607 Date d'inscription   Statut Contributeur Dernière intervention   1 039
 
Salut,

De rien :)
0

Discussions similaires

menu caché
laurent -
ChariduP -

7 réponses
Comment activer le Bluetooth sur une TV Samsung ?
zaraki490 -
Marjo -

110 réponses
Mon PC marque press the esc key for startup menu
Jonas2022 -
SATS_fr -

5 réponses
Déblocage du mode hôtel Philips 20HF5234/10
Jo_3 -
TRAORE_2505 -

7 réponses