Média css

bonjours 2 petites question, j'espéres que vous allez m'aidez a le résoudre

voilà ma 1 er demande :

http://leprojet.legtux.org/membre-connexion.html

je voulais supprimer mes 2 cadres menue gauche et haut uniquement sur mobile.

qu'es ce que vous pensez a votre avis ?

Et l'autre question

http://leprojet.legtux.org/index.html

j'ai mis un accordéon du menue de gauche dés qu'on réduit la fenêtre. Mais quand je regardes sur mon portable le menue ne se fait pas en accordéon et pour tamps on voit bien sur pc qu'on reduit la fenetre

pour quoi

sinon j'ai mis ça cette taille en css vous me direz si c'est bien comme taille

@media screen and (max-width: 980px)
{
/* propriétés pour tablette */
}
@media screen and (max-width: 625px)
{
/* propriétés pour mobile */

	  #menu
	  {
	  width:auto;
	  float: none;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }

	  .accordeon
	  {
	  width:none;
	  float: none;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }
	  .menu
	  {
	  display:none;
	 
	  }






}

merci de m'aidé a resoudre ces 2 soucies.

Bonjour,

Aucun de tes deux liens ne fonctionne à l'heure actuelle, donc je vais essayer de deviner.

Tu as bien appliqué une meta Viewport ?
Dans le cas contraire, ton portable va croire qu'il a une fenêtre d'au-moins 850px de large, selon le navigateur utilisé.

http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

oui j'ai bien mis le eta et ca fonctionne et j'ai mis l’accordéon dés que ça passe sur un mobile

http://leprojet.legtux.org/index.html
tu me diras si c'est bien fait ou il faut améliorée un truc

@media screen and (max-width: 980px)
{
/* propriétés pour tablette */
}
@media screen and (max-width: 625px)
{
/* propriétés pour mobile */

	  #menu
	  {
	  width:auto;
	  float: none;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }

	  .accordeon
	  {
	  width:none;
	  float: none;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }
	  .menu 
	  {
		  display:none;
	 
	  }
	  #content, #global, #menu,#header
	  {
	  	width:100%;
	  }






}
@media screen and (max-width: 400px)
{
/* propriétés pour mobile */

	  #menu
	  {
	  width:auto;
	  float: none;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }

	  .accordeon
	  {
	  width:none;
	  float: none;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }
	  .menu 
	  {
		  display:none;
	 
	  }
	  #content, #global, #menu,#header
	  {
	  	width:100%;
	  }

}

tu me diras s'il faut que je rajoutes un autre média

et tu me diras ceux que tu penses pour l'instant mes disign respensive

mon frere m'a envoier tt les média

//Portable et tablette
@media (min-width: 768px) and (max-width: 979px) {

}


//Portable et tablette

@media (max-width: 767px) {

}

//Grds ecrans ordinateurs

@media (min-width: 1200px) {
 
}

//Portables

@media (max-width: 480px) {

}


//Portables et tablettes

@media (max-width: 979px) {
;
  }



//ecrans ordinateurs

@media (min-width: 980px) {

}

es ce que je peux verifir sur ce lien

http://dfcb.github.io/Responsivator/?site=www.siteduzero.com%2F

es ce q'il y a tout les largeurs et des media utiliser sur pc tablette portable

Tu ne peux pas cibler toutes les tablettes et smartphones du marché. Ils sont beaucoup trop nombreux à être différents.

En voici quelques-uns : http://mobitest.me/devices/