[CSS]Pourriez vous m'aider pour ce code (CSS ELITE)

Marsh Posté le 14-04-2004 à 11:22:05

Salut :hello:

Voir les derniers POSTS concernant ce code

Voilà le code HTML: Mis à jour: 14/04:15h40

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>DEMO MENU CSS/JS </title>
<meta name="" content="" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
<meta http-equiv="pragma" content= "no-cache " />
<meta http-equiv="Cache-Control" content="no-cache" />
<style type="text/css" media="screen">
body {
background:none #000000;
color:#fff;
width:100%;
height:100%;
text-align:center;
}
.plan {
text-align:left;
font-family:Helvetica, sans-serif;
font-size:12px;
color:#abd;
}
.ici{
color:#bbb;
text-decoration:underline overline;
}
.texte {
font-family:fantasy;
font-size:18px;
}
.m {
position:relative;
bottom:0em;
left:0em;
padding-bottom:90px;
width:1024px;
}
.menu{
background:#900;
border:1px solid #FFF;
margin:1px;
width: 95px;
font-size:11px;
float:left;
}
.menu p:hover, .menu a:hover, .menu a:focus{
background-color:#F93;
}
.menu a:active, .ssmenu a:active {
background:#abc;
color: #000;
}
.menu a {
text-decoration:none;
color:#fff;
display:block;
}
.ssmenu {
border:1px dashed #FFF;
background:#900;
margin:1px;
width:95px;
font-size:12px;
display:block;
text-align:left;
list-style-position:inside;
float: left;
padding:0px;
}
.ssmenu li{
background-color:#900;
}
.ssmenu li:hover, .ssmenu a:hover, .ssmenu a:focus {
background-color:#F93;
list-style-type: circle;
list-style-position : inside;
}
.menu span, .ssmenu span {
display:none;
}
.ssmenu a{
text-decoration:none;
color:#fff;
}
hr {
width:70%;
}
#ssmenu0{
margin-left:0%;
clear:left;
}
</style>
<script type="text/javascript">
function Chargement() {
CacherMenus();
}
function MontrerMenu(strMenu) {
CacherMenus();
document.getElementById(strMenu).style.visibility="visible";
}
function CacherMenus() {
for(i=1;i<=6;i++) {
with(document.getElementById("ssmenu"+i).style) {
visibility="hidden";
}
}
}
</script>
</head>
<body onload="Chargement();">
<h1>Bienvenue sur le site de DEMO MENU CSS/JS V2.2 Beta </h1>
<div class="plan">
Vous etes ici : ACCUEIL > Le club > présentation
</div>
<pre class="texte">
Du texte Du texte Du texte Et encore du texte
du texte du texte
Bon bah voilà un menu qu'il est beau
Entierement fait en CSS et xhtml
Validé W3C
</pre>
<hr/>
..:: Menu Général ::..
<div id="m" class="m">
<div id="menu1">
<a href="#" title="Menu 1" onmouseover="MontrerMenu('ssmenu1');" onfocus="MontrerMenu('ssmenu1');">Club :</a>
<a href="#" title="Menu 2" onmouseover="MontrerMenu('ssmenu2');" onfocus="MontrerMenu('ssmenu2');">Equipes :</a>
<a href="#" title="Menu 3" onmouseover="MontrerMenu('ssmenu3');" onfocus="MontrerMenu('ssmenu3');">Acteurs :</a>
<a href="#" title="Menu 4" onmouseover="MontrerMenu('ssmenu4');" onfocus="MontrerMenu('ssmenu4');">News&Evénements :</a>
<a href="#" title="Menu 5" onmouseover="MontrerMenu('ssmenu5');" onfocus="MontrerMenu('ssmenu5');">Photos :</a>
<a href="#" title="Menu 6" onmouseover="MontrerMenu('ssmenu6');" onfocus="MontrerMenu('ssmenu6');">Résultats :</a>
<a href="#" title="Menu 7" onmouseover="CacherMenus();" onfocus="CacherMenus();">Contacts</a>
<a href="#" title="Menu 8" onmouseover="CacherMenus();" onfocus="CacherMenus();">Forum</a>
<a href="#" title="Menu 9" onmouseover="CacherMenus();" onfocus="CacherMenus();">Club House</a>
<a href="#" title="Menu 10" onmouseover="CacherMenus();" onfocus="CacherMenus();">Inscriptions</a>
</div>
<div id="ssmenu0">
<ul id="ssmenu1" class="ssmenu">
<li>
<a href="#" title="Sous-menu 1">Présentation</a> ;
</li>
<li>
<a href="#" title="Sous-menu 2">Plan</a> ;
</li>
<li>
<a href="#" title="Sous-menu 3">La salle</a>.
</li>
</ul>
<ul id="ssmenu2" class="ssmenu">
<li>
<a href="#" title="Sous-menu 1">Les filles</a> ;
</li>
<li>
<a href="#" title="Sous-menu 2">Les gars</a> ;
</li>
<li>
<a href="#" title="Sous-menu 3">Les petits</a>.
</li>
</ul>
<ul id="ssmenu3" class="ssmenu">
<li>
<a href="#" title="Sous-menu 1">Le bar</a> ;
</li>
<li>
<a href="#" title="Sous-menu 2">Les arbitres</a> ;
</li>
<li>
<a href="#" title="Sous-menu 3">Les bénévoles</a> ;
</li>
<li>
<a href="#" title="Sous-menu 4">Les entraineurs</a>.
</li>
</ul>
<ul id="ssmenu4" class="ssmenu">
<li>
<a href="#" title="Sous-menu 1">Les tournois</a> ;
</li>
<li>
<a href="#" title="Sous-menu 2">Les matchs</a> ;
</li>
<li>
<a href="#" title="Sous-menu 3">Fiestas</a> ;
</li>
<li>
<a href="#" title="Sous-menu 4">Autres</a>.
</li>
</ul>
<ul id="ssmenu5" class="ssmenu">
<li>
<a href="#" title="Sous-menu 1">Album entier</a> ;
</li>
<li>
<a href="#" title="Sous-menu 2">Recherche</a>.
</li>
</ul>
<ul id="ssmenu6" class="ssmenu">
<li>
<a href="#" title="Sous-menu 1">Les filles</a> ;
</li>
<li>
<a href="#" title="Sous-menu 2">Les gars</a> ;
</li>
<li>
<a href="#" title="Sous-menu 3">Les petits</a>.
</li>
</ul>
</div>
</div>
<hr/>
©Tibetoine Webmaster & Pedro Webmaster
<img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" />
<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" height="31" width="88" />
</body>
</html>

