Site web

grand_commençant Messages postés 24 Statut Membre -  
grand_commençant Messages postés 24 Statut Membre -
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. Utilisateur anonyme
     
    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
    0
    1. Utilisateur anonyme
       
      un grand commercant devrait utiliser un pro...je peux conseiller
      0
    2. Utilisateur anonyme
       
      dans le choix évidement
      0
    3. grand_commençant Messages postés 24 Statut Membre
       
      si j'ai utilisé position absolute dans mon menu deroulant, c'est quoi les media queries et comment s'y prendre.
      0
    4. Utilisateur anonyme
       
      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
      0
  2. Utilisateur anonyme
     
    #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;
    			}
    

    0
    1. Utilisateur anonyme
       
      surtout ca :


      #menu {

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

      position: relative;
      top: 100px;
      }
      0
    2. grand_commençant Messages postés 24 Statut Membre
       
      a kel niveau je doit utilisé
      #tab {

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


      http://img69.imageshack.us/img69/556/j3m1.jpg
      0
    3. grand_commençant Messages postés 24 Statut Membre
       
      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
      0
    4. Utilisateur anonyme
       
      ha ben descend le tab
      #tab { 
      
      position: relative; 
      top: 150px; 
      }
      0