Css
rami
-
lionhell454 Messages postés 13761 Date d'inscription Statut Contributeur Dernière intervention -
lionhell454 Messages postés 13761 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
comment construire un ensemble de boutons de liens juxtaposés avec des css (comme la barre constituée par "accueil","forum"... au début de la page d'accueil de comment ca marche)merci
comment construire un ensemble de boutons de liens juxtaposés avec des css (comme la barre constituée par "accueil","forum"... au début de la page d'accueil de comment ca marche)merci
Configuration: Linux Firefox 3.0.11
A voir également:
- Css
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Aligner horizontalement css - Forum CSS
- Comment aligner des éléments html css - Forum CSS
- Centrer une image css ✓ - Forum CSS
4 réponses
Tu utilises (par exemple) une liste :
<ul>
<li><a href="accueil" title="Accueil">Accueil</a></li>
[etc...]
</ul>
et tu les positionnes avec ton css :
ul { list-style:none; }
ul li { float:left; }
ul li a { float:left; display:block; }
Il évidemment possible d'aller plus loin... à toi de chercher un petit peu car c'est une question hyper courante !
>>> https://www.lmgtfy.app/?q=html+cr%C3%A9er+un+menu+horizontal ^^
<ul>
<li><a href="accueil" title="Accueil">Accueil</a></li>
[etc...]
</ul>
et tu les positionnes avec ton css :
ul { list-style:none; }
ul li { float:left; }
ul li a { float:left; display:block; }
Il évidemment possible d'aller plus loin... à toi de chercher un petit peu car c'est une question hyper courante !
>>> https://www.lmgtfy.app/?q=html+cr%C3%A9er+un+menu+horizontal ^^
Slt,
Ne Conaissant pas ton niveau je te donne quelques informations pour débuter en CSS
Déjà faut construire la page HTML comme par exemple:
mapage.html
creer un fichier css:
mon_menu1.css
insere le code html (super minimal a pauffiné)
<head>
<link rel="stylesheet" type="text/css" media="screen" href="mon_menu1.css" />
</head>
<body>
<div class="menu"><p>1</p><div>
</body>
ca c'est ligne de commande pour déclarer appeler voir importer ton code CSS
exemple en href pour un fichier externe:
<link rel="stylesheet" type="text/css" media="screen" href="mon_menu1.css" />
ensuite Inserer le code dans le fichier CSS:
.menu {
font-size: 18;
color: red;
}
Laisse les deux fichier cote a cote si le texte est rouge c'est que tu appele bien le fichier css.
T as plusieurs versions de CSS 1, 2, 2.1 ,3 en gros.
Pour vérifier si la structure du code est correcte t'as des validateur du type celui du W3C (Recherche sur google)
Cela ne te dit pas comment faire ton menu, mais plutot comment s'initier au CSS, j espère que ca peut t'aider.
J'attend ton prochain post pour t'aider d'avantage cela m'en dira plus sur ce que tu désire faire comme style de menu.
Ne Conaissant pas ton niveau je te donne quelques informations pour débuter en CSS
Déjà faut construire la page HTML comme par exemple:
mapage.html
creer un fichier css:
mon_menu1.css
insere le code html (super minimal a pauffiné)
<head>
<link rel="stylesheet" type="text/css" media="screen" href="mon_menu1.css" />
</head>
<body>
<div class="menu"><p>1</p><div>
</body>
ca c'est ligne de commande pour déclarer appeler voir importer ton code CSS
exemple en href pour un fichier externe:
<link rel="stylesheet" type="text/css" media="screen" href="mon_menu1.css" />
ensuite Inserer le code dans le fichier CSS:
.menu {
font-size: 18;
color: red;
}
Laisse les deux fichier cote a cote si le texte est rouge c'est que tu appele bien le fichier css.
T as plusieurs versions de CSS 1, 2, 2.1 ,3 en gros.
Pour vérifier si la structure du code est correcte t'as des validateur du type celui du W3C (Recherche sur google)
Cela ne te dit pas comment faire ton menu, mais plutot comment s'initier au CSS, j espère que ca peut t'aider.
J'attend ton prochain post pour t'aider d'avantage cela m'en dira plus sur ce que tu désire faire comme style de menu.
