problème d'affichage

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont !), "tu aurais pu mettre des couleurs pour différencier tes colonnes, sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?

Merci d'avance

Le 02/10/06, Jean-Christophe Villeneuve a écrit :

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?

Je mettrais

#centre {
    margin:0 0 0 150px; padding:0;
     background:url("bleu.gif")repeat-y;
    }
#rubrique {
     background:transparent;
    float:left;
    font-size:80%;
    margin:5px;
    }
mais je ne suis pas sûr de ce que tu veux obtenir

--
Jacques

Marre de "*quoter comme un goret*" avec OE : (Rappel: quoter n'est

pas coder) http://www.aminautes.org/forums/configurer/oe/QF_doc.html

Où placer sa réponse ?
[Mini-FAQ] Repondre par courrier ou dans les news ?

Jacques J. a écrit :

Le 02/10/06, Jean-Christophe Villeneuve a écrit :
  

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?
    
Je mettrais

#centre {
    margin:0 0 0 150px; padding:0;
     background:url("bleu.gif")repeat-y;
    }
#rubrique {
     background:transparent;
    float:left;
    font-size:80%;
    margin:5px;
    }
mais je ne suis pas sûr de ce que tu veux obtenir
  

Merci Jacques de ta réponse
Ce que je veux obtenir, on le voit quand on édite les css avec webdevelopper sinon on ne le voit pas.
C'est bien là mon étonnement et mon problème.

Jean-Christophe Villeneuve a écrit :

Jacques J. a écrit :
  

Le 02/10/06, Jean-Christophe Villeneuve a écrit :
  

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?
    

Je mettrais

#centre {
    margin:0 0 0 150px; padding:0;
     background:url("bleu.gif")repeat-y;
    }
#rubrique {
     background:transparent;
    float:left;
    font-size:80%;
    margin:5px;
    }
mais je ne suis pas sûr de ce que tu veux obtenir
  

Merci Jacques de ta réponse
Ce que je veux obtenir, on le voit quand on édite les css avec webdevelopper sinon on ne le voit pas.
C'est bien là mon étonnement et mon problème.

un autre problème qui est peut-être lié : je n'arrive pas à supprimer la zone vide (blanche) sous le top.
Pourtant les margin et les padding sont à 0 !

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?

Bonjour,
je dirai que les images de background rouge.gif et bleu.gif ne doivent pas
etre dans le bon repertoire, ou p etre qu il y a une difference de casse
(Rouge.GIF ??) un truc dan sle genre en tout cas... sinon, p etre en
utilisant la syntaxe complete des css... euh, et je constate un truc
etrange la :
  #page {
    margin:0; padding:0;
    background:yellow url("rouge.gif") top left repeat-y;
    }
le background:yellow url
me semble pas totalement iso, c est certainement ca en fait...
Cordialement
Triton

triton@pointcentral.net a écrit :

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?

Bonjour,
je dirai que les images de background rouge.gif et bleu.gif ne doivent pas
etre dans le bon repertoire, ou p etre qu il y a une difference de casse
(Rouge.GIF ??) un truc dan sle genre en tout cas... sinon, p etre en
utilisant la syntaxe complete des css... euh, et je constate un truc
etrange la :
  #page {
    margin:0; padding:0;
    background:yellow url("rouge.gif") top left repeat-y;
    }
le background:yellow url
me semble pas totalement iso, c est certainement ca en fait...
Cordialement
Triton

meme si j'enleve le yellow ça marche pas
l'url est bonne
mais pourquoi ça marche sous webdevelopper mais pas sans ?
Alors que ça marche sur le site original !
Bon je vais tout mettre dans le meme dossier pour voir

triton@pointcentral.net a écrit :

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent
!!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le
temps.

Une idée ?

Bonjour,
je dirai que les images de background rouge.gif et bleu.gif ne doivent
pas
etre dans le bon repertoire, ou p etre qu il y a une difference de casse
(Rouge.GIF ??) un truc dan sle genre en tout cas... sinon, p etre en
utilisant la syntaxe complete des css... euh, et je constate un truc
etrange la :
  #page {
    margin:0; padding:0;
    background:yellow url("rouge.gif") top left repeat-y;
    }
le background:yellow url
me semble pas totalement iso, c est certainement ca en fait...
Cordialement
Triton

meme si j'enleve le yellow ça marche pas
l'url est bonne
mais pourquoi ça marche sous webdevelopper mais pas sans ?
Alors que ça marche sur le site original !
Bon je vais tout mettre dans le meme dossier pour voir

