Site - barre de navigation avec CSS Fermé

Question

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 : Ma première page avec du style [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!

rudak · Answer

tu peu coller ton menu en haut a gauche de la fenetre comme ca : ul .navbar { position: absolute; top:0px; left:0px; width: 9em; } dans ton code tu as bien une liste

loloune · Answer

Oui oui j'ai bien ca, tu peux aller regarder le tuto sur le site il est pas très long.... 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?

rudak · Answer

ah oui ok j'avai pas fait gaffe  a ton lien pour le coller a gauche vire le padding left
remplace le par ca :


padding-left:0px;

loloune · Answer

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?

rudak · Answer

qu'appelle tu le navbar ? tu veux parler de la liste ? <ul>

loloune · Answer

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...

rudak · Answer

ecri le comme je te l'ai ecri dans ma réponse...

ul .navbar 
{ 
     position: absolute; 
     top:0px; 
     left:0px; 
     width: 9em;
}

loloune · Answer

ca ne fonctionne pas le texte ne bouge pas. j'ai meme enregistrer et rouvert la page...

rudak · Answer

donne moi l'url stp que je verifie ta source directement

loloune · Answer

ha mais ce n'est pas sur le serveur c juste sur namo. ou alors je comprends pas bien

rudak · Answer

bah alors colle toute ta source jvai la coller dans dream weaver j'y verrai plus clair :)

loloune · Answer

ca envoie ou pas bon sang!!!

loloune · Answer

je peux plus envoyé de message ou quoi

loloune · Answer

Ma premire page avec du style

Ma premiere page avec du style

Bienvenue sur ma page av du style!

Il lui manque des images, mais au moins, elle a du style. Et elle a des liens,…

Je devrais étayer, mais je ne sais encore.

Fait le 11 mars 2010
par moi.

rudak · Answer

remplacer <ul class:"navbar"> 
par    <ul class="navbar">

loloune · Answer

j'ai changé ca mais ne me règle pas le problème du code css de navbar toujours au même endroit...

rudak · Answer

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 
{ 

}

loloune · Answer

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

loloune · Answer

alors qui peut m'aider???

chico95 · Answer

essaye d'enlever le ul dans ul.navbar

OU 

essaye de remplacer   class="navbar" par id="navbar" et donc :

ul.navbar 
{ 
position: absolute; 
top:0px; 
left:0px; 
width: 9em; 
} 

par 

ul #navbar 
{ 
position: absolute; 
top:0px; 
left:0px; 
width: 9em; 
} 

OU

.navbar
{
float:left;
}

Site - barre de navigation avec CSS

20 réponses

Discussions similaires