A voir également:
- Fond au centre + Scrollbar coloré [HTML]
- Centre de messagerie - Guide
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- Photo trop grande pour fond d'écran smartphone ✓ - Forum Samsung
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 ^^
Scalpweb
Messages postés
1467
Date d'inscription
samedi 13 mars 2004
Statut
Membre
Dernière intervention
5 mai 2010
43
7 févr. 2008 à 12:16
7 févr. 2008 à 12:16
Essayes ça :
background-position: center middle;
background-position: center middle;
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 févr. 2008 à 12:22
7 févr. 2008 à 12:22
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
Scalpweb
Messages postés
1467
Date d'inscription
samedi 13 mars 2004
Statut
Membre
Dernière intervention
5 mai 2010
43
7 févr. 2008 à 12:23
7 févr. 2008 à 12:23
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...
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 févr. 2008 à 12:26
7 févr. 2008 à 12:26
tu doubles l'arrière-plan…
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
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 févr. 2008 à 12:25
7 févr. 2008 à 12:25
tu as une erreur :
et il faut une adresse relative :
background-image: F:\Something Else/Images/something__layout.gif;
et il faut une adresse relative :
background-image: url(something__layout.gif);
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 ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 févr. 2008 à 12:42
7 févr. 2008 à 12:42
La solution est de mettre le fond dans une balise
non, suffit de trouver d'où vient ton erreur.
et si tu fais les deux à la fois, il a toujours un problème.
pour les barres de défilement c'est du propriétaire…
mais si tu y tiens ! regarde ce tuto mais que le début !
non, suffit de trouver d'où vient ton erreur.
et si tu fais les deux à la fois, il a toujours un problème.
pour les barres de défilement c'est du propriétaire…
mais si tu y tiens ! regarde ce tuto mais que le début !
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 ^^
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 févr. 2008 à 12:57
7 févr. 2008 à 12:57
Le fond fonctionne à merveille donc je compte pas changer le code
et tu as bien raison.
c'était juste pour t'informer que tu fais deux fois la même opération et que donc il y en a une d'inutile.
et tu as bien raison.
c'était juste pour t'informer que tu fais deux fois la même opération et que donc il y en a une d'inutile.
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
