Site web
grand_commençant
Messages postés
24
Statut
Membre
-
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.
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
-
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
-
#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; }
-
oui au fait sache que l'utilisation de tableau est obsolète maintenant et que ta page contient 67 erreurs