Scrollbar avec dreamweaver

grominnetto Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   -  
grominnetto Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour tout le monde

Voici, je tente de faire un beau petit site web pour une école de hockey et on me demande une petite chose qui est un mystère pour moi: on me demande que lorsque le curseur sera sur un onglet, celui-ci nous montrera trois liens. Autrement dit, lorsque les gens passeront leur curseur sur horaire, on y verra apparaître les catégories suivantes: novice, atome et peewee. Ainsi les gens pourront aller voir leurs horaires respectives.

Voici le site: https://www.000webhost.com/migrate?static=true

et merci d'avance

4 réponses

Zhp Messages postés 198 Date d'inscription   Statut Membre Dernière intervention   37
 
Bonjour,

Tu as plusieurs façon de faire cela, que se soit en CSS ou en JavaScript.
Recherche sur internet "menu déroulant CSS" tu trouvera des exemple simple a adapter a ton site.
0
Zhp Messages postés 198 Date d'inscription   Statut Membre Dernière intervention   37
 
Super outch ! ton site est affreusement long a charger ! redimensionne tes images avant de les mètre en lignes ^^
0
grominnetto Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
commentaire trèèèès pertinent!!! Merci!!!
0
grominnetto Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
C'est ce que je cherche depuis quelques jours...mais sans réussir à comprendre....pour l'instant!!!

Merci quand même
0
Zhp Messages postés 198 Date d'inscription   Statut Membre Dernière intervention   37
 
Ah oui il faut quelque notion en CSS mais rien de bien méchant.
Pour commencer essai déjà de placer ton menu déroulant dans ta page même si il est toujours visible. la seul contrainte que tu as : le menu déroulant doit être dans la balise <a></a> qui sera survoler.

<a href="">
<div>mon texte</div>
<div class="listCache">ma liste</div>
</a>


ensuite il faut utiliser la règle de style suivante pour masqué la liste :

.listCache{display:none}


et pour l'afficher au survol

a:hover .listCache{display:block}


Voila il a surent quelque adaptation a faire mais avec ça tu devrait y arriver.
Cherche des tutos pour apprendre les bases du HTML et du CSS, tu pourra vraiment exploiter ces langages plutôt que de te limiter a ce que propose dreamwaver (qui reste un bonne outil pour gagner du temps même avec la maitrise des langages)
0
grominnetto Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
très intéressant...MERCI beaucoup
0