Menu html
aquaculteur
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je commence a m'amuser avec le html, mais je n'ai pas encore trouver la façon pour me faire ce type de menu comme celui-la
http://www.passionbassin.com/
je parle du menu a la windows , tu glisses ta souris a une place et tu vois rapidement les sous menus ainsi de suites.
Je demande donc votre aide pour essayer de réaliser sa
Eric
je commence a m'amuser avec le html, mais je n'ai pas encore trouver la façon pour me faire ce type de menu comme celui-la
http://www.passionbassin.com/
je parle du menu a la windows , tu glisses ta souris a une place et tu vois rapidement les sous menus ainsi de suites.
Je demande donc votre aide pour essayer de réaliser sa
Eric
A voir également:
- Menu html
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
9 réponses
Bonjour
Pour ça il faut que tu regarde du coté du CSS
Je ne sais pas si tu as commencé à l'utiliser ou pas
Pour ça il faut que tu regarde du coté du CSS
Je ne sais pas si tu as commencé à l'utiliser ou pas
salut
malheureusement, je ne sais pas encore comment travailler avec ce code la.
est-ce qui a un site site simple comme celui de comment ca marche au niveau du Html, étape par étape, mais pour le css
Bonne journé
malheureusement, je ne sais pas encore comment travailler avec ce code la.
est-ce qui a un site site simple comme celui de comment ca marche au niveau du Html, étape par étape, mais pour le css
Bonne journé
Pour faire de beaux menus interactifs, tu as besoin de CSS et tu peux aussi utiliser javascript ( c'est même conseillé)
voici un lien pour chaque langage:
CSS : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Javascript : http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html
Bon courage...
voici un lien pour chaque langage:
CSS : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Javascript : http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html
Bon courage...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<!--voici un menu deroulant en vertical que tu peux texter-->
div id="menu">
<ul class="niveau1">
<li><a href="menu 1">menu 1</a></li>
<li class="sousmenu"><a href="menu 2">menu 2</a>
<ul class="niveau2">
<li><a href="Sous menu 2.1">Sous menu 2.1</a></li>
<li><a href="Sous menu 2.2/">Sous menu 2.2</a></li>
</ul>
</li>
<li><a href="menu 3">menu 3</a></li>
<li class="sousmenu"><a href="menu 4">menu 4</a>
<ul class="niveau2">
<li class="sousmenu"><a href="Sous menu 4.1">Sous menu 4.1</a>
<ul class="niveau3">
<li><a href="Sous sous menu 4.1.1">Sous sous menu 4.1.1</a></li>
<li><a href="Sous sous menu 4.1.2">Sous sous menu 4.1.2</a></li>
<li><a href="Sous sous menu 4.1.3">Sous sous menu 4.1.3</a></li>
</ul>
</li>
<li><a href="Sous menu 4.2">Sous menu 4.2</a></li>
</ul>
</li>
<li><a href="menu 5">menu 5</a></li>
</ul>
</div>
<!--le css-->
width: 100px;
}
div#menu ul {
padding: 0;
width: 100px;
border:1px solid;
margin:0px;
}
div#menu ul li {
position:relative;
list-style: none;
border-bottom:1px solid;
}
div#menu ul ul {
position: absolute;
top: 0;
left: 100px;
}
div#menu ul ul {
position: absolute;
top: 0;
left: 100px;
display:none
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
}
div#menu li a {
text-decoration: none;
}
globbers, http://www.globbersthemes.com
div id="menu">
<ul class="niveau1">
<li><a href="menu 1">menu 1</a></li>
<li class="sousmenu"><a href="menu 2">menu 2</a>
<ul class="niveau2">
<li><a href="Sous menu 2.1">Sous menu 2.1</a></li>
<li><a href="Sous menu 2.2/">Sous menu 2.2</a></li>
</ul>
</li>
<li><a href="menu 3">menu 3</a></li>
<li class="sousmenu"><a href="menu 4">menu 4</a>
<ul class="niveau2">
<li class="sousmenu"><a href="Sous menu 4.1">Sous menu 4.1</a>
<ul class="niveau3">
<li><a href="Sous sous menu 4.1.1">Sous sous menu 4.1.1</a></li>
<li><a href="Sous sous menu 4.1.2">Sous sous menu 4.1.2</a></li>
<li><a href="Sous sous menu 4.1.3">Sous sous menu 4.1.3</a></li>
</ul>
</li>
<li><a href="Sous menu 4.2">Sous menu 4.2</a></li>
</ul>
</li>
<li><a href="menu 5">menu 5</a></li>
</ul>
</div>
<!--le css-->
width: 100px;
}
div#menu ul {
padding: 0;
width: 100px;
border:1px solid;
margin:0px;
}
div#menu ul li {
position:relative;
list-style: none;
border-bottom:1px solid;
}
div#menu ul ul {
position: absolute;
top: 0;
left: 100px;
}
div#menu ul ul {
position: absolute;
top: 0;
left: 100px;
display:none
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
}
div#menu li a {
text-decoration: none;
}
globbers, http://www.globbersthemes.com
regarde sur mon site a gauche ( c'est une page de brouillons) http://vistlip.free.fr
J'ai tous simplement appri sur le site du zero en 10 minutes ( la partie des cadres)
https://openclassrooms.com/fr/courses
J'ai tous simplement appri sur le site du zero en 10 minutes ( la partie des cadres)
https://openclassrooms.com/fr/courses
Côté pas à pas, tu as ceci http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php en full CSS
L'inconvénient, c'est qu'il n'a pas de javascript (donc ne fonctionne pas avec IE6) et qu'il n'est navigable au clavier.
Ici, c'est plus complet : https://openweb.eu.org/articles/menu_universel , accessible et tout et tout... mais plus complexe pour un débutant.
Bon courage
L'inconvénient, c'est qu'il n'a pas de javascript (donc ne fonctionne pas avec IE6) et qu'il n'est navigable au clavier.
Ici, c'est plus complet : https://openweb.eu.org/articles/menu_universel , accessible et tout et tout... mais plus complexe pour un débutant.
Bon courage
salut
je travaille sur sa depuis 2-3 heures, et je viens de comprendre quelque choses, que je ne comprend pas depuis un certain temps
sa prend un fichier Html
et un fichier css on dirait
celon se site la
https://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/
Est-ce que je me trompe
Est-ce qui est possible de juste avoir un document avec le Html et le Css.
Surement, mais comment il se réalise,
je travaille sur sa depuis 2-3 heures, et je viens de comprendre quelque choses, que je ne comprend pas depuis un certain temps
sa prend un fichier Html
et un fichier css on dirait
celon se site la
https://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/
Est-ce que je me trompe
Est-ce qui est possible de juste avoir un document avec le Html et le Css.
Surement, mais comment il se réalise,
Si tu en es à te demander comment insérer un code CSS, même la page que tu indiques est déjà un peu trop complexe... (même si elle est très bien) Enfin, disons que tu mets la charrue avant les bœufs.
Et je ne parle même pas d'un menu déroulant : là tu grilles carrément les étapes !
Donc, pour débuter en CSS :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#part_13663 (qui t'a déjà été suggéré)
http://css.mammouthland.net/
Et je ne parle même pas d'un menu déroulant : là tu grilles carrément les étapes !
Donc, pour débuter en CSS :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#part_13663 (qui t'a déjà été suggéré)
http://css.mammouthland.net/
