<nav> impossible de mettre "border-right"

Fermé
cccb24 - Modifié par cccb24 le 6/02/2013 à 18:22
 cccb24 - 6 févr. 2013 à 19:17
Bonjour,

je début dans le codage html/css etc. J'aimerais mettre un border right à mon nav.
le border-right fonctionne sur le header, et le reste du site mais pas pour le nav.

voici le code css:

header { 
 padding-left: 10px; 
 padding-top: 35px; 
 font-family: helvetica; 
 font-size: 14px; 
 width: 200px; 
 position: fixed; 
 top: 0; 
 text-align: right; 
 margin-left: 10px; 
 border-right: 1px solid #000000; 

} 

nav { 
 padding-left: 0px; 
 padding-top: 0px; 
 font-family: Helvetica; 
 font-size: 12px; 
 text-align: right; 
 width: 200px; 
 position: fixed; 
 font-style: normal; 
 top: 49px; 
 margin-left: 10px; 
 border-right: 1px solid #000000; 
  
}


<nav>
	<ul id="photographers">
		<li>PHOTOGRAPHERS</li>		
	</ul>
		<ul id="sections_content">
			<li><a  href="bertrand_cavalier.html";</a>bertrand cavalier</li>
			<li><a  href="sara_gonzalez.html";</a>sara gonzalez</li>
			<li><a  href="lucie_dufour.html";</a>lucie dufour</li>
			<li><a  href="massao_mascaro.html";</a>massao mascaro</li>
			<li><a  href="gilles_ribero.html";</a>gilles ribero</li>	
		</ul>
		
	<ul id="collective_work">
		<li>COLLECTIVE WORK</li>
	</ul>	
		<ul id="sections_content_2">
			<li><a  href="projects.html";</a>projects</li>
			<li><a  href="books.html";</a>books</li>
		</ul>	

		
	<ul id="about">
		<li>THE COLLECTIVE</li>
	</ul>
		<ul id="sections_content_3">
			<li><a  href="the_collective.html";</a>about us</li>
			<li><a  href="contact_us.html";</a>contact</li>
		</ul>	
	
</nav>


Exemple de ce que je veut, même border que sur le header. Au passage si on sait me dire comment espacer le border. Merci

http://postimage.org/image/e37rbh8rr/


A voir également:

1 réponse

Profil bloqué
6 févr. 2013 à 18:15
tu peux coller ton code HTML notamment pour la partie NAV
merci
0
j'ai mis à jour le post ;)
merci
0
Profil bloqué
6 févr. 2013 à 18:25
essaie de modifier

nav {
padding-left: 0px;
padding-top: 0px;
font-family: Helvetica;
font-size: 12px;
text-align: right;
width: 200px;
position: fixed;
font-style: normal;
top: 49px;
margin-left: 10px;
border-right: 1px solid #000000;

}

par

nav li{
padding-left: 0px;
padding-top: 0px;
font-family: Helvetica;
font-size: 12px;
text-align: right;
width: 200px;
position: fixed;
font-style: normal;
top: 49px;
margin-left: 10px;
border-right: 1px solid #000000;

}
0
fonctionne pas, voilà ce que j'obtiens:

http://postimage.org/image/5bja0ztt3/
0
Profil bloqué
6 févr. 2013 à 18:28
est ce que tu as une version de ta page en ligne?
0
celà fonctione lorsque je change par nav ul {

par contre celà laisse des blancs entre les sections,

http://postimage.org/image/e2d7j8tcr/

ps: je n'ai pas de version online du site
0