Sous WebDevelopper les images de background ne s affichent pas si elles ne
se situent pas au meme niveau d arborescence que le .css (parceque
webdevelopper exploite les fichiers qu il copie dans le rep temporaire du
poste client... le fait que tu ais le cas exactement contraire, cad que
les images de bckground ne s affichent qu avec webdevelopper laisse quand
meme penser à un pb de chemin d acces ou/et de casse. Lorsque tu
visualises ou edites ta css a partir de webdevelopper, sous windows, l url
/Css\RoUgE.GiF fonctionne meme si l url exacte est : /css/rouge.gif. Sur
le site reel, avec linux, ca ne marche plus... Essaye d afficher tes
images en distant en copiant/collant directement l url du fichier css a la
barre d adresse du navigateur...
triton

Jean-Christophe Villeneuve a écrit :

triton@pointcentral.net a écrit :
  

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent !!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le temps.

Une idée ?

Bonjour,
je dirai que les images de background rouge.gif et bleu.gif ne doivent pas
etre dans le bon repertoire, ou p etre qu il y a une difference de casse
(Rouge.GIF ??) un truc dan sle genre en tout cas... sinon, p etre en
utilisant la syntaxe complete des css... euh, et je constate un truc
etrange la :
  #page {
    margin:0; padding:0;
    background:yellow url("rouge.gif") top left repeat-y;
    }
le background:yellow url
me semble pas totalement iso, c est certainement ca en fait...
Cordialement
Triton

meme si j'enleve le yellow ça marche pas
l'url est bonne
mais pourquoi ça marche sous webdevelopper mais pas sans ?
Alors que ça marche sur le site original !
Bon je vais tout mettre dans le meme dossier pour voir

bon j'ai pas tout compris mais dans le même dossier, ça fonctionne nickel.
Va bene
Merci à ceusses qui m'ont aidé
Bone journée

triton@pointcentral.net a écrit :

triton@pointcentral.net a écrit :
    

Bonjour
je suis en spip 1.8.3 et j'ai un souci pas banal je crois.
je veux faire une présentation en 3 colonnes de taille identique quel
que soit leur contenu
J'ai utilisé une méthode décrite ici
http://www.pixy.cz/blogg/clanky/css-3col-layout/
en l'adaptant à mes besoins : 2 colonnes de taille fixe à gauche et un
bloc à côté qui s'adapte

Voilà le résultat de mes essais
http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/squelettes/astrolix.html

Mais, me direz-vous, pinailleur que vous êtes (si, si, certains le sont
!), "tu aurais pu mettre des couleurs pour différencier tes colonnes,
sinon ça sert à rien !"

Bien. Maintenant, si vous utilisez Firefox et son extension
webdevelopper, activez la fonction "éditer les css"
Et là, sous vos yeux éblouis, les couleurs des colonnes apparaissent
!!!

Ben moi je suis pénible, je voudrais qu'elles apparaissent tout le
temps.

Une idée ?

Bonjour,
je dirai que les images de background rouge.gif et bleu.gif ne doivent
pas
etre dans le bon repertoire, ou p etre qu il y a une difference de casse
(Rouge.GIF ??) un truc dan sle genre en tout cas... sinon, p etre en
utilisant la syntaxe complete des css... euh, et je constate un truc
etrange la :
  #page {
    margin:0; padding:0;
    background:yellow url("rouge.gif") top left repeat-y;
    }
le background:yellow url
me semble pas totalement iso, c est certainement ca en fait...
Cordialement
Triton

meme si j'enleve le yellow ça marche pas
l'url est bonne
mais pourquoi ça marche sous webdevelopper mais pas sans ?
Alors que ça marche sur le site original !
Bon je vais tout mettre dans le meme dossier pour voir
    
Sous WebDevelopper les images de background ne s affichent pas si elles ne
se situent pas au meme niveau d arborescence que le .css (parceque
webdevelopper exploite les fichiers qu il copie dans le rep temporaire du
poste client... le fait que tu ais le cas exactement contraire, cad que
les images de bckground ne s affichent qu avec webdevelopper laisse quand
meme penser à un pb de chemin d acces ou/et de casse. Lorsque tu
visualises ou edites ta css a partir de webdevelopper, sous windows, l url
/Css\RoUgE.GiF fonctionne meme si l url exacte est : /css/rouge.gif. Sur
le site reel, avec linux, ca ne marche plus... Essaye d afficher tes
images en distant en copiant/collant directement l url du fichier css a la
barre d adresse du navigateur...
triton

d'accord, je comprends mieux
en effet en mettant tout dans le meme répertoire, ça marche
c'était donc un problème de chemin
je ne m'étais pas attardé sur ce point puisque j'avais tout bon avec webdevelopper
j'aurais du !
merci, j'ai bien mes 3 colonnes égales dans tous les cas.
PS : le résultat n'est plus visible à l'adresse indiquée en début de mail, puisque pas au meme endroit :slight_smile: