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.
A voir également:
- Site web
- Création site web - Guide
- Site de telechargement - Accueil - Outils
- Web office - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
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;
}
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