ie inline-block ou inline
Bonjours a tous, je suis nouveau dans se forum donc excuser moi si ma mise en page n'est pas dans vos norme ^^.
Voyant que internet explorer n'affiche pas mon inline-block et après recherche sur la "toile", j'ai sorti un script qui ne marche pas.
Notez que les alert() sont valide .
Code:
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
| <head><title>Sandwitch</title>
<script language="javascript" >
function sandwich(spef){
document.getElementById('gr').className = 'contenu';
document.getElementById('ca').className = 'contenu';
document.getElementById('sa').className = 'contenu';
document.getElementById('mo').className = 'contenu';
document.getElementById('pa').className = 'contenu';
document.getElementById('cr').className = 'contenu';
document.getElementById(spef).className = 'aff';
}
function navigateur(){
if(navigator.appName== "Netscape") {
alert('netscape');
document.getElementsByName('onglet').stye.display= 'inline-block';
}
else if(navigator.appName == "Microsoft Internet Explorer") {
alert('ie');
document.getElementsByName('onglet').stye.display= 'inline';
}
else return;
}
</script>
<STYLE type="text/css">
.onglet {
border: #6b8e23 2px solid;
margin: 0px;
padding : 10px;
background-color: #a52a2a;
}
.contenu {
display: none;
}
.aff {
display :block ;
border: #6b8e23 2px solid;
font-size: 2em;
background-color: #8A2BE2;
}
body {
background-image: url(enseigne-pomme-de-pain.jpg);
}
li{
margin-left : 500px;
}
</STYLE>
</head>
<body onload="navigateur();" >
<div align="center" >
<img src="logo_pomme-de-pain.jpg" title="LOGO" alt="pas d'image" /><br/>
<div class="onglet" name="onglet" ><a href="javascript:;" onclick="sandwich('gr');">Grilladin</a>
</div>
<div class="onglet" name="onglet"><a href="javascript:;"onclick="sandwich('ca');" >Capresse</a>
</div>
<div class="onglet" name="onglet"><a href="javascript:;" onclick="sandwich('sa');">Saveur du Sud</a>
</div>
<div class="onglet" name="onglet"><a href="javascript:;" onclick="sandwich('mo');">Montagnard</a>
</div>
<div class="onglet" name="onglet"><a href="javascript:;" onclick="sandwich('pa');">Pays</a>
</div>
<div class="onglet" name="onglet"><a href="javascript:;" onclick="sandwich('cr');">Craquant</a>
</div>
</div>
<br/>
<div class="contenu" id="gr" ><ul>
<li>bearnesse</li>
<li>conté</li>
<li>steak</li>
<li>Plat secondaire</li>
<li>icberg</li>
</ul></div>
<div class="contenu " id="ca"> <ul>
<li>tapenade</li>
<li>mozzarella</li>
<li>tomate confie</li>
<li>grain de pin</li>
</ul>
</div>
<div class="contenu " id="sa">
<ul>
<li>piono?</li>
<li> ail</li>
<li> poulet epicer</li>
<li> icberg</li>
</ul></div>
<div class="contenu"id="mo" ><ul>
<li>(creme fraiche, perccil?)</li>
<li>tomate</li>
<li> bacon</li>
<li> fondue</li>
</ul></div>
<div class="contenu " id="pa"><ul>
<li>beure</li>
<li>janbon cru</li>
<li> cornichon</li>
</ul>
</div>
<div class="contenu" id="cr"><ul>
<li>(vache ki rie, macedoine,)</li>
<li> jambon</li>
<li>cornichon</li>
<li>salade</li>
</div>
</body> |
Merci de m'eclairer se forum est une mine d OR
