Bonjour à tous,
J’ai bidouillé le squelette et la feuille de style Lebanon pour notamment afficher des images sous forme d’album (Comme Eva web).
Voir le résultat ici : http://www.selleriecavaline.com/spip.php?article6
Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l’image de fond background.jpg ne s’affiche pas…
Si un as de la feuille de style pouvait m’aiguiller:-) ?
Merci merci
Valérie Dudart a écrit :
Bonjour à tous,
J'ai bidouillé le squelette et la feuille de style Lebanon pour notamment afficher des images sous forme d'album (Comme Eva web).
Voir le résultat ici : http://www.selleriecavaline.com/spip.php?article6Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l'image de fond background.jpg ne s'affiche pas...
Si un as de la feuille de style pouvait m'aiguiller:-) ?Merci merci
------------------------------------------------------------------------
Je ne suis pas un as du css loin de là mais regarde un peu ta feuille de style:
#page2 { width: 800px; background: url(background.jpg) repeat-y; margin: 0 auto; text-align: left; }
Je ne pense pas que ce soit vraiment la bonne méthode 
background-image: url(
background.jpg
);
Bernard
Valérie Dudart a écrit :
Bonjour à tous,
J'ai bidouillé le squelette et la feuille de style Lebanon pour notamment afficher des images sous forme d'album (Comme Eva web).
Voir le résultat ici : http://www.selleriecavaline.com/spip.php?article6Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l'image de fond background.jpg ne s'affiche pas...
Si un as de la feuille de style pouvait m'aiguiller:-) ?Merci merci
Bonsoir,
souvent, si ca s affiche sous ie et par firefox c est un probleme de syntaxe genre utiliser des \ au lieu de / ou alors une difference de CaSse (maj/minuscule) entre le nom physique du fichier et son appel via css... Apres ca peut etre aussi tout autre chose, mais faudrait envoyer le p tit bout de css concerne
triton
Merci pour vos réponses.
J’ai testé avec background-image, ça ne change rien au problème:-(
Voici le bout de code :
#page { width: 800px; background: url(background-left.jpg) repeat-y; margin: 0 auto; text-align: left; }
#page2 { width: 800px; background: url(background.jpg) repeat-y; margin: 0 auto; text-align: left; }
#contenu { float: right; width: 530px; margin: 2em 0 5em 0; margin-right: 35px; display: inline; background-color: #FFF; }
#navigation { float: left; width: 188px; margin: 0 0 3em 0; }
.contre-encart { float: left; width: 63%; }
.encart { float: right; width: 33%; margin: 0; margin-bottom: 1em; }
#contenu2 { float: right; width: 750px; margin: 2em 0 5em 0; margin-right: 35px; display: inline; background-color: #FFF; }
La taille de l’image de background est de 800 pixels.
Merci encore.
Bonne soirée
2007/12/9, triton <triton@pointcentral.net >:
Valérie Dudart a écrit :
Bonjour à tous,
J’ai bidouillé le squelette et la feuille de style Lebanon pour
notamment afficher des images sous forme d’album (Comme Eva web).
Voir le résultat ici : http://www.selleriecavaline.com/spip.php?article6Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l’image de
fond background.jpg ne s’affiche pas…
Si un as de la feuille de style pouvait m’aiguiller:-) ?Merci merci
Bonsoir,
souvent, si ca s affiche sous ie et par firefox c est un probleme de
syntaxe genre utiliser des \ au lieu de / ou alors une difference de
CaSse (maj/minuscule) entre le nom physique du fichier et son appel via
css… Apres ca peut etre aussi tout autre chose, mais faudrait envoyer
le p tit bout de css concernetriton
–
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
Valérie Dudart a écrit :
Merci pour vos réponses.
J'ai testé avec background-image, ça ne change rien au problème:-(
Voici le bout de code :
#page { width: 800px; background: url(background-left.jpg) repeat-y; margin: 0 auto; text-align: left; }
#page2 { width: 800px; background: url(background.jpg) repeat-y; margin: 0 auto; text-align: left; }
#contenu { float: right; width: 530px; margin: 2em 0 5em 0; margin-right: 35px; display: inline; background-color: #FFF; }
#navigation { float: left; width: 188px; margin: 0 0 3em 0; }
.contre-encart { float: left; width: 63%; }
.encart { float: right; width: 33%; margin: 0; margin-bottom: 1em; }#contenu2 { float: right; width: 750px; margin: 2em 0 5em 0; margin-right: 35px; display: inline; background-color: #FFF; }
La taille de l'image de background est de 800 pixels.
Merci encore.
Bonne soirée2007/12/9, triton <triton@pointcentral.net <mailto:triton@pointcentral.net>>:
Valérie Dudart a écrit :
> Bonjour à tous,
>
> J'ai bidouillé le squelette et la feuille de style Lebanon pour
> notamment afficher des images sous forme d'album (Comme Eva web).
> Voir le résultat ici :
http://www.selleriecavaline.com/spip.php?article6
>
> Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l'image de
> fond background.jpg ne s'affiche pas...
> Si un as de la feuille de style pouvait m'aiguiller:-) ?
>
> Merci merci
>
Bonsoir,
souvent, si ca s affiche sous ie et par firefox c est un probleme de
syntaxe genre utiliser des \ au lieu de / ou alors une difference de
CaSse (maj/minuscule) entre le nom physique du fichier et son
appel via
css... Apres ca peut etre aussi tout autre chose, mais faudrait
envoyer
le p tit bout de css concernetriton
--
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
------------------------------------------------------------------------_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : FAQ webmestre - SPIP
------------------------------------------------------------------------No virus found in this incoming message.
Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.16.17/1178 - Release Date: 08/12/2007 11:59
Je t'ai donné la réponse plus bas...! c'est pas background mais background-image il me semble!
Valérie Dudart a écrit :
Merci pour vos réponses.
J'ai testé avec background-image, ça ne change rien au problème:-(
Voici le bout de code :
#page { width: 800px; background: url(background-left.jpg) repeat-y; margin: 0 auto; text-align: left; }
#page2 { width: 800px; background: url(background.jpg) repeat-y; margin: 0 auto; text-align: left; }
#contenu { float: right; width: 530px; margin: 2em 0 5em 0; margin-right: 35px; display: inline; background-color: #FFF; }
#navigation { float: left; width: 188px; margin: 0 0 3em 0; }
.contre-encart { float: left; width: 63%; }
.encart { float: right; width: 33%; margin: 0; margin-bottom: 1em; }#contenu2 { float: right; width: 750px; margin: 2em 0 5em 0; margin-right: 35px; display: inline; background-color: #FFF; }
La taille de l'image de background est de 800 pixels.
Merci encore.
Bonne soirée2007/12/9, triton <triton@pointcentral.net <mailto:triton@pointcentral.net>>:
Valérie Dudart a écrit :
> Bonjour à tous,
>
> J'ai bidouillé le squelette et la feuille de style Lebanon pour
> notamment afficher des images sous forme d'album (Comme Eva web).
> Voir le résultat ici :
http://www.selleriecavaline.com/spip.php?article6
>
> Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l'image de
> fond background.jpg ne s'affiche pas...
> Si un as de la feuille de style pouvait m'aiguiller:-) ?
>
> Merci merci
>
Bonsoir,
souvent, si ca s affiche sous ie et par firefox c est un probleme de
syntaxe genre utiliser des \ au lieu de / ou alors une difference de
CaSse (maj/minuscule) entre le nom physique du fichier et son
appel via
css... Apres ca peut etre aussi tout autre chose, mais faudrait
envoyer
le p tit bout de css concernetriton
--
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
------------------------------------------------------------------------_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : FAQ webmestre - SPIP
------------------------------------------------------------------------No virus found in this incoming message.
Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.16.17/1178 - Release Date: 08/12/2007 11:59
Mais il faut vider le che navigateur avant tout
Bonsoir,
J’ai essayé avec background-image, j’ai vidé le cache… Ce n’est pas cela:-(
Mais merci pour votre aide
Le 09/12/07, monnaieancienne <monnaieancienne@free.fr> a écrit :
Valérie Dudart a écrit :
Merci pour vos réponses.
J’ai testé avec background-image, ça ne change rien au problème:-(
Voici le bout de code :
#page { width: 800px; background: url( background-left.jpg) repeat-y;
margin: 0 auto; text-align: left; }
#page2 { width: 800px; background: url(background.jpg) repeat-y;
margin: 0 auto; text-align: left; }
#contenu { float: right; width: 530px; margin: 2em 0 5em 0;
margin-right: 35px; display: inline; background-color: #FFF; }
#navigation { float: left; width: 188px; margin: 0 0 3em 0; }
.contre-encart { float: left; width: 63%; }
.encart { float: right; width: 33%; margin: 0; margin-bottom: 1em; }#contenu2 { float: right; width: 750px; margin: 2em 0 5em 0;
margin-right: 35px; display: inline; background-color: #FFF; }La taille de l’image de background est de 800 pixels.
Merci encore.
Bonne soirée2007/12/9, triton <triton@pointcentral.net
<mailto: triton@pointcentral.net>>:Valérie Dudart a écrit :
Bonjour à tous,
J’ai bidouillé le squelette et la feuille de style Lebanon pour
notamment afficher des images sous forme d’album (Comme Eva web).
Voir le résultat ici :
http://www.selleriecavaline.com/spip.php?article6Sous Internet Explorer 6 ça passe mais sous Firefox 2.0, l’image de
fond background.jpg ne s’affiche pas…
Si un as de la feuille de style pouvait m’aiguiller:-) ?Merci merci
Bonsoir,
souvent, si ca s affiche sous ie et par firefox c est un probleme de
syntaxe genre utiliser des \ au lieu de / ou alors une difference de
CaSse (maj/minuscule) entre le nom physique du fichier et son
appel via
css… Apres ca peut etre aussi tout autre chose, mais faudrait
envoyer
le p tit bout de css concernetriton
–
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip.net/fr_article1054.html
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.16.17/1178 - Release Date: 08/12/2007 11:59Mais il faut vider le che navigateur avant tout
–
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
Bonsoir,
c est pas facile a debrouiller un truc comme ca, mais visiblement y a des pbs de mauvaise imbrication de div :
ca peut expliquer que cela s affiche correctement sur ie mais pas sur firefox...
Y a vraiment beaucoup beaucop de div dans cette page, je ne sais plus si c est Mitterrand ou Lao Tse qui disait : "trop de div tue le div" mais faut croire qu ils n avaient pas tort...
Va falloir debuguer a la louche.
Commencez par afficher juste dans ton squelette (a la suite des declarations meta et appels css ):
<body class="page_article">
<div id="page2">
contenu de mon div
</div>
</body>
si ca s affiche, faut remettre les blocs de div un par un dedans en verifiant a chaque fois... c est assez lourd comme tache...
triton
Valérie Dudart a écrit :
Bonsoir,
J'ai essayé avec background-image, j'ai vidé le cache... Ce n'est pas cela:-(
Mais merci pour votre aide
Le 09/12/07, * monnaieancienne* <monnaieancienne@free.fr <mailto:monnaieancienne@free.fr>> a écrit :
Valérie Dudart a écrit :
> Merci pour vos réponses.
>
> J'ai testé avec background-image, ça ne change rien au problème:-(
>
> Voici le bout de code :
> #page { width: 800px; background: url( background-left.jpg)
repeat-y;
> margin: 0 auto; text-align: left; }
> #page2 { width: 800px; background: url(background.jpg) repeat-y;
> margin: 0 auto; text-align: left; }
> #contenu { float: right; width: 530px; margin: 2em 0 5em 0;
> margin-right: 35px; display: inline; background-color: #FFF; }
> #navigation { float: left; width: 188px; margin: 0 0 3em 0; }
> .contre-encart { float: left; width: 63%; }
> .encart { float: right; width: 33%; margin: 0; margin-bottom:
1em; }
>
> #contenu2 { float: right; width: 750px; margin: 2em 0 5em 0;
> margin-right: 35px; display: inline; background-color: #FFF; }
>
> La taille de l'image de background est de 800 pixels.
>
> Merci encore.
> Bonne soirée
>
> 2007/12/9, triton <triton@pointcentral.net
<mailto:triton@pointcentral.net>
> <mailto: triton@pointcentral.net <mailto:triton@pointcentral.net>>>:
>
> Valérie Dudart a écrit :
> > Bonjour à tous,
> >
> > J'ai bidouillé le squelette et la feuille de style Lebanon
pour
> > notamment afficher des images sous forme d'album (Comme
Eva web).
> > Voir le résultat ici :
> http://www.selleriecavaline.com/spip.php?article6
> >
> > Sous Internet Explorer 6 ça passe mais sous Firefox 2.0,
l'image de
> > fond background.jpg ne s'affiche pas...
> > Si un as de la feuille de style pouvait m'aiguiller:-) ?
> >
> > Merci merci
> >
> Bonsoir,
> souvent, si ca s affiche sous ie et par firefox c est un
probleme de
> syntaxe genre utiliser des \ au lieu de / ou alors une
difference de
> CaSse (maj/minuscule) entre le nom physique du fichier et son
> appel via
> css... Apres ca peut etre aussi tout autre chose, mais faudrait
> envoyer
> le p tit bout de css concerne
>
> triton
>
> --
> Valérie Dudart
> Coordinatrice-Formatrice Momi Clic
> Place Yvon paul 17
> 6591 Macon
> 0494/50-84-83
>
------------------------------------------------------------------------>
> _______________________________________________
> liste spip
> spip@rezo.net <mailto:spip@rezo.net> - désabonnement :
spip-off@rezo.net <mailto:spip-off@rezo.net>
> Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
> Documentation de SPIP : http://www.spip.net/
> irc://irc.freenode.net/spip
> FAQ : FAQ webmestre - SPIP
>
------------------------------------------------------------------------
>
> No virus found in this incoming message.
> Checked by AVG Free Edition.
> Version: 7.5.503 / Virus Database: 269.16.17/1178 - Release
Date: 08/12/2007 11:59
>
Mais il faut vider le che navigateur avant tout--
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
------------------------------------------------------------------------_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : FAQ webmestre - SPIP
Salut, pour une fois que je peux répondre avec plus de compétences:
analyse de ton code, de bout à bout avec réponse à la fin, ne le prend surtout pas mal, c’est de l’aide.
je n’ai rien modifié, j’ai tout mis en
------------on commence:
#page { background-image: url(squelettes/background-left.jpg); } .formulaire_ecrire_auteur, .formulaire_login { background-image: url(squelettes/cedre_liban.gif); } .forum-chapo { background-image: url(squelettes/comment.gif); }-------------------------------- c’est finit!
Eh bien figure toi qu’une fois que tous les markup sont bien fermés… tout s’affiche à merveille (pour ton background).
pour le reste, c’est déplacé car tu as pas fait ta CSS avec des DIV fermés. Donc je t’invite à revoir tes CSS après avoir fermé tes markup.
Quelques conseils pour ton code:
1- indenter ton code. Avec le crénelage, c’est plus facile de voir ou les markup fermant manquent à l’appel.
2- réguler. donc laisser une ligne après et avant chaque DIV, BR, avant et après chaque bloc de liste (ul, ol, dd, dt)
3. commenter, un peu comme j’ai fait. marquer les ouvertures, fermetures avec une orthographe STRICT (pour la fonction rechercher)
Oui, c’est plus long, mais alors… quelle plaisir quand ça bug… et finalement, on y gagne… surtout quand on reprend le code un an après pour faire des modifs…
Sur ce, je vais me coucher 
Edouard
Le 11/12/07, triton <triton@pointcentral.net> a écrit :
Bonsoir,
c est pas facile a debrouiller un truc comme ca, mais visiblement y a
des pbs de mauvaise imbrication de div :
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.selleriecavaline.com%2Fspip.php%3Farticle6
ca peut expliquer que cela s affiche correctement sur ie mais pas sur
firefox…
Y a vraiment beaucoup beaucop de div dans cette page, je ne sais plus si
c est Mitterrand ou Lao Tse qui disait : « trop de div tue le div » mais
faut croire qu ils n avaient pas tort…
Va falloir debuguer a la louche.
Commencez par afficher juste dans ton squelette (a la suite des
declarations meta et appels css ):contenu de mon divsi ca s affiche, faut remettre les blocs de div un par un dedans en verifiant a chaque fois... c est assez lourd comme tache... tritonValérie Dudart a écrit :
Bonsoir,
J’ai essayé avec background-image, j’ai vidé le cache… Ce n’est pas
cela:-(Mais merci pour votre aide
Le 09/12/07, * monnaieancienne* <monnaieancienne@free.fr
mailto:[monnaieancienne@free.fr](mailto:monnaieancienne@free.fr)> a écrit :Valérie Dudart a écrit :
Merci pour vos réponses.
J’ai testé avec background-image, ça ne change rien au problème:-(
Voici le bout de code :
#page { width: 800px; background: url( background-left.jpg)
repeat-y;
margin: 0 auto; text-align: left; }
#page2 { width: 800px; background: url(background.jpg ) repeat-y;
margin: 0 auto; text-align: left; }
#contenu { float: right; width: 530px; margin: 2em 0 5em 0;
margin-right: 35px; display: inline; background-color: #FFF; }
#navigation { float: left; width: 188px; margin: 0 0 3em 0; }
.contre-encart { float: left; width: 63%; }
.encart { float: right; width: 33%; margin: 0; margin-bottom:
1em; }#contenu2 { float: right; width: 750px; margin: 2em 0 5em 0;
margin-right: 35px; display: inline; background-color: #FFF; }La taille de l’image de background est de 800 pixels.
Merci encore.
Bonne soirée2007/12/9, triton < triton@pointcentral.net
mailto:[triton@pointcentral.net](mailto:triton@pointcentral.net)
<mailto: triton@pointcentral.net mailto:[triton@pointcentral.net](mailto:triton@pointcentral.net)>>:Valérie Dudart a écrit :
Bonjour à tous,
J’ai bidouillé le squelette et la feuille de style Lebanon
pour
notamment afficher des images sous forme d’album (Comme
Eva web).
Voir le résultat ici :
http://www.selleriecavaline.com/spip.php?article6Sous Internet Explorer 6 ça passe mais sous Firefox 2.0,
l’image de
fond background.jpg ne s’affiche pas…
Si un as de la feuille de style pouvait m’aiguiller:-) ?Merci merci
Bonsoir,
souvent, si ca s affiche sous ie et par firefox c est un
probleme de
syntaxe genre utiliser des \ au lieu de / ou alors une
difference de
CaSse (maj/minuscule) entre le nom physique du fichier et son
appel via
css… Apres ca peut etre aussi tout autre chose, mais faudrait
envoyer
le p tit bout de css concernetriton
–
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
liste spip
spip@rezo.net <mailto: spip@rezo.net> - désabonnement :
spip-off@rezo.net mailto:[spip-off@rezo.net](mailto:spip-off@rezo.net)
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip.net/fr_article1054.html
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.5.503 / Virus Database: 269.16.17/1178 - Release
Date: 08/12/2007 11:59Mais il faut vider le che navigateur avant tout
–
Valérie Dudart
Coordinatrice-Formatrice Momi Clic
Place Yvon paul 17
6591 Macon
0494/50-84-83
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip.net/fr_article1054.html
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip.net/fr_article1054.html
–
Edouard Reinach
ereinach@gmail.com
+1 514 582 5156
War is God’s way of teaching Americans geography - Ambrose Bierce
Edouard Reinach a écrit :
Salut, pour une fois que je peux répondre avec plus de compétences:
analyse de ton code, de bout à bout avec réponse à la fin, ne le prend surtout pas mal, c'est de l'aide.
je n'ai rien modifié, j'ai tout mis en <!-- commentaires -->------------on commence:
Pffff !
respect pour le decorticage ! y avait de quoi y perdre un oeil.....
triton