Fond au centre + Scrollbar coloré [HTML]
Cheesy.
-
tpinparis -
tpinparis -
Bonjour,
J'essaie de centrer le fond de ma page index mais j'y arrive pas --' J'ai déja essayé ce code :
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: center center;
}
mais ça marche pas :/
Quelqu'un pourrait-il m'aider ? Et comment faire pour changer les couleur du scrollbar ? Merci d'avance ^^
J'essaie de centrer le fond de ma page index mais j'y arrive pas --' J'ai déja essayé ce code :
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: center center;
}
mais ça marche pas :/
Quelqu'un pourrait-il m'aider ? Et comment faire pour changer les couleur du scrollbar ? Merci d'avance ^^
A voir également:
- Fond au centre + Scrollbar coloré [HTML]
- Editeur html - Télécharger - HTML
- Centre de messagerie - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Html br - Forum HTML
- Peut on récupérer un colis au centre de tri chronopost - Forum Consommation & Internet
10 réponses
Salut chez moi si je fais comme toi l'image n'est pas centrée, as-tu mis ce code dans la page html ???
Si oui, il faut le placer entre 2 balises style dans la partie <head>:
Pour la scrollbar, ça n'est reconnu que par IE donc gare ce n'est pas du code valide (après les dièses tu mets les codes de couleur que tu as choisi):
Si oui, il faut le placer entre 2 balises style dans la partie <head>:
<style>
body
{
background-image:url(tonimage.gif);
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed ;essaie de rajouter cette ligne
}
</style>
Pour la scrollbar, ça n'est reconnu que par IE donc gare ce n'est pas du code valide (après les dièses tu mets les codes de couleur que tu as choisi):
<style>
body
{
scrollbar-face-color: "#";
scrollbar-track-color: "#";
scrollbar-arrow-color: "#";
scrollbar-shadow-color: " #";
scrollbar-highlight-color: "#" ;
scrollbar-3dlight-color: "# ";
scrollbar-darkshadow-color: " #";
}
</style>
Merci pour la réponse mais ça marche pas chez moi, ni pour le fond, ni pour la scrollbar. La scrollbar est restée la même mais le fond a complétement disparu. Je dois faire quoi ? Merci d'avance ^^
salut,
il n'y a pas de middle pour {background-position}.
le plus simple reste les pourcentages mais de toute façon il faudrait savoir comment <body> est rendu car il faut peut être lui appliquer une taille fixe.
as-tu une version en ligne de ta page ?
il n'y a pas de middle pour {background-position}.
le plus simple reste les pourcentages mais de toute façon il faudrait savoir comment <body> est rendu car il faut peut être lui appliquer une taille fixe.
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
}
as-tu une version en ligne de ta page ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
html, body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
height: 100%;
}
devrait fonctionner...
Mais ça risque de te gêner en fonction du reste de ta page...
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
height: 100%;
}
devrait fonctionner...
Mais ça risque de te gêner en fonction du reste de ta page...
Le fond n'apparait plus même avc ce code. J'ai un fond blanc à la place de mon fond. Voici le code si ça vous aide :
Merci d'avance
<style type="text/css">
body {
color : #000000;
font-weight : bold;
background-image: F:\Something Else/Images/something__layout.gif;
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed ;
scrollbar-face-color: "#D5DFE1";
scrollbar-track-color: "#D5DFE1";
scrollbar-arrow-color: "#FFFFFF";
scrollbar-shadow-color: " #197479";
scrollbar-highlight-color: "#197479" ;
scrollbar-3dlight-color: "#197479";
scrollbar-darkshadow-color: "#197479";
}
a {
text-decoration : none;
color : #000000;
text-align : left;
}
a:hover {
text-align : right;
}
a:hover { color : #FFFFFF; text-decoration : line-through;}
</style>
Merci d'avance
J'ai essayé avec une adresse relative, ça n'a pas marché. La solution est de mettre le fond dans une balise
EX:
et de mettre ce code entre les balises
Voilà, le problème du fond est réglé ^^
Quelqu'un pourrait-il ùm'aider pour la scrollbar ?
EX:
<body background="url de votre fond">
et de mettre ce code entre les balises
<style>et
</style>
body {
color : #000000;
font-weight : bold;
background-image: something__layout.gif;
background-repeat:no-repeat;
background-position: center top;
}
Voilà, le problème du fond est réglé ^^
Quelqu'un pourrait-il ùm'aider pour la scrollbar ?
L'image a sûrement disparu car tu n'as pas remplacé tonimage.gif par fond.gif:
Voilà le code complet:
Voili voilà.
fab.
Voilà le code complet:
<style>
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed ;
scrollbar-face-color: "#D5DFE1";
scrollbar-track-color: "#D5DFE1";
scrollbar-arrow-color: "#FFFFFF";
scrollbar-shadow-color: " #197479";
scrollbar-highlight-color: "#197479" ;
scrollbar-3dlight-color: "#197479";
scrollbar-darkshadow-color: "#197479";
}
</style>
Voili voilà.
fab.
Le fond fonctionne à merveille donc je compte pas changer le code :p
Pour la scrollbar, ça marche toujours pas pourtant j'ai IE --' Y'as pas un autre code à ajouter ? Du HTML ?
Merci encore à tous ^^
Pour la scrollbar, ça marche toujours pas pourtant j'ai IE --' Y'as pas un autre code à ajouter ? Du HTML ?
Merci encore à tous ^^
Ta scrollbar devrait marcher IE (encore que cela dépend de la version que tu as : avec IE7 et IE 8 c'est OK), mais le scrollbar-face-color n'est pas reconnu par le W3C car c'est spécifique à Microsoft donc ça ne marche pas sur les autres navigateurs type Firefox... Mais il est a priori possible de le faire avec du jquery : https://lists.w3.org/Archives/Public/www-validator/2010Feb/0091.html
