Menu html
aquaculteur
-
8 déc. 2009 à 06:37
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 9 déc. 2009 à 12:54
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 9 déc. 2009 à 12:54
A voir également:
- Menu html
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
- Canon quick menu - Télécharger - Utilitaires
9 réponses
Pilow
Messages postés
400
Date d'inscription
vendredi 2 octobre 2009
Statut
Membre
Dernière intervention
23 décembre 2009
71
8 déc. 2009 à 08:13
8 déc. 2009 à 08:13
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
Aquaculteur
Messages postés
2
Date d'inscription
mardi 8 décembre 2009
Statut
Membre
Dernière intervention
9 décembre 2009
8 déc. 2009 à 13:58
8 déc. 2009 à 13:58
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é
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
8 déc. 2009 à 14:09
8 déc. 2009 à 14:09
Oui tu peux commencer par regarder sur le Site du zero.
Ozimandias
Messages postés
505
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
10 mars 2010
46
8 déc. 2009 à 14:12
8 déc. 2009 à 14:12
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
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
8 déc. 2009 à 20:41
8 déc. 2009 à 20:41
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
Aquaculteur
Messages postés
2
Date d'inscription
mardi 8 décembre 2009
Statut
Membre
Dernière intervention
9 décembre 2009
9 déc. 2009 à 03:18
9 déc. 2009 à 03:18
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,
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
9 déc. 2009 à 12:54
9 déc. 2009 à 12:54
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/
Ozimandias
Messages postés
505
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
10 mars 2010
46
9 déc. 2009 à 09:02
9 déc. 2009 à 09:02
Le css peut s'ajouter dans la page HTML avec les balises style, ça donne un truc du genre : (a placer dans le head)
<style type="text/css">
<!--
body {
......
......
......
.......
.......
}
-->
</style>
<style type="text/css">
<!--
body {
......
......
......
.......
.......
}
-->
</style>
