CSS Positionning- Section 5- Exercice 5.3


#1

Hy,
I tried to completed the exercise 5.3 in section 5 of positioning in CSS curse, but i may be missed something, please answer me what is wrong in this following code :

li {
	/*Ajoutez votre CSS ici !*/
	display: inline;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323
}

#left{
	/*Ajoutez votre CSS ici !*/
	border-top: 5px;
}

p {
	font-family: Tahoma;
	font-size: 1em;
}

#right{
	/*Ajoutez votre CSS ici !*/
	border-top: 5px;
}

Tank you for tell me my mistakes.
Best regards



#2

Hi,

Is this under another language (not English course ?) paste in the URL also paste in your HTML and your error

Thanks


#3

Le positionnement CSS
"L'afficher proprement
Bien jouĂ© ! Les boutons de la barre de navigation sont maintenant bien empilĂ©s, au lieu d'ĂȘtre simplement posĂ©s horizontalement.

Instructions
Nous allons corriger cela et aligner les boutons sur une seule et mĂȘme ligne :
1. Dans le CSS, ajoutez la propriété display au sélecteur li et affectez-lui la valeur inline.
2. Ajoutez également une marge interne de 5 pixels (de chaque cÎté)."

Was the question, but in any ways, the answer is in code and have is reserved langage yet...
Regards


#4

I'm sorry I don't speak French.

For your li selector you need to add a margin of 5px on all sides so: margin: 5px;

Hope this works if not paste in the error message and exercise link


#5

Can you provide the url of the exercise, and full css code? Maybe you forgot a closing curly bracket somewhere


#6

Hi,
This is the link of this exercise :

https://www.codecademy.com/fr/courses/web-beginner-fr-FR-ps0g0/4/3?curriculum_id=5355c3c3516bcbd91200000b

Thank you to tell me, why i did it the wrong way.

Regards


#7

thank you for the answer


#8

Still need help ?

paste in your updated and full HTML & CSS


#9

Here it is : https://www.codecademy.com/fr/courses/web-beginner-fr-FR-ps0g0/4/3?curriculum_id=5355c3c3516bcbd91200000b


#10

That's the link to the exercise, each learners code is private we cannot see it, you need to select your code copy it and paste it here


#11

Ok, but i did it yet, at the begining.
Regards


#12

You changed it after ? as I told you add margin: 5px; to the li element, so I want to see now how it is also all of your CSS and all of your HTML code


#13

yes i did the change you show me, but it still d'ont work.
Appologies for my terrible English...
:confounded:


#14

This is the new one :

li {
	/*Ajoutez votre CSS ici !*/
	display: inline;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323
}

#left{
	/*Ajoutez votre CSS ici !*/
	margin-: 5px;
}

p {
	font-family: Tahoma;
	font-size: 1em;
}

#right{
	/*Ajoutez votre CSS ici !*/
	margin: 5px;
}

Tks


#15

without the - after margin...


#16

Je suis dĂ©solĂ©, je compris des Français margin son supposĂ© ĂȘtre padding

so:

padding: 5px;

li {
	/*Ajoutez votre CSS ici !*/
	display: inline;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323;
	padding: 5px;
}

#17

refresh one :slight_smiley

li {
	/*Ajoutez votre CSS ici !*/
	display: inline;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323
}

#left{
	/*Ajoutez votre CSS ici !*/
	padding: 5px;
}

p {
	font-family: Tahoma;
	font-size: 1em;
}

#right{
	/*Ajoutez votre CSS ici !*/
	padding: 5px;
}

Still out...
tks


#18

You didn't add padding: 5px;

Like this:

li {
	/*Ajoutez votre CSS ici !*/
	display: inline;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323;
	padding: 5px;
}

#19

Because the curse offer a preselected line to do i, i'll try...


#20

i was strucked in this line
* {
border: 1px dashed #0000ff;
}