Faire un menu horizontale
Fermé
romain444444
animostab
- Messages postés
- 11
- Date d'inscription
- mercredi 11 avril 2018
- Statut
- Membre
- Dernière intervention
- 15 avril 2018
animostab
- Messages postés
- 2829
- Date d'inscription
- jeudi 10 mars 2005
- Statut
- Membre
- Dernière intervention
- 11 novembre 2019
A voir également:
- Créer un menu horizontal html css
- Menu horizontal html - Meilleures réponses
- Html menu horizontal - Meilleures réponses
- Faire un menu horizontale - Forum - HTML
- Faire un trait horizontal html css ✓ - Forum - CSS
- Barre horizontale html css - Forum - CSS
- Menu déroulant html/css en superposition ✓ - Forum - Webmaster
- Code pour créer un menu horizontal. ✓ - Forum - Webmaster
1 réponse
1Seb
Modifié le 11 avril 2018 à 08:35
- Messages postés
- 166
- Date d'inscription
- dimanche 27 mars 2016
- Statut
- Membre
- Dernière intervention
- 30 octobre 2021
Modifié le 11 avril 2018 à 08:35
Bonjour,
Ça serait plus quelque chose dans ce genre là
HTML :
CSS :
Ça serait plus quelque chose dans ce genre là
HTML :
<!DOCTYPE html> <html lang=fr> <head> <meta charset="utf-8"/> <title>Escalade aventure</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="logo-header"> <img src="https://4.bp.blogspot.com/-1gCZ_dWlZWY/VPxO0w1eygI/AAAAAAAACqE/fYakcxRkf1U/s1250/cooltext115245995745692.jpg" alt="Logo escalade aventure"/> </div> <ul> <li><a href=accueil.php>Accueil</a></li> <li><a href=produit.php>Produit</a></li> <li><a href=contact.php>Contact</a></li> </ul> </body> </html>
CSS :
body { background-color : #32CD32; } div#logo-header { text-align: center; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #111; }
11 avril 2018 à 15:07
Modifié le 11 avril 2018 à 17:33
11 avril 2018 à 23:43
Qu'est ce que tu as changé ?
12 avril 2018 à 22:00
au lieu d'utiliser la balise <style> dans la page essaie d'apprendre a utiliser le css (le style) dans un fichier externe et de l'importer grace à la balise link dans le head plus d'infos ici sur le css https://www.cssdebutant.com/debuter-en-css-integrer-du-css-page-HTML.html