Bonjour,
Je viens de m'apercevoir que j'ai un problème de menu déroulant sur ie6, ainsi que de mise en page catalogue. Problème d'affichage du formulaire de contact aussi.
site internet: atoutservice13.com
css:
@charset "utf-8";
/* ============================================================================================================== */
/* ============================================== Général ======================================================= */
/* ============================================================================================================== */
/*
Jaune clair : FCF3D7
Jaune foncé : F7E194
gris : 646567
gris clair : B1B3B4
marron : 904F32
*/
body {
background:#FCF3D7;
margin: 0; padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
* {margin:0; padding:0;}
a:link {color:#000066; text-decoration: none; cursor:pointer; }
a:visited {color:#000066; text-decoration: none; }
a:hover {color:#904F32; text-decoration: underline; }
img {border:none;}
p {margin-bottom:5px;}
h1 {margin-bottom:10px;}
.red {color:#990000;}
/* ============================================================================================================== */
/* ============================================== Structure ===================================================== */
/* ============================================================================================================== */
#logo {
position:absolute; top:0; left:0;
width:320px; height:100px;
z-index:10;
}
#nav {position:relative; background:#F7E194; height:53px; padding-left:320px; overflow:hidden; z-index:5;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
#mainMenu {position:relative; background:#646567; height:23px; margin-left:250px; padding-left:70px; z-index:3;}
#conteneurG {width:90%; height:auto; margin:30px 0 50px 5%; float:left;}
#block_left {width:30%; height:auto; margin:0 5% 0 0; float:left;}
#block_right {width:65%; height:auto; float:left;}
.block_1 {background:#F7E194;}
.pannel {background:#646567; height:25px; color:#ffffff; text-align:center;}
.padding {padding:10px;}
#footer {
position:fixed; bottom:0; left:0;
width:100%; height:26px;
background:#F7E194; border-top:8px solid #646567;
text-align:center; line-height:20px; font-size:10px; color:#000066;
}
/* ============================================================================================================== */
/* =============================================== Contenu ====================================================== */
/* ============================================================================================================== */
#block_left .block_1 {padding:10px 10%; margin:0 0 25px 0;}
#block_right .block_1 {padding:10px 5%; margin:0 0 25px 0;}
h3.pannel {line-height:22px;}
table.catalogue {
margin:10px 0;
background:#904F32;
color:#ffffff;
}
table.catalogue h2 {
color:#FCF3D7;
}
table.catalogue td.coef {
background:#FCF3D7;
border:1px solid #904F32;
color:#904F32;
}
table.catalogue td.img {
background:#FCF3D7;
}
img.galerie{
margin:10px 2%;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
filter:"alpha(opacity=60)"; /* L'opacité pour Internet Explorer*/
opacity: 0.70;
filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
}
img.galerie:hover {
margin:10px 2%;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
filter:"alpha(opacity=99)"; /* L'opacité pour Internet Explorer*/
opacity: 0.98;
filter:alpha(opacity=99); /* L'opacité pour Internet Explorer*/
}
td.img a img {
-moz-border-radius:8px;
-webkit-border-radius:8px;
filter:"alpha(opacity=60)"; /* L'opacité pour Internet Explorer*/
opacity: 0.70;
filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
}
td.img a img:hover {
filter:"alpha(opacity=99)"; /* L'opacité pour Internet Explorer*/
opacity: 0.98;
filter:alpha(opacity=99); /* L'opacité pour Internet Explorer*/
}
/* ============================================================================================================== */
/* ================================================ Menu ======================================================== */
/* ============================================================================================================== */
#nav a {
display:inline-block;
margin:6px 30px; width:77px; height:37px;
background:url(../images/pages/nav.jpg) no-repeat;
}
#nav a:hover{background:url(../images/pages/nav-h.jpg) no-repeat;}
#nav img {margin:4px 0; max-width:70px;}
#mainMenu ul {width:110px; height:inherit; display:block; float:left; text-align:center; list-style:none;}
#mainMenu a {width:inherit; height:23px; line-height:20px; display:block; color:#ffffff; font-weight:bold;}
#mainMenu li {width:auto; height:23px; background:#646567;}
#mainMenu a:hover {color:#F7E194; text-decoration:none;}
#mainMenu li li img {float:right;margin:8px 5px;}
#menu_mod ul {list-style:none;}
#menu_mod .more {list-style-image:url(../images/pages/more.gif); list-style-position:outside;}
#menu_mod .less {list-style-image:url(../images/pages/less.gif); list-style-position:outside;}
#mainMenu li li{
filter:"alpha(opacity=60)"; /* L'opacité pour Internet Explorer*/
opacity: 0.70;
filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
}
#mainMenu li li:hover{
background-color: #646567;
opacity: 1;
filter:alpha(opacity=99); /* L'opacité pour Internet Explorer*/
filter:"alpha(opacity=99)"; /* L'opacité pour Internet Explorer*/
}
/* ============================================================================================================== */
/* =============================================== Formulaire =================================================== */
/* ============================================================================================================== */
fieldset{margin:10px 0 30px 0; padding:20px;}
legend {margin:0 5px; padding:3px 15px;}
label {float:left; clear:left; width:180px; padding:5px;}
input {float:left; margin:3px 0;}
select {float:left; margin:3px 0;}
option {float:left; margin:3px 0;}
textarea{float:left;}
.submit, .reset {float:none;}
fieldset{
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
legend {
font-size:13px; font-weight:bold;
border:1px outset #000000;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
label:hover {background:#FCF3D7;}
/* ============================================================================================================== */
/* ============================================ Module Home Actu ================================================ */
/* ============================================================================================================== */
#homeactu h3 {text-align:center; margin:0 0 10px 0;}
#homeactu img {margin:0 0 10px 0;}
#homeactu p {text-indent:10px;}
/* ============================================================================================================== */
/* ============================================ Module Home Liens =============================================== */
/* ============================================================================================================== */
#homeliens img {margin:10px; width:70px; height:70px;}
Quelqu'un peut-il m'aider svp?
Ca marche nickel sur ie8 et tous les autres navigateurs (firefox, opéra, safari...)
Afficher la suite