Discussion :

[Goupo]

Salut à tous,

Pour commencer voilà le bout de code que je tente de modifier.

Code :

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
 
#accueil, #prm, #analyse, #adm, #menu2 #plan {
 display: inline;
 
 /*border-top: 1px #FFD700 solid;
 border-left:1px #FFD700 solid;
 border-right: 1px #FFD700 solid;*/
 
 border: 1px #FFD700 solid;
 
 /*margin-top: 15px;*/
 margin-left: 5px;
 
 font-family: Arial, Helvetica, sans-serif;
 font-style: italic;
 font-weight: bold;
 font-size: 14px;
 
 padding-left: 14px;
 padding-right: 14px;
}

Ce code concerne l'apparence d'onglets.

Lorsque j'enlève /*margin-top: 15px;*/ l'un de mes onglets change de couleur.

Pareil pour cet autre bout de code:

Code :

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

1
2
3
4
5
6
7
 
#accueil {
 /*background-color: #CCCC00;*/
 background-color: #F9F4F0;
 color: #949494; 
 border: 1px #CCCCCC solid;
}

Lorsque je retire /*background-color: #CCCC00;*/ tous mes onglets rétrécissent.

Précision : Je ne consomme pas de drogues au travail.

Les commentaires compteraient quand même?

Merci d'avance.

Ci dessous, ma feuille CSS complète.

Code :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
#accueil, #prm, #analyse, #adm, #menu2 #plan {
 display: inline;
 
 /*border-top: 1px #FFD700 solid;
 border-left:1px #FFD700 solid;
 border-right: 1px #FFD700 solid;*/
 
 border: 1px #FFD700 solid;
 
 /*margin-top: 15px;*/
 margin-left: 5px;
 
 font-family: Arial, Helvetica, sans-serif;
 font-style: italic;
 font-weight: bold;
 font-size: 14px;
 
 padding-left: 14px;
 padding-right: 14px;
}
#accueil.selected, #prm.selected, #analyse.selected, #adm.selected, #menu2 #plan.selected {
 padding-top: none;
 padding-bottom: 5px;
 vertical-align: text-top;
 z-index: auto;
}
#accueil {
 /*background-color: #CCCC00;*/
 background-color: #F9F4F0;
 color: #949494; 
 border: 1px #CCCCCC solid;
}
<!-- =============================================================== -->
<!--        ONGLETS             -->
<!-- =============================================================== -->
#prm {
 /*background-color: #993300;*/
 background-color: #2E90B5;
 border: 1px #006699 solid;
}
#analyse {
 /*background-color: #003399;*/
 background-color: #B3AE5D;
 border: 1px #996600 solid;
}
#adm {
 /*background-color: #00AA00;*/
 background-color: #B1597E;
 border: 1px #990099 solid;
}
<!-- =============================================================== -->
<!--       SOUS ONGLETS            -->
<!-- =============================================================== -->
#elements_param div.element {
 /*background-color: #993300;*/
 background-color: #2E90B5;
 border: 1px #006699 solid;
}
#elements_analyse div.element {
 /*background-color: #003399;*/
 background-color: #B3AE5D;
 border: 1px #996600 solid;
}
#elements_adm div.element {
 /*background-color: #00AA00;*/
 background-color: #B1597E;
 border: 1px #990099 solid;
}
.element {
 display: inline;
 /*border: 1px #FFD700 solid;*/
 padding-left: 5px;
 padding-right: 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: italic;
 font-weight: bold;
 font-size: 12px;
 z-index: 1000;
 margin-left: 5px;
}
#niv2 {
 border-top: medium #CCCCCC solid;
 border-left: thin #CCCCCC solid;
 padding-top: 5px;
 height: 20px; 
}
.fixe {
 display: inherit;
}
#niv2 .hidden {
 display: none;
}
#niv2 .visible {
 display: inline;
}
#menu2 a {
 color:white;
 text-decoration:none;
 padding:1px;
}
#accueil a {
 color: #949494;
}
#menu2 a:hover {
 color: #FFD700;
}
#analyse.selected {
 color:#FFD700;
}

[Bisûnûrs]

On pourrait voir ce phénomène sur deux exemples en ligne ?


Au passage, tu devrais supprimer tes commentaires type HTML (<!-- -->) de ton code CSS, ils n'ont rien à faire là et peuvent perturber l'interprétation de ta feuille de style.

[Goupo]

On pourrait voir ce phénomène sur deux exemples en ligne ?

Non. Ce n'est pas une appli pour le web mais pour un intranet. De plus, je pense, les informations que j'affiche ne sont pas tout à fait publiques.

Des captures d'écran des onglets, ça irait?
A moins que ce soit le source de la page que tu souhaite voir?

[michel.bosseaux]

Code :

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

 border: 1px #FFD700 solid;

Généralement, je met plutôt 1px solid #code_couleur (et j'ai bien la couleur que je veux qui s'affiche en bordure).
Je ne sais pas si ça a un rapport avec ton problème... mais ça vaut la peine de vérifier.

[Bisûnûrs]

La source peut suffire s'il n'y a pas d'images.

Cela dit, je pense que rien ne t'empêche de nous proposer une version en ligne épurée de toute information confidentielle, ne reprenant que la structure HTML et CSS posant problème.