Probleme de CSS

samof02 Messages postés 43 Date d'inscription Statut Membre Dernière intervention -
scriptiz Messages postés 1424 Date d'inscription Statut Membre Dernière intervention - 30 déc. 2009 à 19:10

Bonjour,

Je viens de rencontre un problème de css, et ce la raison pour la quel je viens de vous demander votre aider.
D'après ma mission je voulais faire un menu css et sous menu.
Mon problème est que sous firexfox ça marche impec mais sous IE ça me donne un résultat que j'attendais pas.

voici mon cote htlm ainsi que le css:
/******************************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>

Test de menu
</title>
<meta http-equiv="Content-Type" content=
"text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="menu.css" title="défaut">
</head>
<body lang="fr">

<div class="barre-menu-corps">
<div class="sam yacin com" >
<ul class="sam yacin com">
<li><a href="./accueil.php">Accueil</a>
</li>
<ul class="sam yacin com">
<li><a href="./accueil.php">OPTIMETRE</a>

<ul class="sam yacin com">
<li><a href="www.google.fr">Présentation</a></li>
<li><a href="www.yahoo.fr">Tarifs</a></li>
<li><a href="www.yahoo.fr">S'abonner</a></li>
</ul>

</li>
<ul class="sam yacin com">
<li><a href="./accueil.php">OPTIMEX</a>

<ul class="sam yacin com">
<li><a href="www.google.fr">Présentation</a></li>
<li><a href="www.yahoo.fr">Tarifs</a></li>
<li><a href="www.yahoo.fr">S'abonner</a></li>
<li><a href="www.yahoo.fr">Résultat</a></li>

</ul>

</li>
<li><a href="">OPTIVAL</a></li>
<li><a href="./inscription.php">OPTIGEST</a></li>
<li><a href="">S'INSCRIRE</a></li>
<li><a href="">CONTACTS</a></li>
<li><a href="">30 JOURS d'ESSAI GRATUIT</a></li>
</ul>
 
</div>

</div>
</body>
</html>
/******************************************************************************

Et voici le css:

.barre-menu-corps{
float:left;
width:900px;
background-image:url(../images/fond.jpg);
text-align:left;
height:27px;
}
}
.clearit {
margin: 0;
padding: 0;
height: 0;
clear: both;
}

.sam.yacin {

width: 900px;
height: 27px;
margin: 0;
padding: 0;
background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;

}

.sam.yacin ul {
list-style: none;
margin: 0;
padding: 0;
}
.ham{
padding-right: 35px;
}
.sam.yacin ul li {
float: left;
margin: 0;
padding: 0;
background: transparent url(images/bg-bubplastic-h-purple.gif) top left no-repeat;

}
.sam.yacin .content ul li{
background: transparent url(images/bg-bubplastic-h-orange.gif) top left no-repeat;
}

.sam.yacin ul li a {
display: block;
height: 27px;
padding-left: 35px;
text-transform: uppercase;
font-family: 'Trebuchet MS';
font-size: 70%;
color: #FFFFFF;
text-decoration: none;

}

/****Ceci permet d'afficher le sous menu lors de survoler du sourir****/

ul.sam.yacin li span.content {
display: none;
position: absolute;
left:8px;
width: 900px;
height: 27px;
margin: 0;
padding: 0;
}

/****Ceci permet d'afficher le sous menu lors de survoler du sourir****/
ul.sam.yacin li:hover > span.content {
display: inline;
}

.sam.yacin ul li a span.menu_ar {
display: block;
float: left;
height: 22px;
padding-top: 5px;
padding-right: 17px;
background: transparent url(images/bg-bubplastic-h-purple.gif) top right no-repeat;
cursor: pointer;
text-align:left;

}

ul.sam.com li span a:hover,
.sam.com ul li.highlight a {
background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;

}

.sam.com ul li a:hover span.menu_ar,
.sam.com ul li.highlight a span.menu_ar {
background: transparent url(images/bg-bubplastic-h-aqua.gif) top right no-repeat;
text-align:left;
}
/******************************************************************************

Sauf q'il manque les images pour le changement en cas d survol du souris

Merci de me débloquer.

Afficher la suite

A voir également:

Probleme de CSS
Css download - Télécharger - HTML
Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
Css ligne horizontale ✓ - Forum CSS
Enlever le soulignage des lien. - Forum CSS
Enlever soulignement lien css ✓ - Forum CSS

1 réponse

Réponse 1 / 1

scriptiz Messages postés 1424 Date d'inscription Statut Membre Dernière intervention 425

Bonjour, pour comprendre et résoudre tes problèmes dans IE je te conseille la lecture de cet article :

http://www.siteduzero.com/tutoriel-3-36505-les-hacks-css-pour-internet-explorer.html

Discussions similaires

Enlever le soulignement sous les liens en HTML/CSS

indice et exposant en css ?

Enlever trait sous un lien href

CSS/Comment enlever couleur liens ?

Background color css

Votre réponse

Discussions similaires