Menu CSS dans les Design

Utilisation du core de Jeedom Design
1

Bonjour,
J’utilise un menu CSS dans mes design comme ceci :

image
image1253×290 99.9 KB

mais voila, je rajoute des pages, des icones …
j’ai voulu rajouter une page , mais l’icone se place en dessous u premier icone et non au bout à côté des autres , je ne comprends pas …

Ci dessous le code css utilisé :

div.menu_top
{
	width:1681px;
	height:70px;
	background-color: rgba(0,0,0,0.6);
	border-bottom:2px solid rgba(0,0,0,1);

}
ul.monmenu
{
	width:1681px;
   	margin: 0 auto;
}

ul.monmenu ul.monmenu_sep
{

	list-style-type:none;
	color:rgba(255,255,255,0.8);
	font-family:Roboto;
	font-size: 16px;
	font-weight: normal;
}

li.monmenu
{

	display:inline-block;
	width: 100px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
}

div.imagette
{

	text-align: center;
	margin-bottom: 5px;
	opacity: 0.3 ;

}

li.monmenu:hover{

	background-color: rgba(255,255,255,0.2);
}

li.selected{
	display:inline-block;
	width: 100px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.2);
}

li.monmenu_sep
{

	display:inline-block;
	width: 100px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;

	border-right: 1px solid rgba(0,0,0,0.3);

}

div.bouton{

	opacity: 1;

}

div.bouton:hover
{

	opacity: 0.5;
}

que faire ?

2

hello

Ton monmenu a une largeur fixe de width:1681px;, idem pour menu_top

le contenu à l’intérieur s’adapte donc.

Si tu fais F12 avec chrome par exemple, tu click en bas sur l’icone de sélection image
tu click sur ton menu, tu verras à droite les propriétés css, tu modifies à la volée, et quand t’as ton bonheur, plus qu’à modifier le vrai code!

3

effectivement , j’arrive à jouer sur les paramètres avec cette méthode, et je trouve les bons réglages :slightly_smiling_face:
Pour autant, comment fait-on appliquer la maj des paramètres effectuées dans le fichier en css ? Quand je reviens dans mes design rien ne change … :thinking:

4

j’ai changé le nom du fichier et ça marche …
Bizarre les lois de l’informatique !! :innocent:

5

il faut éditer ton design (là où tu as mis le code) et modifier puis sauvegarder.

Parfois il faut forcer le rafraichissement avec CTRL+F5 si tu es avec chrome, sous firefox je ne sais plus