Cours de fanabeyonce-yamapi

Il faut effectivement les mettre dans style.css, vu que c'est du CSS. On a dû oublier de mettre quelque chose alors si ça ne change rien.

J'ai été voir ta page css sur le site, et la "nouvelle" (donc celle avec les changements) n'a pas été hébergée. Tu es sûre que tu as hébergé la page dans le dossier "test" ? ... c'est bon, j'ai contrôllé. Donc ta page CSS n'est tout simplement pas celle que sur laquelle tu as fait les modifications.

Ici ta page actuelle : http://graphfruity.olympe-network.com/test/style.css (sans les changements).

*il faudrait vraiment que je me mette à mon layout moi, mais j'ai pas encore la moindre idée des couleurs que je vais utiliser...*

Ah oui j'avais oublié mais en fait j'ai vu que ça n'a pas changé quand meme car j'ai regardé la page index.html directement sur mon ordi
Tu vas faire bientot une nouvelle version , c'est cool

Faudrait déjà que j'ai un tant soit peu une petite idée de ce que je veux faire avant de m'y mettre (à mon layout). J'en peu plus de celui qu'il y a maintenant ^^

Sinon, pour ton menu, effectivement, on voit les changements maintenant. Donc tu voulais des bordures à gauche et en bas, comme dans l'exemple que tu m'as montré.

Je te mets juste les propriétés, et tu les mets où tu le désir dans le css :

Code:

border-bottom: 1px solid #ffffff;

le 1px, c'est la taille de la bordure (que tu peux changer) (en l'occurance, il s'agit ici de la bordure du bas -> bottom). Le "solid", tu le laisses. Et après il y a la couleur.

Pour mettre des autres bordures, tu as :
-> a droite :

Code:

border-right:

-> à gauche :

Code:

border-left:

-> en haut :

Code:

border-top:

Oui c'est le plus dur d'avoir une petite idée lol . Pour le menu on voit les changements dans le css mais pas dans gauche.html c'est normal ??
Aussinon j'ai rajouté dans le css une bordure en bas et à gauche voilà

Dans ton CSS, les propriétés (les 2 du fond) ne sont placée sous aucuns "trucs" (genre ... #menu ou autre). Il faut que tu mettes au même endroit qu'avant. Donc entre les { }

Pour le moment, la page CSS considèrent ça que comme un commentaire, puisqu'il ne sait pas à quoi ça se réfère.

euh je vois pas trop là les codes sont entre les { }

Code:

 #menu a:link{
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
}
#menu a:visited{
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
}
#menu a:hover{
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
}

border-bottom: 1px solid #B48E76;
border-left: 1px solid #B48E76;

Les deux dernières lignes que tu as, elles ne sont dans rien.

Voilà j'ai rajouté les parentheses :

Code:

 #menu a:link{
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
}
#menu a:visited{
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
}
#menu a:hover{
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
}

{
border-bottom: 1px solid #B48E76;
border-left: 1px solid #B48E76;  }

Mais ça change toujours rien pour le menu , c'est normal ??

Oui c'est normal. En fait, tes deux propriétés, il faut les mettre dans un "truc", c'est à dire dans le #menu a:hover par exemple. Parce que là, tu dis qu'il doit y avoir une bordure de telle couleur, mais tu ne dis absolument pas où est-ce qu'il doit mettre cette bordure.

Tiens :

Code:

 #menu a:link{
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
border-bottom: 1px solid #??????;
border-left: 1px solid #??????;
}

#menu a:visited{
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
border-bottom: 1px solid #??????;
border-left: 1px solid #??????;
}

#menu a:hover{
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
border-bottom: 1px solid #??????;
border-left: 1px solid #??????;
}

Il te faut changer les ?????? que j'ai mis par les couleurs que tu veux.

Ah ok je viens de comprendre lol mercii beaucoup . Donc j'ai mis les modifications et le tableau enfin le menu ne s'affiche toujours pas , je me demande si il y a pas un probleme dans gauche.html là ou j'ai mis le code ( je te le montre au cas ou ) :

Code:

<div id="menu">
<a href="accueil.html"target="home">Accueil</a>
<a href="ressources.html"target="home">Ressources</a>
<a href="portfolio.html"target="home">Portfolio</a>
<a href="tutoriels.html"target="home">Tutoriels</a>
<a href="siteweb.html"target="home">Site/Web</a>

</div>

C'est bon, ça s'affiche. Il fallait probablement réactualiser la page.

