Raccourcir ma page html
PeterJackson17
Messages postés
67
Statut
Membre
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
Bonjour,
Voila, quand on crée un site on sait tous bien que le code html répond grâce aux attributs du CSS...
Dès lors, toute les pages répondent au même code CSS....mais j'aurais voulu savoir comment raccourcir une page ?
Une page qui serait trop grande ?
Car j'ai plusieurs page sur mon site, et chacune des pages ne fait pas la même hauteur.
Comment faire pour régler automatiquement la hauteur pour chaque page ? On m'a dit d'enlever mon "height" mais quand j'enlève ça ne fonctionne pas. Ou même de mettre "height:auto;" mais ça marche pas. De plus j'ai un <footer> que je souhaiterai coller à mon bas de <section> avec une marge de 2px mais j'y arrive pas (pour chaque page je dois définir sa hauteur c'est assez relou... De même pour le height).
Je vous donne mon code HTML et CSS pour que vous voyez si j'ai fais des erreurs :
HTML :
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<link rel="stylesheet" type="text/css" href="style3.css" />
</head>
<body>
<div id="corps1" style="float:left">
<section>
</section>
</div>
<footer>
<center><p><a href="mailto:****@hotmail.fr" font="3px">Me contacter</a> </center>
</div>
</footer>
</body>
</html>
CSS :
html, body, div{
margin:0px;
padding:0px;
}
body{
font: 17px EagleSans-Regular, arial, sans-serif ;
color:white;
}
header{
height: 110px;
}
#entete {
width:70%;
margin-top:1%;
margin-left:12%;
margin-right:1%;
margin-bottom:auto;
}
#entete h1 {
text-align:center;
margin:0px;
padding:0px;
}
#corps1 {
background:black;
width:85%;
height:auto;
margin-top:200px;
margin-left:140px;
padding:0;
border-radius:4px;
border:2px white solid;
filter:alpha(opacity=80);
position:relative;
z-index:1;
background-color: rgba(0, 0, 0, 0.8);
}
section {
width:95%;
margin:20px auto 30px auto;
height: 500px;}
Merci de votre aide,
PeterJackson17
Voila, quand on crée un site on sait tous bien que le code html répond grâce aux attributs du CSS...
Dès lors, toute les pages répondent au même code CSS....mais j'aurais voulu savoir comment raccourcir une page ?
Une page qui serait trop grande ?
Car j'ai plusieurs page sur mon site, et chacune des pages ne fait pas la même hauteur.
Comment faire pour régler automatiquement la hauteur pour chaque page ? On m'a dit d'enlever mon "height" mais quand j'enlève ça ne fonctionne pas. Ou même de mettre "height:auto;" mais ça marche pas. De plus j'ai un <footer> que je souhaiterai coller à mon bas de <section> avec une marge de 2px mais j'y arrive pas (pour chaque page je dois définir sa hauteur c'est assez relou... De même pour le height).
Je vous donne mon code HTML et CSS pour que vous voyez si j'ai fais des erreurs :
HTML :
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<link rel="stylesheet" type="text/css" href="style3.css" />
</head>
<body>
<div id="corps1" style="float:left">
<section>
</section>
</div>
<footer>
<center><p><a href="mailto:****@hotmail.fr" font="3px">Me contacter</a> </center>
</div>
</footer>
</body>
</html>
CSS :
html, body, div{
margin:0px;
padding:0px;
}
body{
font: 17px EagleSans-Regular, arial, sans-serif ;
color:white;
}
header{
height: 110px;
}
#entete {
width:70%;
margin-top:1%;
margin-left:12%;
margin-right:1%;
margin-bottom:auto;
}
#entete h1 {
text-align:center;
margin:0px;
padding:0px;
}
#corps1 {
background:black;
width:85%;
height:auto;
margin-top:200px;
margin-left:140px;
padding:0;
border-radius:4px;
border:2px white solid;
filter:alpha(opacity=80);
position:relative;
z-index:1;
background-color: rgba(0, 0, 0, 0.8);
}
section {
width:95%;
margin:20px auto 30px auto;
height: 500px;}
Merci de votre aide,
PeterJackson17
A voir également:
- Raccourcir ma page html
- Supprimer page word - Guide
- Editeur html - Télécharger - HTML
- Faire de google ma page d'accueil - Guide
- Imprimer tableau excel sur une page - Guide
- Page accueil iphone - Guide
