Css

Fermé

amel - 9 juin 2008 à 12:32
bg62 Messages postés 23652 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 29 octobre 2024 - 9 juin 2008 à 14:13

Bonjour,

s'il vous plait aide moi , j'ai un prbléme

quand j'ai réalise ce programme sur dreamweaver il me donne rien sur internet explorer

aide moi

mérci beaucoup

voila le programme

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {behavior: url(csshover.htc);}
/*on enleve la restriction de taille du menu*/
div#menu {/*width: 100px;*/}
div#menu a {color:#000000}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0;/* width: 100px; border:1px solid;*/ margin:0px; background: white}
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:100px}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:100px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/*Il faut decaller les soussous menu de la taille du sous menu */
div#menu ul.niveau3 {top:0; left: 100px;}

/* on enleve la bordure de chaque hauteur a une couleure de survol
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}*/

body {behavior: url(csshover.htc);}
div#menu a {color:#000000}
div#menu ul {padding: 0; margin:0px; background: white; text-align:center}
div#menu li {background:#CCCCCC}
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}
/* rejout couleur de fond */
div#menu li.sousmenu {background: #CCCCCC url('fleche.gif') no-repeat 95% 50%; }
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background:#CCCCCC url('fleche2.gif') no-repeat 95% 50%;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid}

div#menu ul ul {position: absolute;display:none; width:100px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:100px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #99CC00}

-->
</style>

</head>

<body>
<div id="menu" style="margin-left:150px;">
<ul class="niveau1">
<li><a href="lien">menu 1</a></li>
<li class="sousmenu , plop"><a href="lien">menu 2</a>
<ul class="niveau2">
<li><a href="lien">Sous menu 2.1</a></li>
<li><a href="lien">Sous menu 2.2</a></li>
</ul>
</li>
<li><a href="lien">menu 3</a></li>
<li class="sousmenu , plop"><a href="lien">menu 4</a>
<ul class="niveau2">
<li class="sousmenu"><a href="lien">Le sous menu 4.1</a>
<ul class="niveau3">
<li><a href="lien">Sous sous menu 4.1.1</a></li>
<li><a href="lien">Sous sous menu 4.1.2</a></li>
<li><a href="lien">Sous sous menu 4.1.3</a></li>
</ul>
</li>
<li><a href="lien">Le sous menu 4.2</a></li>
</ul>
</li>
<li><a href="lien">menu 5</a></li>
</ul>
</div>
</body>
</html>

A voir également:

Css
Css premier plan ✓ - Forum CSS
Css exposant ✓ - Forum CSS
Css download - Télécharger - HTML
Css retour à la ligne ✓ - Forum CSS
Saut de lignes sans <br/> ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

yoogui Messages postés 2021 Date d'inscription dimanche 23 décembre 2007 Statut Membre Dernière intervention 13 avril 2011 316
9 juin 2008 à 12:35

On le reçoit combien de fois par jour ce message..essaye avec FireFox, InternetExplorer et CSS ça fait 2..

Réponse 2 / 2

bg62 Messages postés 23652 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 29 octobre 2024 2 384
9 juin 2008 à 14:13

travaille en premier avec FF et cela passera certainement mieux après dans iE
tu peux voir aussi :http://referencer.unesourisetmoi.info/articles.php?pg=art217
@+
b g

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

[CSS] Forcé retour à la ligne

HTML - définir taille bouton

CSS/Comment enlever couleur liens ?