Ah , j'ai essayé plusieurs fois de réactualiser la page mais rien ne change , j'ai toujours ça :

C'est bizarre, parce que moi ça me donne ça :



Je vais essayer de regarder ce qui cloche, mais ça me parait vraiment bizarre.

C'est super bizarre , c'est peut etre mon ordi qui peut pas "lire" ce type de menu , car en plus de ne pas voir le menu sur internet je le vois pas sur mon ordi directement

Tu es sur internet explorer ou Firefox ? Ca peut peut-être venir de ça, mais c'est bizarre, parce que je n'ai jamais été confrontée à ce problème, que ce soit avec IE ou Firefox.

Ce n'est en tout cas pas ton ordi qui ne sait pas lire, parce que, déjà d'un, c'est ton navigateur qui lit les pages, mêmes quand elles ne sont pas hébergées.

EDIT : alors effectivement, sous internet explorer, ça me donne la même chose que toi.

Mon site sous IE :

Spoiler:

On voit que ça donne bien (et comme sur Firefox), et pourtant, j'ai utilisé absolument la même technique que toi, vu que pour te donner le code, j'ai fait du copier-coller du miens.

Je vais essayer de regarder si il manque quelque chose dans ton code. On a dû faire une erreur quelque part, puisqu'on sait qu'avec d'autres sites (qui plus est sous le même hébergeur), ça fonctionne.

Je suis sous IE
pour ton site j'ai ça moi :

C'est vraiment bizarre .

J'ai été sur une autre page du site, parce que sur la première, il n'y a pas de menu dont on parle.

ICI : http://emimoi.olympe-network.com/halogens/pf.php

Là je vois ton menu .
J'ai un peu chercher sur le net pour voir si il y avait des gens qui avait le meme probleme que moi , je crois que oui :
http://www.developpez.net/forums/d480061/webmasters-developpement-web/css/infobulle-css-ne-saffiche-sous-ie6/

Est-ce que tu sais par hasard la version de IE que tu as ?

Je suis pas sur mais je crois que c'est la version 6

Ca va paraitre con, mais j'ai pas trouvé comment savoir qu'elle version j'avais ^^

EDIT : j'ai trouvé. Il me manquait la barre de menu, c'est pour ça que je trouvait pas.

Donc moi j'ai la version 7, mais on a le même problème.

Je vais continuer à chercher la cause.

Moi aussi , je sais pas trop comment on fait pour savoir mais si je me souviens bien j'ai la version 6 . Je vais essayer de faire quelques recherche aussi .

Un truc vient de me passer par la tête.

Essaie voir d'ajouter ça à ton CSS :

Code:

text-decoration: none;

Ce qui te donne, dans ton CSS (enfin, le bout concerant le menu) :

Code:

 #menu a:link{
text-decoration: none;
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
border-bottom: 1px solid #??????;
border-left: 1px solid #??????;
}

#menu a:visited{
text-decoration: none;
display: block;
font-family : arial;
font-size : 12px;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
border-bottom: 1px solid #??????;
border-left: 1px solid #??????;
}

#menu a:hover{
text-decoration: none;
color: #B48E76;
line-height: 30px;
background-color: #D8C6BA;
border-bottom: 1px solid #??????;
border-left: 1px solid #??????;
}

J'ai pas la moindre idée si ça peut changer quelque chose, mais on peut toujours essayer

Voilà j'ai mis le bout de code , je crois que ça ne change rien , j'ai une petite question c'est normal que dans mon code du css il n'y est pas de "couleur" enfin je sais pas comment expliquer :

Tu utilises Notepad++ ?

A ce moment-là, c'est vrai que je viens de regarder sur le mien, et ça m'affiche certains trucs en violet dans le CSS. Essaie juste pour voir, d'aller au début de la première ligne et de faire une retour à la ligne (que tu enlèves par après). Je dois le faire des fois pour que ça m'affiche les couleurs. Mais bon, je pense pas que ce soit ça le problème, surtout que pour les autres trucs du CSS, le site les prends en compte. Donc le code n'est pas "faux" en soit.

Effectivement, ça ne change rien avec le bout de code en plus. Je vais continuer à chercher alors. Mais je vais d'abord manger quelque chose, je suis affamée ^^

Tu peux juste me mettre le code de ta page gauche.html ici stp. Je vais essayer sur mon site (enfin, sur l'hébergeur) pour que je puisse traffiquer le code.