Bonsoir à tous,

Cela fait 48 heures que je me prend la tête avec mon css, je suis aller sur plusieurs sites traitant ce sujet [pour apprendre].
Je veux mettre un fond image sur le coté droit de mon site.
Donc j'ai inscrit dans le fichier css:
-----------------------------------------------------------
td#fpaged
{
background-image:url(fpaged.jpg);
background-position:right;
background-repeat:y;
}
-----------------------------------------------------------
et dans mon fichier html:

-----------------------------------------------------------
<td id="fpaged">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>fpaged.jpg"></a>
</tr></table>
----------------------------------------------------------
Pourriez-vous me dire ou est ma faute, car l'image en question apparaît mais en bas de ma page a gauche en 1 fois or je souhaite quel apparaîse tout le long de la page "colonne" coté droit.
J'ai essayer plusieurs combinaisons "<td class="fpaged"> background etc...
Qui pourrai me donnez la soluction et mon erreur Merci.

Le peux que je saches :

Pour l’attribut (background-repeat) normalement il faut écrire "repeat-y"



Enfin moi j’ai appris de cette manière…

Pour aligner tout à droite :



Je ne sais pas si ça fonctionne dans ton cas…

Puis la balises <td> n’est pas fermer !

Difficile de faire qq. choses avec un pti bout de ton code, mais dans ensemble sa me parait bien…

Fait voir à quoi ressemble ton site, ou doit aller l’image ?

Une image vaut milles mots.

Bonsoir lium

Merci d'essayer de m'aider, j'ai suivi tes indications
j'ai modifier dans mon css:
------------------------------------------------------------
td#fpaged
{
background-image:url(fpaged.jpg);
background-repeat: repeat-y;
float: right;
}
------------------------------------------------------------
mais malheurement cela ne fonctionne toujours pas, le probléme doit venir de ma syntaxe dans le fichier html,je pense qu'il n'identifie pas le "td#fpaged#
Je te remercie quand de ton aide

Bon j'ai compris mon erreur ou plutôt une partie

Pour éviter que d'autres xoopsiens(nes)débutant comme moi galére des heures voici comment j'ai résolu une partie de mon probléme.
Dans le fichier style.css ne pas mettre "td#fpaged#" comme je l'ai fait mais juste "#fpaged"
Puis
Dans le fichier théme.htlm mettre ou ont le souhaite:
<div id="fpaged">
<div id="fpaged"></div>
L'image apparaît en passant par les parramêtres indiquer dans le fichier style.css

Maintenant il vaut que je trouve pourquoi mon fond droite s'affiche mal (en double ou déformé ?) il doit manquer des indications dans le fichier style.css
Si quelqu'un sait ! merci

Citation :


Le CSS me parait bon.

Mais pour le html je ne suis pas sur, pour la raison suivante :

Si dans ton css tu as définis une couleur de fond pour les table ou pour les tr, un truc du type :

table {width: 100%; margin: 0; padding: 0; background-color: #FFFFFF}
tr {width: 100%; margin: 0; padding: 0; background-color: #FFFFFF}

il est normal que ton image de fond ne s'affiche pas, car tu as un tableau dans un tableau.

Pour que ton image de fond s'affiche il faudrait, ajouter un td dans ton nouveau tableau. pour être plus clair



Voila un petit tuto pour les CSS : http://www.yoyodesign.org/doc/w3c/css2/colors.html

Bonsoir dugris,

Merci de ton aide, j'ai essayer cela fonctionne qu'a moitier j'ai une image en haut a gauche (donc ne prend pas les indication dans le css) et un autre la ou je souhaite en utilisant visiblement le css puisque elle utilise "background-repeat:repeat-y"
En faite ce que je souhaite c'est, ne pas mettre de bloc a droite mais à la place une marge avec une image colonne.
En indiquant dans le css:
----------------------------------------------------------
#fpaged
{
background-image:url(fpaged.jpg);
background-position:right;
background-repeat:y;
}
-----------------------------------------------------------
Et dans le fichier theme.html:
-----------------------------------------------------------
<div id="fpaged">
<div id="fpaged"></div>
-----------------------------------------------------------
Cela fonctionne, sauf que la marge/colonne apparaît derriére mes blocs du centre et centre_droite qui prennent le dessus au lieu de les re-positionnés sur la gauche, je ne sais pas si je suis clair ?

ca serait plus simple si on pouvait voir ton css et ton html en entier.

J'utilise comme css de base le théme 4metal que je modifie entiérement pour les besoins du site "en local" et pour apprendre le css (j'adore le graphisme)et j'espere proposer des thémes à la communauté xoops sans aucune prétention !
En faite là je cherche à mettre ma fameuse marge décorative en premier plan pour que les blocs du centre ne passe pas par dessus de ma marge décorative mais s'arréte au début de celle-çi.
Quand ont a des blocs sur le cotés droit de la page, les blocs du centre s'arrête au début des blocs du coté droit, en plus clair les blocs du centre ne s'affiche pas par dessus ceux du coté droit. Donc moi je ne met pas de bloc sur le cotés droit mais a la place une marge décorative, mais celle-ci doit être au premier plan au même titre qu'un bloc.
Compliquer le garçon :-o
Désolé,je ne sais pas si j'arrive a me faire comprendre. merci pour ton aide.

Comme je te dis une images vaut mille mot, pour moi ce n’est pas tres claire mais bon.


Tu ouvre deux foix DIV !

Voila.

Bonsoir à tous,

Je m'en sort pas ! donc je vais poser le probléme autrement et surtout plus clairement!

Quel code doit-je inserré dans mon theme.html pour inserré une image sur la droite de mon site en utilisant la fonction "background-repeat:repeat-y" (pour que l'image se multiplie jusqu'au bas de ma page)
Merci de m'aider !