Barre de défilement dans mon site en HTML
Musicaul11
Messages postés
15
Date d'inscription
Statut
Membre
Dernière intervention
-
Musicaul11 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
Musicaul11 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai créé mon site internet en HTML mais lorsque je l'ouvre des barres de défilement s'affichent inutilement et lorsque je fais glisser la barre vers le bas de la page ou sur le coté la couleur de fond de ma page continu un peu plus loin
comment faire ?
existe t-il une balise CSS pour fixer la page ?
J'ai créé mon site internet en HTML mais lorsque je l'ouvre des barres de défilement s'affichent inutilement et lorsque je fais glisser la barre vers le bas de la page ou sur le coté la couleur de fond de ma page continu un peu plus loin
comment faire ?
existe t-il une balise CSS pour fixer la page ?
A voir également:
- Barre de défilement dans mon site en HTML
- Site de telechargement - Accueil - Outils
- Barre de défilement - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
2 réponses
Bonsoir,
Cela est du au faite que les dimensions de la page sont mal introduit (les dimensions de votre page sont un peux plus grandes que celle de la résolution de votre écran)
la balise qui te permet d'éviter cela est :
ou
Cela est du au faite que les dimensions de la page sont mal introduit (les dimensions de votre page sont un peux plus grandes que celle de la résolution de votre écran)
la balise qui te permet d'éviter cela est :
body {width:100%}
ou
body {width:900px;}
ça ne marche pas quand meme
Merci quand meme d'avoir répondu !! :D
Merci quand meme d'avoir répondu !! :D
body
{
background-color : rgb(54,95,145);
background-position : 30px 50px;
background-position : right;
}
li
{
border: 1px black solid;
border-radius : 7px / 7px ;
font-family : Nightclub BTN,impact, Arial, serif;
font-size : 17px;
box-shadow : 6px 6px 6px black;
}
nav li
{
display: inline-block;
margin-right: -5px;
padding : 4px 7px 4px 7px;
background-color : rgb(0,128,192);
}
header
{
display: inline-block;
vertical-align: top;
position : absolute;
left : 0px;
top : 0px;
}
div
{
display : inline;
position : relative;
right : 0px;
top : 0px;
}
article
{
border-radius : 25px / 25px ;
display: inline-block;
padding : 17px 27px 27px 27px;
position : absolute;
left : 0px;
top : 170px;
box-shadow : 9px 9px 12px black;
background-image : url("6Eclair1.jpg");
}
article p, article h2
{
font-family : calibri, Arial, serif;
text-align : center;
}
nav
{
position : relative;
left : 200px;
top : -855px;
z-index : 1;
}
h1
{
position : absolute;
left : 750px;
top : 110px;
z-index: 1;
}
a
{
color : black;
text-decoration : none;
}
article h2
{
text-decoration : underline;
}
#Bienvenue
{
font-family : GrilledCheese BTN Wide Blk,Nightclub BTN, calibri, Arial,Serif;
position : relative;
left : 280px;
bottom :1293px;
}
#jack
{
position : relative;
left :60px;
top : -1045px;
}
#presentation
{
display : inline-block;
position : relative;
left :210px;
bottom: 1300px;
}
#msg
{
position : relative;
left : 520px;
bottom :1300px;
font-family: Year supply of fairy cakes , Nightclub BTN, calibri, Arial, Serif;
}
#fleche
{
position : relative;
left : 950px;
bottom : 1655px;
}
#mark
{
display : inline-block;
position : absolute;
left :25px;
bottom : -180px;
border : 5px black solid;
border-radius : 15px / 15px;
box-shadow : 3px 3px 3px black;
padding : 0px 0px 0px 0px;
margin : 0px 0px -5px -5px;
}
a:hover
{
color : rgb(69,239,222);
}
diap
{
width : 50px;
position : relative;
left: 1030px;
top: -200px;
}
separ
{
position : relative;
left : -40px;
bottom : 1100px;
}
mail a
{
z-index : 1;
font-family : Year supply of fairy cakes , Nightclub BTN, calibri, Arial, Serif;
position : relative;
left : 15px;
top : -1200px;
}
webm p
{
position: relative;
left : 15px;
top : -1200px;
font-family : Serif;
font-weight : bold;
}
site a
{
text-align : left;
font-family : Arial, Serif;
display : block;
position : relative;
left : 2px;
bottom : 1380px;
text-decoration : underline;
border : 2px black solid;
border-radius : 7px / 7px;
box-shadow : 7px 7px 7px black;
padding : 2px;
margin-right : 1050px;
margin-bottom : -8px;
}
site p
{
position : relative;
left : 2px;
bottom : 1380px;
display : block;
font-family : Year supply of fairy cakes, serif;
font-size : 15px;
}
{
background-color : rgb(54,95,145);
background-position : 30px 50px;
background-position : right;
}
li
{
border: 1px black solid;
border-radius : 7px / 7px ;
font-family : Nightclub BTN,impact, Arial, serif;
font-size : 17px;
box-shadow : 6px 6px 6px black;
}
nav li
{
display: inline-block;
margin-right: -5px;
padding : 4px 7px 4px 7px;
background-color : rgb(0,128,192);
}
header
{
display: inline-block;
vertical-align: top;
position : absolute;
left : 0px;
top : 0px;
}
div
{
display : inline;
position : relative;
right : 0px;
top : 0px;
}
article
{
border-radius : 25px / 25px ;
display: inline-block;
padding : 17px 27px 27px 27px;
position : absolute;
left : 0px;
top : 170px;
box-shadow : 9px 9px 12px black;
background-image : url("6Eclair1.jpg");
}
article p, article h2
{
font-family : calibri, Arial, serif;
text-align : center;
}
nav
{
position : relative;
left : 200px;
top : -855px;
z-index : 1;
}
h1
{
position : absolute;
left : 750px;
top : 110px;
z-index: 1;
}
a
{
color : black;
text-decoration : none;
}
article h2
{
text-decoration : underline;
}
#Bienvenue
{
font-family : GrilledCheese BTN Wide Blk,Nightclub BTN, calibri, Arial,Serif;
position : relative;
left : 280px;
bottom :1293px;
}
#jack
{
position : relative;
left :60px;
top : -1045px;
}
#presentation
{
display : inline-block;
position : relative;
left :210px;
bottom: 1300px;
}
#msg
{
position : relative;
left : 520px;
bottom :1300px;
font-family: Year supply of fairy cakes , Nightclub BTN, calibri, Arial, Serif;
}
#fleche
{
position : relative;
left : 950px;
bottom : 1655px;
}
#mark
{
display : inline-block;
position : absolute;
left :25px;
bottom : -180px;
border : 5px black solid;
border-radius : 15px / 15px;
box-shadow : 3px 3px 3px black;
padding : 0px 0px 0px 0px;
margin : 0px 0px -5px -5px;
}
a:hover
{
color : rgb(69,239,222);
}
diap
{
width : 50px;
position : relative;
left: 1030px;
top: -200px;
}
separ
{
position : relative;
left : -40px;
bottom : 1100px;
}
mail a
{
z-index : 1;
font-family : Year supply of fairy cakes , Nightclub BTN, calibri, Arial, Serif;
position : relative;
left : 15px;
top : -1200px;
}
webm p
{
position: relative;
left : 15px;
top : -1200px;
font-family : Serif;
font-weight : bold;
}
site a
{
text-align : left;
font-family : Arial, Serif;
display : block;
position : relative;
left : 2px;
bottom : 1380px;
text-decoration : underline;
border : 2px black solid;
border-radius : 7px / 7px;
box-shadow : 7px 7px 7px black;
padding : 2px;
margin-right : 1050px;
margin-bottom : -8px;
}
site p
{
position : relative;
left : 2px;
bottom : 1380px;
display : block;
font-family : Year supply of fairy cakes, serif;
font-size : 15px;
}