| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
wouf
Administrateur MI 16
Inscrit le: 14 Mai 2005
Messages: 3948
Localisation: ça dépend, mais pas loin de l'écran.
|
 Posté le: Mer Fév 24, 2010 6:58 pm Sujet du message: |
 |
|
id et class sont deux identificateurs différents !
_________________
Mon univers
|
|
| Revenir en haut de page |
|
 |
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
|
| Revenir en haut de page |
|
|
wouf
Administrateur MI 16
Inscrit le: 14 Mai 2005
Messages: 3948
Localisation: ça dépend, mais pas loin de l'écran.
|
| Posté le: Jeu Fév 25, 2010 3:40 pm Sujet du message: |
|
|
Tu as utilisé un dièse (#) donc il s'agit d'un ID pas d'une class
Je te rappelle qu'un id est unique alors qu'on peut avoir plusieurs éléments avec la même class...
_________________
Mon univers
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
| Posté le: Lun Mar 01, 2010 10:39 pm Sujet du message: |
|
|
J'ai encore améliorer mais il est toujours visible et moi je voudrai qui soit visible sulement au passage de la souris
voici le css
je l'ai refait et appellé cela dans ma page html
| Code: | li#sousMenu {
position:relative;
display: block; visibility: visible; }
li#sousMenu :hover> #SousMenu{ display: block; }
li#sousMenu li a:hover {background-image : url(../images/topMenuHover.gif)}
li#sousMenu li a:hover {
color : #000;
text-decoration : none; } |
la page html le menu seulement
| Code: | <li id="sousMenu"><a href="forum/index.php">Forum</a>
<ul>
<li id=""><a href="forum/index.php">Acces direct</a></li>
<li><a href="#">S'inscrire</a></li>
<!-- etc -->
</ul>
</li> |
regarde ce que sa donne visuellement
http://www.assistance-informatique-enligne.net/
_________________
-->Assistance Informatique en ligne<--- -->le forum<--
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
| Posté le: Mar Mar 02, 2010 8:41 pm Sujet du message: |
|
|
j'ai vu ce tuto mais j'ai un peu de mal a l adapté a mon menu
| Code: | /* fichier pour internet explorer */
body {
behavior: url(csshover.htc);
}
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
position: absolute;
top: 0;
left: 100px;
display:none
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
} |
je veux juste adapté le survol de la souris
_________________
-->Assistance Informatique en ligne<--- -->le forum<--
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
| Posté le: Mar Mar 02, 2010 8:43 pm Sujet du message: |
|
|
en fait je veux faire un menu déroulant car j'ai vu dans un bouquin que jai acheté que sa pouvait améliorer le referencement
_________________
-->Assistance Informatique en ligne<--- -->le forum<--
|
|
| Revenir en haut de page |
|
|
wouf
Administrateur MI 16
Inscrit le: 14 Mai 2005
Messages: 3948
Localisation: ça dépend, mais pas loin de l'écran.
|
| Posté le: Mar Mar 02, 2010 9:42 pm Sujet du message: |
|
|
Et bien c'est assez faux :
Ce n'est pas le menu déroulant qui va améliorer le référencement, mais le fait que chaque page pointe sur ... toutes les autres directement.
Mais avant de penser à améliorer son référencement, il faut privilégier le travail sur un contenu de qualité. C'est la vraie clef du succès.
_________________
Mon univers
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
| Posté le: Mer Mar 03, 2010 8:23 pm Sujet du message: |
|
|
tu peux regarder avec ce que je tai donner pourquoi il deroule pas stp sinon je laisse tombé car je vais devoir l inclure dans toute les pages de mon site
_________________
-->Assistance Informatique en ligne<--- -->le forum<--
|
|
| Revenir en haut de page |
|
|
wouf
Administrateur MI 16
Inscrit le: 14 Mai 2005
Messages: 3948
Localisation: ça dépend, mais pas loin de l'écran.
|
| Posté le: Mer Mar 03, 2010 9:11 pm Sujet du message: |
|
|
tu as posté des dizaines de morceaux de code, on ne peut plus s'y retrouver...Le code que je t'avais donné fonctionne...
_________________
Mon univers
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
| Posté le: Jeu Mar 04, 2010 9:36 pm Sujet du message: |
|
|
sa c'est ma dernière version que j'ai tenté de faire
| clém a écrit: | J'ai encore améliorer mais il est toujours visible et moi je voudrai qui soit visible sulement au passage de la souris
voici le css
je l'ai refait et appellé cela dans ma page html
| Code: | li#sousMenu {
position:relative;
display: block; visibility: visible; }
li#sousMenu :hover> #SousMenu{ display: block; }
li#sousMenu li a:hover {background-image : url(../images/topMenuHover.gif)}
li#sousMenu li a:hover {
color : #000;
text-decoration : none; } |
la page html le menu seulement
| Code: | <li><a href="forum/index.php">Forum</a>
<ul>
<li><a href="forum/index.php">Acces direct</a></li>
<li><a href="#">S'inscrire</a></li>
<etc>
</ul>
</li> |
regarde ce que sa donne visuellement
http://www.assistance-informatique-enligne.net/ |
_________________
-->Assistance Informatique en ligne<--- -->le forum<--
|
|
| Revenir en haut de page |
|
|
wouf
Administrateur MI 16
Inscrit le: 14 Mai 2005
Messages: 3948
Localisation: ça dépend, mais pas loin de l'écran.
|
|
| Revenir en haut de page |
|
|
clém
Caporal-chef
Inscrit le: 10 Mar 2006
Messages: 110
|
| Posté le: Mar Juin 22, 2010 12:20 pm Sujet du message: jai refais un menu deroulant deroule pas au passage souris |
|
|
Bonjour, jai trouvé un tuto mais jai un soucis normalement il devrai déroulé au passage de la souris mais c'est pas le cas
voici le code HTML
| Citation: | <li id="#navigation-1" ><a href="forum/index.php">Forum</a>
<ul class="#navigation-2">
<li><a href="/forum/index.php" title="accueil" target="_blank" >accueil</a></li>
<li><a href="pageconnexion" title="connexion" target="_blank" >connexion</a></li>
<li><a href="pageinscription" title="inscription" target="_blank" >inscription</a></li>
</ul>
</li> |
Et le css
| Code: | #outside{
border:1px solid #000099;
background:#000099;
}
#navigation-1 {
padding:1px 0;
margin:0px;
list-style:none;
width:100%;
height:21px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
margin:0;
padding:0;
display:block;
float:left;
position:relative;
width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#000099;
color:#ffffff;
width:148px;
height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#0066FF;
color:#ffffff;
width:146px;
height:13px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
margin:0;
padding:1px 1px 0;
list-style:none;
display:none;
background:#ffffff;
width:146px;
position:absolute;
top:21px;
left:-1px;
border:1px solid #000099;
border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
display:block;
}
#navigation-1 li ul.navigation-2 li {
width:146px;
clear:left;
width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
clear:left;
background:#000099;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #ffffff;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
clear:left;
background:#0066FF;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #ffffff;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
display:none;
margin:0;
padding:0;
list-style:none;
position:absolute;
left:145px;
top:-2px;
padding:1px 1px 0 1px;
border:1px solid #000099;
border-left:1px solid #000099;
background:#ffffff;
z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#000099;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
background:#0066FF;
}
#navigation-1 li ul.navigation-2 li a span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#ffffff;
}
#navigation-1 li:hover > ul.navigation-2 { display: block; } |
jai jamais été aussi proche du but !
_________________
-->Assistance Informatique en ligne<--- -->le forum<--
|
|
| Revenir en haut de page |
|
|
|
FAQ
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
Racine forum
Blog
Livre d'or
Sommaire
Flux RSS
Del.icio.us
Théorèmes
Rechercher
