Sujet Précédent Sujet Suivant

Sous menu horizontale

Résolu/Fermé
cabon.contact Messages postés 55 Date d'inscription dimanche 3 mars 2013 Statut Membre Dernière intervention 10 décembre 2013 - 2 juil. 2013 à 09:41
dr.pc1 Messages postés 4607 Date d'inscription mercredi 20 juillet 2011 Statut Contributeur Dernière intervention 7 janvier 2021 - 7 juil. 2013 à 22:01
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 mercredi 20 juillet 2011 Statut Contributeur Dernière intervention 7 janvier 2021 1 035
3 juil. 2013 à 11:29
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 mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
2 juil. 2013 à 09:52
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 dimanche 3 mars 2013 Statut Membre Dernière intervention 10 décembre 2013
2 juil. 2013 à 10:04
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 mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
Modifié par tryan44 le 2/07/2013 à 11:04
"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 dimanche 3 mars 2013 Statut Membre Dernière intervention 10 décembre 2013
2 juil. 2013 à 11:10
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 dimanche 3 mars 2013 Statut Membre Dernière intervention 10 décembre 2013
2 juil. 2013 à 11:29
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 mercredi 20 juillet 2011 Statut Contributeur Dernière intervention 7 janvier 2021 1 035
2 juil. 2013 à 22:10
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 dimanche 3 mars 2013 Statut Membre Dernière intervention 10 décembre 2013
3 juil. 2013 à 10:27
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 dimanche 3 mars 2013 Statut Membre Dernière intervention 10 décembre 2013
6 juil. 2013 à 19:19
Merci pour vos réponses ! <3 ^^
0
dr.pc1 Messages postés 4607 Date d'inscription mercredi 20 juillet 2011 Statut Contributeur Dernière intervention 7 janvier 2021 1 035
7 juil. 2013 à 22:01
Salut,

De rien :)
0

Discussions similaires

les entrées et les sortées
oussman -
MarsuGL -

2 réponses
mon ordi marque press the esc key for startup menu
jasonparris -
elow -

5 réponses
Accéder au menu Advanced Bios PC portable HP
Axferd -
Bill -

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

7 réponses