Site - barre de navigation avec CSS
loloune
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
chico95 -
chico95 -
Bonjour,
Alors pour commencer je ne suis pas calée en création de site internet mais je dois refaire le site de mon travail alors pour me familiariser j'ai essayé un tutoriel pour faire une barre de navigation. Je l'ai reproduis tel qu'il est dit pour me faire un exercice.
Le tuto : http://www.w3.org/Style/Examples/011/firstcss.fr.html
A savoir que j'emploie namo web editor 5.5 (qu'il soit bien ou pas n'est pas la question, je travaille avec ce qu'on me fourni)
Donc à l'étape 4 :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma première page avec du style</title>
<style type="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
</style>
</head>
<body>
[etc.]
Mon logiciel namo ne reconnait pas navbar, qu'est-ce que je peux faire pour que ma barre de navigation se déporte sur la gauche?
Si on peut me l'expliquer simplement histoire que ce ne soit pas du chinois aussi... sorry ^^
Merci d'avance!
Alors pour commencer je ne suis pas calée en création de site internet mais je dois refaire le site de mon travail alors pour me familiariser j'ai essayé un tutoriel pour faire une barre de navigation. Je l'ai reproduis tel qu'il est dit pour me faire un exercice.
Le tuto : http://www.w3.org/Style/Examples/011/firstcss.fr.html
A savoir que j'emploie namo web editor 5.5 (qu'il soit bien ou pas n'est pas la question, je travaille avec ce qu'on me fourni)
Donc à l'étape 4 :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma première page avec du style</title>
<style type="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
</style>
</head>
<body>
[etc.]
Mon logiciel namo ne reconnait pas navbar, qu'est-ce que je peux faire pour que ma barre de navigation se déporte sur la gauche?
Si on peut me l'expliquer simplement histoire que ce ne soit pas du chinois aussi... sorry ^^
Merci d'avance!
A voir également:
- Fixer la barre de navigation au scroll css
- Navigation privée - Guide
- Supprimer les données de navigation - Guide
- Windows 11 barre des taches a gauche - Guide
- Simulateur de navigation maritime gratuit - Télécharger - Loisirs créatifs
- Barre verticale clavier ✓ - Forum Autres distributions Linux
20 réponses
tu peu coller ton menu en haut a gauche de la fenetre comme ca :
dans ton code tu as bien une liste <ul> comme ca a peu pres ?
ul .navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
}
dans ton code tu as bien une liste <ul> comme ca a peu pres ?
<ul class='navbar'>
<li>menu 1 </li>
<li>menu 2</li>
<li>menu 3</li>
etc etc
</ul>
Oui oui j'ai bien ca, tu peux aller regarder le tuto sur le site il est pas très long....
<ul class="navbar">
<li><a href="index.html">Home page</a>
<li><a href="reflexions.html">Réflexions</a>
<li><a href="ville.html">Ma ville</a>
<li><a href="liens.html">Liens</a>
</ul>
J'ai essayé comme tu as dit mais ca ne fonctionne pas.
Tu sais dans un éditeur de site il y a des couleurs. Et quand il ne connait pas une saisie il le met d'une couleur différente. La il me reconnait pas la saisie navbar.
Est-ce que namo web editor 5 est trop vieux pour reconnaitre le css? ou alors il lui faut un nom à lui?
<ul class="navbar">
<li><a href="index.html">Home page</a>
<li><a href="reflexions.html">Réflexions</a>
<li><a href="ville.html">Ma ville</a>
<li><a href="liens.html">Liens</a>
</ul>
J'ai essayé comme tu as dit mais ca ne fonctionne pas.
Tu sais dans un éditeur de site il y a des couleurs. Et quand il ne connait pas une saisie il le met d'une couleur différente. La il me reconnait pas la saisie navbar.
Est-ce que namo web editor 5 est trop vieux pour reconnaitre le css? ou alors il lui faut un nom à lui?
ah oui ok j'avai pas fait gaffe a ton lien pour le coller a gauche vire le padding left
remplace le par ca :
remplace le par ca :
padding-left:0px;
J'ai mis ca mais ca ne change rien...
J'ai toujours le problème du navbar. Tu sais y a des couleurs sur l'editeur. Et quand il ne reconnait pas une saisie il a sa couleur. La le navbar il est inconnu pour lui.
C'est namo web editor 5 qui est trop vieux? ou il lui faut un nom à lui pour qu'il comprenne?
J'ai toujours le problème du navbar. Tu sais y a des couleurs sur l'editeur. Et quand il ne reconnait pas une saisie il a sa couleur. La le navbar il est inconnu pour lui.
C'est namo web editor 5 qui est trop vieux? ou il lui faut un nom à lui pour qu'il comprenne?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ul.navbar {
position: absolute;
top: 2em;
left: 1em;
width: 9em }
la combinaison la, ce que j'ai mis en gras dans le premier message. c'est justement ca qu'il ne reconnait pas...
position: absolute;
top: 2em;
left: 1em;
width: 9em }
la combinaison la, ce que j'ai mis en gras dans le premier message. c'est justement ca qu'il ne reconnait pas...
ecri le comme je te l'ai ecri dans ma réponse...
ul .navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
}
ul .navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
}
<!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma premire page avec du style</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content="Document vierge sans aucun style">
<style type="text/css">
body {
paddig-left:1px;
font-family: Georgia, arial;
color: #3cb371;
background-color: #ff6600 }
ul .navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
} h1 {
font-family: Helvetica, geneva, arial }
</style>
</head>
<body>
<!-- menu de navigation du site -->
<ul class:"navbar">
<li><a href="index.html">Home page</a></li>
<li><a href="reflexions.html">Réflexions</a></li>
<li><a href="ville.html">Ma ville</a></li>
<li><a href="liens.html">Liens</a></li>
</ul>
<!-- contenu principal -->
<h1>Ma premiere page avec du style</h1>
<p>Bienvenue sur ma page av du style!
<p>Il lui manque des images, mais au moins, elle a du style. Et elle a des liens,…
<p>Je devrais étayer, mais je ne sais encore.</p>
<!-- Signer et dater la page, c'est une question de politesse! -->
<adresse> Fait le 11 mars 2010<br>
par moi.</adresse>
</body>
</html>
<html>
<head>
<title>Ma premire page avec du style</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content="Document vierge sans aucun style">
<style type="text/css">
body {
paddig-left:1px;
font-family: Georgia, arial;
color: #3cb371;
background-color: #ff6600 }
ul .navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
} h1 {
font-family: Helvetica, geneva, arial }
</style>
</head>
<body>
<!-- menu de navigation du site -->
<ul class:"navbar">
<li><a href="index.html">Home page</a></li>
<li><a href="reflexions.html">Réflexions</a></li>
<li><a href="ville.html">Ma ville</a></li>
<li><a href="liens.html">Liens</a></li>
</ul>
<!-- contenu principal -->
<h1>Ma premiere page avec du style</h1>
<p>Bienvenue sur ma page av du style!
<p>Il lui manque des images, mais au moins, elle a du style. Et elle a des liens,…
<p>Je devrais étayer, mais je ne sais encore.</p>
<!-- Signer et dater la page, c'est une question de politesse! -->
<adresse> Fait le 11 mars 2010<br>
par moi.</adresse>
</body>
</html>
voila la partie du css qui place ton menu dont la classe est navbar a 0pixel du haut et 0pixel de gauche
ul.navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
}
modifie les données pour le place ou tu veu
si tu ne veu pas le placer en absolute il faut rien mettre et voila il sera a l'endoit ou il est dans ton html
ul.navbar
{
}
ul.navbar
{
position: absolute;
top:0px;
left:0px;
width: 9em;
}
modifie les données pour le place ou tu veu
si tu ne veu pas le placer en absolute il faut rien mettre et voila il sera a l'endoit ou il est dans ton html
ul.navbar
{
}
Oui sauf que moi dans mon appercu le texte reste en haut et le but est bien qu'il soit à gauche... Comme je dis c'est le navbar qui veut pas fonctionner