Fork me on GitHub






Problème pour positionner l'image de fond "body"
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
Bien bonjour tout le monde.
Ca fait un bail que je ne suis pas venu vous voir et j'espère que vous allez bien.
Voici mon petit problème
Un ami m'a demandé de lui installer une image de fond (body.jpg) pour le body de son site.
Sachant que le header fait 250px et l'image de fond du body doit être une continuation du dessin du header, je dois décaler l'image de fond en conséquence.
Si j'ai bien compris, je dois mettre les coordonnées sur la fiche css de mon thème, mais je n'y arrive pas.

Est-ce que quelqu'un peut m'éclairer ma lanterne svp?
Voici le début de mon css:
htmlbody {color#336633; background-color: #000; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

table {width100%;}
table td {padding0border-width0vertical-aligntop; }


Je vous remercie d'avance pour votre précieuse aide

Posté le : 12/05/2011 17:15

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
Hello, j'ai posé la question trop vite, j'ai trouvé.
En fait c'est tout bête:

htmlbody {color#336633; background-color: #000; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif;
background-imageurl('body.jpg');
background-repeatno-repeat;
background-attachment:fixed;
background-position0px 250px;}


Dites moi juste si jamais j'ai fait une erreur, car j'ai l'impression qu'il y a encore des fautes, malgré que cela fonctionne.

Posté le : 12/05/2011 20:22

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Régulier
Inscrit: 15/02/2011 22:12
Messages: 288
salut

ça donne quoi si tu modifies la dimension de la fenêtre du navigateur ?

Posté le : 12/05/2011 21:45
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
Citation :
beru a écrit :
salut

ça donne quoi si tu modifies la dimension de la fenêtre du navigateur ?



Salut beru.
Merci de m'avoir posé la question.
Je viens de voir que quand je change la résolution de mon écran, c'est tout déréglé.
Par contre ca ne change rien quand je réduis juste la fenêtre du navigateur.
Sauf que j'ai vu également quand je fais défiler la page vers le bas, cela m'ouvre un espace avec la couleur de fond entre le header et le body (logique au fond, mais je n'y ai pas pensé).
Donc, pas bien ce que j'ai fait la.
Je me demande si c'est possible de mettre le fond en découpé dans les colonnes (left, center, right)
Ou alors le fond en une seule image (header & body) avec le header en transparent pour permettre l'éventuel ajout d'une bannière
Je continu à chercher une solution, un peu fatigué la, une bonne nuit portera surement conseil.

Posté le : 12/05/2011 23:10

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

Citation :
MysteryMan a écrit :
Ou alors le fond en une seule image (header & body) avec le header en transparent pour permettre l'éventuel ajout d'une bannière

Meilleure solution, sinon l'autre est d'utilise le multi background apporté par le css3 (mais pas pris par tous les navigateurs)

Posté le : 12/05/2011 23:54

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
Bonjour Kris,
ca fait plaisir de te revoir.
Je viens de regarder de plus près le css3 et une bonne nouvelle nous attend:


Citation :
Browser Compatibility

Browser support for multiple backgrounds is relatively widespread with all of the main browsers offering support, without the need for vendor prefixes.

Firefox has supported multiple backgrounds since version 3.6 (Gecko 1.9.2), Safari since version 1.3, Chrome since version 10, Opera since version 10.50 (Presto 2.5) and Internet Explorer since version 9.0.
source: http://www.css3.info/preview/multiple-backgrounds/

Ma prochaine question (par curiosité) est maintenant de savoir si on peut intégrer les fonctions de css3 dans la feuille css actuelle sur le site ou si je dois tout refaire.

Posté le : 13/05/2011 10:28

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Régulier
Inscrit: 26/02/2007 16:00
Messages: 494
Le plus simple est certainement d'ajouter 250 px de haut à ton body.jpg : tu n'as ainsi plus de positionnement fixed ni de décalage 250 px à gérer.

Pour CSS3, IE, même v9, est encore complètement à la rue. Il y a déjà suffisamment de soucis d'affichage avec IE9 avec le système de gestion des polices de caractère et la hauteur de ligne pour éviter de se prendre la tête encore plus... ^^

Posté le : 13/05/2011 16:11

Portail en aquariophilie avec une passion pour le poisson clown en aquariums récifaux.
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972

Posté le : 14/05/2011 09:45

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: Problème pour positionner l'image de fond "body"
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
Merci pour vos réponses.
Je vois que ce n'est pas encore gagné.
Restons sur les anciennes valeurs et attendons que tout le monde suive le progrès.
Je le ferai au plus simple.
Il y a aussi la largeur du site qui me pose une petite colle, et comme Kris l'a mentionné dans un autre sujet au forum, faut pas oublier les écrans larges (ou presque panoramiques).
Je pense que je vais me baser sur les stats du site pour optimiser le thème à la résolution de la majorité des utilisateurs du site.
J'adore de voir tous ces "détails" qu'il ne faut pas trop négliger quand on cré un petit site. Cela m'apprend énormément de choses.
Je profite encore une fois la communauté XOOPS FR pour leur savoir faire et surtout pour le partage et l'aide qu'ils nous apportent. C'est ainsi que le "travail" fait plaisir.
Je clos ce sujet pour le moment, mais reviendrai surement poser d'autres questions le temps voulu si j'en ai besoin.

Posté le : 14/05/2011 16:37

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

38 Personne(s) en ligne (32 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 38 | Plus ...