Site web

Bonjour,
mon site web se déforme en fonction de la taille de l'ecran de l'ordinateur. Comment faire pour y remédier. je suis un grand commençant comme le nom l'indique.

Merci d'avance.

3 réponses

  1. salut, utiliser des dimension en pixel, eviter d'utiliser position absolute sans que se soit dans un bloc en relative, et utiliser les media queries
    1. un grand commercant devrait utiliser un pro...je peux conseiller
    2. dans le choix évidement
    3. si j'ai utilisé position absolute dans mon menu deroulant, c'est quoi les media queries et comment s'y prendre.
    4. salut, si tu utilise une position absolute elle see positionne par rapport au coin haut gauche, si ton écran change de dimension , ben elle se déplace.

      place la dans un block en position relative, eet le problème est résolu.

      les media queries sa te permet de changer css suivant l'écran du visiteur
  2. #menu {
    
    				margin: 0;
    				margin-left: 127;
    				padding: 30px 60px 10px 50px;
    				position: absolute;
    			}
    			#tab {
    			
    			position: relative;
    			top: 100px;
    			}
    			#menu ul {
    				margin: 0;
    				padding: 0;
    				list-style-type: none;
    				text-align: center;
    			}
    			#menu li {
    				float: left;
    				margin: auto;
    				padding: 17;
    				background-color: blue;
    				border: 1px #42432d;
    				text-align: center;
    			}
    
    			#menu li a {
    				display: block;
    				width: 160px;
    				color: white;
    				text-decoration: none;
    				padding: 0px 0px 0px 0px;
    			}
    
    			#menu li a:hover {
    				color: white;
    				background-color: orange;
    			}
    			#menu li ul {
    				display: none;
    				margin: 0;
    				padding: 0;
    				position: relative;
    			}
    			#menu li:hover ul {
    				display: block;
    			}
    			#menu li:hover ul li {
    				float: none;
    			}
    
    			#menu {
    				height: 50px;
    			}
    
    			#acceuil #nav-acceuil a, #outils #nav-outils a, #partenaire #nav-partenaire a, #prestation #nav-prestation a, #contact #nav-contact a {
    				background: #e35a00;
    				color: #fff;
    				text-shadow: none;
    			}
    
    			#acceuil #nav-acceuil a:hover, #outils #nav-outils a:hover, #partenaire #nav-partenaire a:hover, #contact #nav-contact a:hover, #prestation #nav-prestation a:hover {
    				background: #e35a00;
    			}
    			#accueil{
    			position: relative;
    			}
    			#menu a:active {
    				background: #e35a00;
    				color: black;
    			}
    			#menu a:focus {
    				background: blue;
    			}
    			#tel ul {
    				list-style-image: url('img4.jpg');
    			}
    			form {
    
    				height: 50;
    			}
    			input, textarea {
    				font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé à l'intérieur des champs */
    			}
    
    			input:focus, textarea:focus/* Quand le curseur est sur un champ (ne marche pas sur IE) */ {
    				background-color: #FFFF99;
    			}
    
    			label {
    				color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
    			}
    
    			legend/* On met un peu plus en valeur les titres des fieldset */ {
    				font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
    				color: #FF9933;
    				font-weight: bold;
    			}
    
    			fieldset {
    				margin-bottom: 15px; /* Une marge pour séparer les fieldset */
    				background-color: #FFFFCC;
    			}
    			#zone {
    				background-color: orange;
    			}
    

    1. surtout ca :

      #menu {

      margin: 0;
      margin-left: 127;
      padding: 30px 60px 10px 50px;
      position: absolute;
      }
      #tab {

      position: relative;
      top: 100px;
      }
    2. a kel niveau je doit utilisé
      #tab {

      position: relative;
      top: 100px;
      }
  3. oui au fait sache que l'utilisation de tableau est obsolète maintenant et que ta page contient 67 erreurs
    1. ok merci mais toujour un probleme le menu ne s'affiche pas correctement.
    2. ha bon chez moi pas de souci ....

      http://img69.imageshack.us/img69/556/j3m1.jpg
    3. avec mozilla c bon sauf que quand le menu déroule il est chaché par le reste de la page mai avec chome c'est pa du tt le cas
    4. ha ben descend le tab
      #tab { 
      
      position: relative; 
      top: 150px; 
      }