Discussion :

[Tillo]

Bonjour à tous,

Je suis en train de rajeunir le menu de mon site perso. Rien de bien génial, mais je trouve que cela sera un peu plus joli.
J'en profite aussi pour faire un grand ménage dans le code car c'est il avait été généré avec Artisteer et à force de faire des modifs ça fini par devenir un peu le bordel...

J'ai le bout de CSS suivant:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
#comform textarea
	{
	max-width: 400px !important;
	width: 350px;
	margin: 0;
	resize: none;
	}
 
/* -------------------------------------------- */
/*    pillmenu avec les petits onglets bleus	*/																					*/
/* -------------------------------------------- */
 
nav
	{
	background-color:#dbbda3;
	/* border-bottom:5px solid #333A40; */
	border-bottom:5px solid #695330;
	}
 
#menu-demo2, #menu-demo2 ul
	{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	}

Quand j’enlève les commentaires des lignes 10, 11 et 12, le style de la ligne 18 ne s'applique plus
Je suis sûr que c'est un truc tout bête mais je sèche...

a+
Alexis

[Bisûnûrs]

Le seul code présenté ne doit pas poser de problème. Tu dois avoir un élément ailleurs qui doit entrer en conflit.

- As-tu un lien à nous fournir ? Genre deux pages : avant/après par exemple ?
- As-tu essayé de réduire le CSS au strict minimum et qui présente encore le problème ?

[Tillo]

Je me suis trompé, c'est l'inverse !
Quand les commentaires des lignes 10,11,12 sont présents, le style "nav" ne s'applique pas.

- As-tu un lien à nous fournir ? Genre deux pages : avant/après par exemple ?

Non, pour l'instant je suis en local. Il y a un travail de nettoyage trop important pour que je puisse mettre en ligne tout de suite.

- As-tu essayé de réduire le CSS au strict minimum et qui présente encore le problème ?

ça devient dingue....
J'ai supprimé tout le css, pour ne laisser que ça :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
nav
	{
	background-color:#dbbda3;
	border-bottom:5px solid #695330;
	}

et quand je mets les 3 lignes de commentaires comme ceci:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
/* -------------------------------------------- */
/*    pillmenu avec les petits onglets bleus	*/																					*/
/* -------------------------------------------- */
 
nav
	{
	background-color:#dbbda3;
	border-bottom:5px solid #695330;
	}

La feuille de style n'est pas appliquée...

Je vais jeter un oeil sur le code HTML qui correspond, on ne sait jamais.

[Bisûnûrs]

Peux-tu voir si ton problème serait reproductible sur http://codepen.io ?

[Tillo]

Le problème est résolu... j'ai honte de l'avouer mais il y avait un */ qui se perdait tout seul loin... très loin au bout d'une ligne.

Désolé de vous avoir dérangé

[Bovino]

Place l'ascenseur horizontal de la zone de code tout à droite et tu verras apparaitre la méchante erreur...

[Bisûnûrs]

Ach, j'avais même pas vu.