Css

Fermé

amel - 9 juin 2008 à 12:32
bg62 Messages postés 23712 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 18 avril 2025 - 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
Enlever le soulignement d'un lien css ✓ - Forum CSS
Background color css ✓ - Forum CSS
Comment créer un lien non souligné ✓ - Forum Réseaux sociaux
Css download - Télécharger - HTML
Enlever le soulignage des lien. - Forum CSS

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 23712 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 18 avril 2025 2 404
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

Bonjour,

Je n'arrive pas à faire un trait horizontal avec du css.

Merci pour votre aide

indice et exposant en css ?

Bonjour,

Comment peut on faire pour mettres les indices (en bas de lettre petite taille) et les exposants (en haut de lettre petite taille) ?
Balise xhtml ou style css ?

Je n'aime pas la balise parce qu'elle me décale mes interlignes d'un demi point. créant une interligne de 1 et demi.
Y a t'il d'autres balises html ?

Et en css, quelle classe peut on créer ? Si ça existe....

Namasté
Yv

Enlever le soulignement sous les liens en HTML/CSS

Document initial créé par Jean-François Pillou

Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none :
Grâce au CSS Grâce au CSS via une classe Grâce au CSS en ligne Notre vidéo

Grâce au CSS Pour ce faire, il suffit de définir le code CSS suivant dans votre code HTML :

a:link
{
text-decoration:none;
}

Notez que la pseudo-classe :link permet de ne cibler que les liens hypertextes () et non les ancres (). Vous pouvez toutefois vous en passer si vo...

Enlever trait sous un lien href

Bonjour,
J'aimerai savoir comment faire pour que mon lien ne soit pas souligné lorsque je fais un href.

Merci

HTML - définir taille bouton

Bonjour,

J'essaie de faire plusieurs boutons de même dimension, sauf que celle ci varie en fonction du texte inscrit sur le bouton...

Je parle de boutons de boutons de formulaire de ce genre :