bjs
le CSS de ma barre horizontale ca marche super sur firefox mais j'ai un probleme sur Internet explorer incompressible .Impossible de naviguer sur la barre horizontale .
voici le code
et son css
voici le lien du site test
http://www.s223649575.onlinehome.fr/
si vous savez pourquoi ca m'aiderai énormément .
merci d'avance .
le CSS de ma barre horizontale ca marche super sur firefox mais j'ai un probleme sur Internet explorer incompressible .Impossible de naviguer sur la barre horizontale .
voici le code
Code:
<div class="menu1">
<ul>
<li> </li>
<li><a class="menu1one" href="<?php tep_href_link(FILENAME_DEFAULT)?>">Home</a></li>
</ul>
<ul>
<li><a class="menu1two" href="#Siecle-Paris">Specialite
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tbody><tr><td>
<ul>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(13) ) . '">' . '<span>'.'ART DE TABLE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(3) ) . '">' . '<span>'.'DECO MAISON' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(27) ) . '">' . '<span>'.'BIJOUX' . '</span></a>';?></li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1three" href="#Siecle-Paris">Destinataire
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tbody><tr><td>
<ul>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(57) ) . '">' . '<span>'.'GOURMET' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(56) ) . '">' . '<span>'.'BEBE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(55) ) . '">' . '<span>'.'Pour LUI' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(54) ) . '">' . '<span>'.'Pour ELLE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(53) ) . '">' . '<span>'.'MAISON' . '</span></a>';?></li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1four" href="#Siecle-Paris">Evenement
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tbody><tr><td>
<ul>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(59) ) . '">' . '<span>'.'ANNIVERSAIRE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(60) ) . '">' . '<span>'.'MARIAGE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(61) ) . '">' . '<span>'.'NAISSANCE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(62) ) . '">' . '<span>'.'NOEL' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(63) ) . '">' . '<span>'.'WEEK END' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(64) ) . '">' . '<span>'.'DINER' . '</span></a>';?></li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1five" href="#Siecle-Paris">Objets d'exception
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tbody><tr><td>
<ul>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(65) ) . '">' . '<span>'.'ORFEVRERIE' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(66) ) . '">' . '<span>'.'LINGE DE MAISON' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path(67) ) . '">' . '<span>'.'DECOUPAGE POTICOMANIA' . '</span></a>';?></li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1six" href="#Siecle-Paris">Qui sommes nous ?
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tbody><tr><td>
<ul>
<li><?php echo '<a href="' . tep_href_link('cgv_concept.php') . '">' . '<span>'.'Concept' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link('cgv_presse.php') . '">' . '<span>'.'Siecle dans la Presse' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link('cgv_boutique.php') . '">' . '<span>'.'Boutique 24 rue du Bac' . '</span></a>';?></li>
<li><?php echo '<a href="' . tep_href_link('cgv_atelier_creation.php') . '">' . '<span>'."L'Atelier" . '</span></a>';?></li>
</ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div>
Code:
.menu1 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(images/menu1.gif) repeat-x top left;
border-top:3px solid #4c597f; border-bottom:3px solid #4c597f;
margin:0 0 20px 0; /* for this demo only */
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff;
}
.menu1 ul li:hover {width:auto;}
.menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}
.menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}
.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}
/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}
http://www.s223649575.onlinehome.fr/
si vous savez pourquoi ca m'aiderai énormément .
merci d'avance .