Site web

Fermé
grand_commençant Messages postés 20 Date d'inscription mardi 6 août 2013 Statut Membre Dernière intervention 23 août 2013 - 6 août 2013 à 14:49
grand_commençant Messages postés 20 Date d'inscription mardi 6 août 2013 Statut Membre Dernière intervention 23 août 2013 - 6 août 2013 à 16:22
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.
A voir également:

3 réponses

Utilisateur anonyme
6 août 2013 à 14:52
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
Utilisateur anonyme
6 août 2013 à 14:57
un grand commercant devrait utiliser un pro...je peux conseiller
0
Utilisateur anonyme
6 août 2013 à 14:58
dans le choix évidement
0
grand_commençant Messages postés 20 Date d'inscription mardi 6 août 2013 Statut Membre Dernière intervention 23 août 2013
Modifié par grand_commençant le 6/08/2013 à 14:59
si j'ai utilisé position absolute dans mon menu deroulant, c'est quoi les media queries et comment s'y prendre.
0
Utilisateur anonyme
6 août 2013 à 15:05
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
Utilisateur anonyme
6 août 2013 à 15:40
#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
Utilisateur anonyme
6 août 2013 à 15:41
surtout ca :


#menu {

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

position: relative;
top: 100px;
}
0
grand_commençant Messages postés 20 Date d'inscription mardi 6 août 2013 Statut Membre Dernière intervention 23 août 2013
6 août 2013 à 15:55
a kel niveau je doit utilisé
#tab {

position: relative;
top: 100px;
}
0
Utilisateur anonyme
6 août 2013 à 15:46
oui au fait sache que l'utilisation de tableau est obsolète maintenant et que ta page contient 67 erreurs
0
Utilisateur anonyme
6 août 2013 à 15:47
0
grand_commençant Messages postés 20 Date d'inscription mardi 6 août 2013 Statut Membre Dernière intervention 23 août 2013
6 août 2013 à 15:49
ok merci mais toujour un probleme le menu ne s'affiche pas correctement.
0
Utilisateur anonyme
6 août 2013 à 16:01
ha bon chez moi pas de souci ....


http://img69.imageshack.us/img69/556/j3m1.jpg
0
grand_commençant Messages postés 20 Date d'inscription mardi 6 août 2013 Statut Membre Dernière intervention 23 août 2013
6 août 2013 à 16:05
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
Utilisateur anonyme
6 août 2013 à 16:09
ha ben descend le tab
#tab { 

position: relative; 
top: 150px; 
}
0