Css

Fermé
rami - 23 nov. 2009 à 13:29
 Utilisateur anonyme - 23 nov. 2009 à 14:13
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 mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 131
23 nov. 2009 à 13:38
Tu veux dire un simple menu horizontal ?
0
ramimoncer Messages postés 1 Date d'inscription lundi 23 novembre 2009 Statut Membre Dernière intervention 23 novembre 2009
23 nov. 2009 à 13:40
oui
0
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 131
23 nov. 2009 à 13:45
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
23 nov. 2009 à 14:13
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