Merci :bounce:

Message édité par protoinou le 14-04-2004 à 15:33:11

Reply

Marsh Posté le 14-04-2004 à 11:22:05

Reply

Marsh Posté le 14-04-2004 à 12:29:48

youp,

chez moi, les sous-menus apparaissent tout à droite des menus principaux... (ie et firefox, resolution: 1680 X 1050)

Message édité par art_dupond le 14-04-2004 à 12:33:42

Reply

Marsh Posté le 14-04-2004 à 14:54:42

à la place de ça:

Code :

#ssmenu0{
margin-left:0%;
}

Mets

Code :

#ssmenu0{
margin-left:0%;
clear:left;
}

Reply

Marsh Posté le 14-04-2004 à 15:01:04

ça marche bien temps que me menu est sur une seule ligne chez moi

Mais à deux lignes on a déjà des inépsies ( forum en dessous d'équipe du coup impossible d'aller sur le sous menu), et à trois lignes ça ressemble plus a rien

Message édité par anapajari le 14-04-2004 à 15:01:49

Reply

Marsh Posté le 14-04-2004 à 15:13:42

Ouai voilà , c'est bien là qu'est le problème ... Je cherche qq'un qui pourait m'aider

Mais je pense personnelement que le menu tel qu'il est pensé techniquement n'a pas d'avenir comme ça ...

Mais bon on ne sait jamais, peut être que qq'un va réussir à me débloquer (Remarque je peux toujours forcer l'affichage sur une ligne ))

PS: la source a été éditée pour la nouvelle version

Message édité par protoinou le 14-04-2004 à 15:17:14

Reply

[CSS]Pourriez vous m'aider pour ce code (CSS ELITE)

Sujets relatifs:

Leave a Replay