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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS]Pourriez vous m'aider pour ce code (CSS ELITE)

protoinou

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

Publicité

art_dupond

je suis neuneu... oui oui !!

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

protoinou

à la place de ça:

Code :

#ssmenu0{
margin-left:0%;
}

Mets

Code :

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

anapajari

s/travail/glanding on hfr/gs;

ç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

protoinou

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[XHTML/CSS] Demande d'avis sur cette page	[CSS] Cherche lien de menus horizontals
[PHP] Faire son code source en unicode...	[CSS] Problème simple de répétition verticale.
un code écrit en assembleur est-il exécutable sur n'importe quel OS ?	Installation automatique de font (CSS 2.0)
[pda pocket pc C#] code touche	Encore qqs problèmes dans mon programme en C... Pouvez-vous m'aider?
[css] liste décalée	maxlength dans css
Plus de sujets relatifs à : [CSS]Pourriez vous m'aider pour ce code (CSS ELITE)

Page générée en 0.111 secondes