Bonsoir,

j'ai un soucis au niveau de l'espacement entre mon header, une div(Une image) et la partie section, je voudrais que les 3 soit collées l'un à l'autre (comme pour la partie section et le footer) sauf que j'y arrive pas ils ont un espace,en agrandissant la hauteur de mon header le menu à pu se coller mais j'ai fait ça en tatonnant je pense pas que ce soit la meilleure façon de faire, si quelqu'un pourrait m'éclairer des manips à faire! ce serait cool! merci!

https://jsbin.com/jexiwanowo/edit?output

Salut !

J'ai trouvé la solution :

dans "nav ul" dans ton css il faut que tu rajoutes la ligne "margin: 0px"
ensuite pour ce qui est de l'image, tu lui donnes un height de 315px, sans répétition alors que l'image en fait 250, le problème c'est que l'image garde la même dimension donc il faut que tu reformates le height ou plus simple, tu affiches ton image grâce à une balise img.

Tu peux montrer pour ce que tu veux dire pour l'image? j'ai rien touché dessus pour le moment :/ j'ai rien imposé et cie... dans le cas si je mets un margin 0 px au nav ul, celui-ci se colle à la photo donc bien mais sauf il se "décolle" de la baniière

je parle pour la photo entre le menu et la section au fait ;)

edit: j'ai été obliger de mettre 315 px en hauteur, sinon mon menu chevauché legerement la baniierre, c'est ce que j'appel le "tatonnement"

.item{
  
  height:285px;
  
}

C'est pas propre mais là c'est pareil, ton img fait 285px et ton div 289 du coup t'as 4px de rab

Le 17 mai 2017 à 10:35:46 extan a écrit :
Tu peux montrer pour ce que tu veux dire pour l'image? j'ai rien touché dessus pour le moment :/ j'ai rien imposé et cie... dans le cas si je mets un margin 0 px au nav ul, celui-ci se colle à la photo donc bien mais sauf il se "décolle" de la baniière

S'il se décolle de la bannière c'est justement parce que ton image est trop grande et surtout sans répétition. Si tu retire le paramètre dans ton CSS tu comprendras directement ce que je dis . C'est pour ça que je t'invite fortement à utiliser une autre balise pour afficher ton image qu'un container

Ok je comprends ce que tu veux dire je viens de voir ;) merci! mais lorsque je veux changer la hauteur de mon item ( j'ai tester avec la div qui contient l'item aussi) en 285px, ça le prends pas en compte je vois pas pourquoi

j'ai rien dit! ça marche nickel! merci ;)

Re!

New question ( avec le même code) j'arrive pas à faire "réagir" mes liens avec "hover", je veux par exemple sur mon menu animé les rubriques donc je fait :

-nav a: hover{ text-decoration: underline, color: red;}

ça ne fonctionne pas ! why ? ( j'ai testé pour le lien aussi "write us" la même )

help please!!

a:hover{ 
  
  text-decoration: underline;
  color: red;

}

je viens d'essayer avec ça, ça marche

-nav ça existe pas. Un point pour une classe, un dièse pour un id