Css

rami -  
 Utilisateur anonyme -
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

4 réponses

monkey_monk Messages postés 641 Date d'inscription   Statut Membre Dernière intervention   131
 
Tu veux dire un simple menu horizontal ?
0
ramimoncer Messages postés 1 Date d'inscription   Statut Membre Dernière intervention  
 
oui
0
monkey_monk Messages postés 641 Date d'inscription   Statut Membre Dernière intervention   131
 
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 ^^
0
Utilisateur anonyme
 
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.
0