Discussion :

[laurine123]

Voici mon html de ma barre de navBar:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="navBar">
  <div id="headlines">
    <h3>Acc&egrave;s rapide</h3>
    <ul>
<br />
ANPE<br />
  	<a href="http://www.anpe.fr/espace_candidat/conseils/conseils_emploi/info_formation/index.html">Info formation </a>
 	<br />
FONGECIF<br />
	<a href="http://www.fongecif.com/Page/CTrouverOpacif.asp"> Acces site internet </a>
	<br />
IUT2 Grenoble :<br />
	<a href="http://www.iut2.upmf-grenoble.fr/"> Acces site internet </a>
	<br />
	<a href="index.html"> Voir un autre profil </a>
    </ul>
  </div>
</div>
<!--end navbar -->

et voici ma feuille CSS: (dison la classe qui est appelée lorsque je sélectionne le texte se trouvant dans la boite navBar)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
 
hack to fix IE/Win's broken rendering of block-level anchors in lists 
#navBar li {border-bottom: 1px solid #EEE;}
 
fix for browsers that don't need the hack 
html>body #navBar li {border-bottom: none;}

Il doit y avoir une erreur dans l'un ou l'autre: Mes liens s'inscrivent dans les navigateurs parfois a visited, parfois non...c'est un peu du n'importe quoi!!!!

Je ne suis pas pro pour un sous, mais j'essaie de me dépétrer!!! Je dois rendre mon travail vendredi à midi...grrrrr, et je n'arrive pas à corriger mon erreur????

Quelqu'un pourrait il m'aider?

[MasterOfChakhaL]

Salut et bienvenue à toi sur les forums de developpez.com,

plusieurs remarques:
Dans ton html, un élément ul ne peut contenir que des éléments li (après tes éléments li peuvent contenir ce que tu veux)

dans ton css, il faut placer tes commentaires.... dans des commentaires.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

hack to fix IE/Win's broken rendering of block-level anchors in lists

devient

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

D'ailleurs, tes règles css comprenant des li ne sélectionnent rien puisque tu n'as pas de li dans ton html (pour l'instant)

[laurine123]

Merci de ton accueil!

Alors voilà, j'ai remis mes commentaires en "commentaire"!!! (ça parait simple une fois dit!!lol)

J'ai rajouter des listes dans le <ul>, je te montre: (comment fais tu pour faire la bonne mise en page pour le message?)

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<ul>
<br />
<li>ANPE<br />
  	<a href="http://www.anpe.fr/espace_candidat/conseils/conseils_emploi/info_formation/index.html">Info formation </a>
 	<br /></li>
	__________
<li>FONGECIF<br />
	<a href="http://www.fongecif.com/Page/CTrouverOpacif.asp"> Acces site internet </a>
	<br /></li>
	__________
<li>IUT2 Grenoble :<br />
	<a href="http://www.iut2.upmf-grenoble.fr/"> Acces site internet </a>
	<br /></li>
	__________
	<li><a href="index.html"> Voir un autre profil </a><li>
    </ul>

Les problèmes de link ne sont pas résolus. Le premier lien "info formation" s'affiche trés bien (en vert, underline) mais les autres : "Acces site"(2) et "Voir un autre profil" restent en bordeau et ne sont pas soulignés.
Mon code CSS pour les li :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
li{
font-size:12px;
color:#806159
}

Aurais tu une idée de l'erreur que j'aurai commise quelques part?

Merci de ton aide

Claire

[trotters213]

J'ai pas tout compris à ton problème mais si tu veux que tes liens soient toujours affichés de la même manière dans tes li mets ceci dans CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
li{
font-size:12px;
color:#806159
}
 
li a,
li a:hover,
li a:visited,
li a:link,
li a:active {
/*le style de ton lien*/
}