Discussion :

[oceane751]

Bonjour à tous,

Je reviens vers vous pour que vous demandez si c'est bien ou pas dans mon responsive web design

Je m'auto forme car j'en ai besoin pour trouver du boulot et j'ai besoin d'être corrigé

Je trouve que quand on redimensionne, il y a un écart à droite et impossible à enlever

Voici l'url

http://vaurel.free.fr/avray/avray.html

Dites moi ce que vous en pensez !

Merci

[Muchos]

L'écart à droite disparait si (dans responsive.css) :

• On met le BODY à 100% et non 104% !
• On supprime le padding des LI du #menu.

Sinon, c'est pas mal. Néanmoins, il y a des margins en (inutiles) pixels, et le texte tend à se chevaucher en cas de zoom "texte" seulement.

[oceane751]

en fait j'avais mis le body à 104% pensant que ça aller changer quelque chose mais non
et je ne l'ai pas remis à 100%... chose faite maintenant

et

Code :

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

padding:0;

pour les li

j'ai eu du mal à faire le responsive design de ce site donc toutes autre reflexions sont les bienvenues...

merci en tout cas!

[NoSmoking]

Bonsoir,
au moins deux choses:
- fixe une hauteur mini pour les LI de ton menu;
- le menu passe en dessous de ton slide;
- ton "image" de bannière fait quand même haute.

Tiens cela fait trois

[Muchos]

- fixe une hauteur mini pour les LI de ton menu;

Absolument! Quand je disais de supprimer les paddings des LI, c'était ceux de gauche et de droite

[oceane751]

pour mes li j'ai fait ça

Code css :

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

1
2
3
4
5
6
7
8
9
 
 #menu li{
  	width:100%;
	height:auto;
	float:none;
	padding:0;
	text-align:left;
	height:25px;
}

impossible d'adapter mon header même en mettant height:auto; ou height:100%;

[NoSmoking]

Ajoutes un min-height: 36px; à tes LI.

[oceane751]

ok c'est mis