Hello!
bon, en attendant que cette liste s'étoffe un peu (vous n'aviez pas remarqué
les 200 emails qui tombent chaque jour dans votre inbox et qui vous font
regretter amèrement d'être inscrit(e)?), voici quelques autres lieux de
discussion...
newsgroups: fr.comp.infosystemes.www.auteurs
fr.comp.infosystemes.www.pages-perso
vous pouvez trouver une archive sur http://groups.google.com ou bien
http://www.mailgate.org/ (ce dernier site permet aussi de poster, je crois).
Aussi une petite annonce avec possibilité de commenter ici:
http://c-est-tout.com/infos/info_836.shtml
Sinon, avec Fred on a entamé une campagne d'affichage (!) à l'uni de
Lausanne. On ouvrira bientôt une section "relations publiques" (hehe) à
pompage où on mettra affiches, communiqués, emails types etc... si jamais
quelqu'un d'autre que nous a envie de "publiciser"!
merci à tous pour votre soutien : )
Steph
--
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
http://pompage.net/meta
recensement des "communiqués de presse" (!) et lieux de discussion... bref,
de tout ce qui est méta-pompage.
Steph
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
*Pourquoi préciser text-indent et text-align alors que par défaut le résultat aurait été le même ?
*Pourquoi H1-2-3-4-5 sont définies deux fois ?
Voila, pour l 'instant!
Je reprécise que je ne suis qu'un débutant, mes questions n 'ayant pas pour but de critiquer mais seulement de comprendre les rouages de la conception de pages web valides.
Bonjour Gil!
En effet, ceci est presque la préhistoire... cf réponse à tes questions
ci-dessous!
---
J'ai justement une petite série de questions à propos de celle utilisée sur
votre site : "commune.css".
Je vais commencer par celle concernant les balises Hx, voici l 'extrait
H1 { TEXT-INDENT: 0px; TEXT-ALIGN: left}
H2 { COLOR: #422100; TEXT-INDENT: 0px; TEXT-ALIGN: left}
H3 { COLOR: #422100; TEXT-INDENT: 0px; TEXT-ALIGN: left}
H4 { COLOR: #422100; TEXT-INDENT: 0px; TEXT-ALIGN: left}
H5 { COLOR: #422100; TEXT-INDENT: 0px; TEXT-ALIGN: left}
H6 { COLOR: #422100; TEXT-INDENT: 0px; TEXT-ALIGN: left}
H1 { MARGIN-TOP: 0px; FONT-WEIGHT: 600; FONT-SIZE: 25px; MARGIN-BOTTOM:
10px; LINE-HEIGHT: 25px}
H1#home { FONT-WEIGHT: 900; FONT-SIZE: 35px; MARGIN-BOTTOM: 20px;
FONT-FAMILY: lutry, verdana, arial, helv, helvetica, sans-serif}
H2 { FONT-WEIGHT: 300; FONT-SIZE: 20px; LINE-HEIGHT: 23px}
H3 { FONT-WEIGHT: normal; FONT-SIZE: 17px}
H4 { FONT-SIZE: 15px}
H5 { FONT-SIZE: 13px}
*Pourquoi répéter de h1 à h6 les même attributs au lieu de :
H1,H2,...,H6 {color : #422100; text-indent: 0px; text-align: left}
---
Me voici fort perplexe. Car c'est justement ce que j'ai fait! ci-dessous, le
code de "commune.css" que j'ai moi-même tapé de mes blanches mains...
h1, h2, h3, h4, h5, h6
{
color: #422100;
text-align: left;
text-indent: 0px;
}
---
*Pourquoi préciser text-indent et text-align alors que par défaut le
résultat aurait été le même ?
---
cf. la définition suivante:
#contenu
{
margin: 0px 0px 0px 200px;
padding: 0px 7% 20px 4%;
font-size: 14px;
text-align: justify;
text-indent: 2%;
background-image: url(/img/derrick.gif);
background-repeat: no-repeat;
background-position: top center;
}
si je ne spécifie pas text-align et text-indent pour h1-h6, ceux qui se
trouvent dans le div "contenu" suivront les règles définies plus haut - ce
qui n'est pas très joli : )
---
*Pourquoi H1-2-3-4-5 sont définies deux fois ?
---
je pense que la réponse à la première question répond aussi à celle-ci....
mais je suis curieuse de savoir comment tu as accédé à la feuille de styles.
C'est vraiment étrange que tu aies reçu une "autre version" que moi!
---
Voila, pour l 'instant!
Je reprécise que je ne suis qu'un débutant, mes questions n 'ayant pas pour
but de critiquer mais seulement de comprendre les rouages de la conception
de pages web valides.
Merci de vos lumières !
---
Mais de rien! ce fut un plaisir
: )
Steph
--
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
Ok stephanie, merci de tes réponses, ca commence à rentrer !
J'avais pas vu en effet le problème de l 'héritage de 'text-indent' du à #contenu.
Par contre bizarre en efffet que nous n 'ayons visiblement pas les mêmes sources, ce que j 'ai récupéré ne correspondant pas à ce que tu décris. Personnellement j 'ai récuperé le fichier commune.css le 2 avril en "enregistrant sous.." Iexplore 5.5. la page d'accueil de pompage.net.
Une autre question , au sujet de l 'importation de feuilles de styles.
Visiblement, il y a plusieurs façons d'importer une CSS.
Soit avec @import url( _chemin/_fichier.css), dans balises <style type=...etc>
Soit avec les balises <link rel=stylesheet type=...etc>
Quelle est la difference entre ces deux syntaxes ? Laquelle vaut-il mieux utiliser ?
Subject: [pompeurs] [CSS]...Importer une feuille de style
Hello !
Ok stephanie, merci de tes réponses, ca commence à rentrer !
J'avais pas vu en effet le problème de l 'héritage de 'text-indent' du à #contenu.
Par contre bizarre en efffet que nous n 'ayons visiblement pas les mêmes sources, ce que j 'ai récupéré ne correspondant pas à ce que tu décris. Personnellement j 'ai récuperé le fichier commune.css le 2 avril en "enregistrant sous.." Iexplore 5.5. la page d'accueil de pompage.net.
Une autre question , au sujet de l 'importation de feuilles de styles.
Visiblement, il y a plusieurs façons d'importer une CSS.
Soit avec @import url( _chemin/_fichier.css), dans balises <style type=...etc>
Soit avec les balises <link rel=stylesheet type=...etc>
Quelle est la difference entre ces deux syntaxes ? Laquelle vaut-il mieux utiliser ?
<link> établit une relation entre le document html et la feuille css, spécifiant celle-ci comme étant la feuille de styles à utiliser. Il est possible de spécifier ainsi plusieurs feuilles de style pour différents média (écran, impression...)
Les balises <style> </style> permettent de spécifier à l'intérieur du document des règles de style. @import est une "règle de style" que l'on peut appliquer au début de n'importe quelle feuille - permettant ainsi de créer une "cascade" de feuilles de style. Par exemple, je pourrais avoir une feuille de styles qui s'appelle "articles.css" et dont la première commande est @import(/commune.css).
Laquelle utiliser? tout dépend bien sûr de la situation... ; )
Installer des feuilles de styles en cascade peut être très utile dans une entreprise: les différents départements de l'intranet pourraient donc chacun avoir leur propre feuille de styles qui appelle une feuille générique donnant un "look" commun à tout le réseau.
<link> permet de spécifier des feuilles de style alternatives (voir http://alistapart.com pour un exemple).
La raison du choix de @import pour pompage est la suivante: les anciens navigateurs, comme NN4.x ou IE4 ne connaissent pas cette fonction - ils ne "verront" donc pas la feuille de style (parce qu'ils la maltraitent trop). Cela permet de servir à ces navigateurs du HTML "tout cru" - qui n'est peut-être pas très joli mais qui a l'avantage d'être tout à fait lisible.
En l'occurence, un petit message s'affiche pour ces visiteurs, les invitant à télécharger un navigateur récent (ce message est caché aux navigateurs supportant les feuilles de styles grâce à "display: none;").
Voilà! J'espère que tout cela a éclairci la situation!!
Oui, en effet ! C'est plus tout à fait pareil.Maintenant j 'ai même les commentaires .. ah tiens 8-o y'en a en anglais !!
<humour style=" ton : jedéconne "> A quand le site de traduction des commentaires de sources de pompage.net ?</humour>
Dorenavant je ne me fierais plus trop aux CSS rapatriées par IE5.5.
Astucieux le truc du "display:none" + @import . J'ai testé sous Netscape 4.5 et pu voir le résultat : le 'Html tout cru' !!.
C'est vrai que la conception de pages "multi-plateformes" a toujours été le gros casse-tête. Il suffit d'aller voir les forums et autres Newsgroups pour le constater.
Après avoir parcouru les post, et surfé sur les sites recensés par pompage.net j'ai pu me faire une opinion
Mais j'aimerais avoir votre avis afin de savoir si j 'ai bien compris :
Il vaut mieux optimiser ses pages pour des navigateurs récents, a savoir ceux justement qui ne poseront plus de problèmes de compatibilité, et oublier le design pour les anciens.
Le code source doit être valide par rapport aux recommandations w3c afin justement d'être "passe-partout".
Oui, c 'est peut-être la question 'bateau' et bebête , ou encore polémique,mais ce n 'en est pas le but : comme je suis en plein apprentissage/comprehension de ce domaine, j 'aimerais m 'assurer de bonnes fondations, les défauts étant plus difficile à effacer qu'à apprendre !
C'est vrai que la conception de pages "multi-plateformes" a toujours été le gros casse-tête. Il suffit d'aller voir les forums et autres Newsgroups pour le constater.
Après avoir parcouru les post, et surfé sur les sites recensés par pompage.net j'ai pu me faire une opinion
Mais j'aimerais avoir votre avis afin de savoir si j 'ai bien compris :
Il vaut mieux optimiser ses pages pour des navigateurs récents, a savoir ceux justement qui ne poseront plus de problèmes de compatibilité, et oublier le design pour les anciens.
Le code source doit être valide par rapport aux recommandations w3c afin justement d'être "passe-partout".
C'est en effet l'approche que recommande pompage.net, le WaSP, et ALA. Mais attention! comme tout principe, il ne s'agit pas de l'appliquer aveuglement. L'objectif du site et son public doivent être pris en compte également.
Comme on dit dans la langue de Shakespeare: "you're welcome!"
Pompeurs, pompeuses et shadocks associés, bonjour ! :)
Dans la série mise en boite, j'avais un problème que je viens de solutionner.
Mon problème était le suivant :
Ma page est constituée de trois boites : 2 verticales (flotantes : une à gauche
et une à droite) et
une en bas. Dans le code html, la première décrite est celle de gauche (le
menu), puis celle de
droite (le texte) et enfin celle du bas (la navigation générale).
Si la boite de droite contenait moins de texte que celle de gauche (cad, si elle
était moins
haute), immanquablement, la boite du bas remontait et venait se superposer sur
celle de gauche.
(vous me suivez ?...)
La solution de ce problème est tellement simple que j'ai honte de ne pas y avoir
pensé plus tot.
Il suffit en effet de déterminer, dans la feuille de style, la hauteur minimale
de la boite de
droite (au moins égale à celle de gauche of course) par min-height:***px;
Pour ceux qui connaissaient l'astuce, svp, riez moins fort, j'me vexe :-D
bye bye !
Pascale
--
Pascale Lambert-Charreteur
Normandie - France
http://perso.club-internet.fr/lambertp
At 12:22 +0200 19/04/01, Pascale Lambert-Charreteur wrote:
>Dans la série mise en boite, j'avais un problème que je viens de solutionner.
où de résoudre.... ;-p
>Mon problème était le suivant :
>
>Ma page est constituée de trois boites : 2 verticales (flotantes :
>une à gauche et une à droite) et
>une en bas. Dans le code html, la première décrite est celle de
>gauche (le menu), puis celle de
>droite (le texte) et enfin celle du bas (la navigation générale).
>
>Si la boite de droite contenait moins de texte que celle de gauche
>(cad, si elle était moins
>haute), immanquablement, la boite du bas remontait et venait se
>superposer sur celle de gauche.
>(vous me suivez ?...)
>
>La solution de ce problème est tellement simple que j'ai honte de ne
>pas y avoir pensé plus tot.
>Il suffit en effet de déterminer, dans la feuille de style, la
>hauteur minimale de la boite de
>droite (au moins égale à celle de gauche of course) par min-height:***px;
>
>Pour ceux qui connaissaient l'astuce, svp, riez moins fort, j'me vexe :-D
Une autre plus souple.... tsss tsss
div.footer {
clear: both;}
Place la boîte au plus bas de la fin des boîtes précédentes.
http://www.w3.org/TR/CSS2/visuren.html#propdef-clear
Et qu'on ne me demande pas de lire la spec... ;-)
9.5.2 Controlling flow next to floats: the 'clear' property
'clear'
Value: none | left | right | both | inherit
Initial: none
Applies to: block-level elements
Inherited: no
Percentages: N/A
Media: visual
This property indicates which sides of an element's box(es) may not
be adjacent to an earlier floating box. (It may be that the element
itself has floating descendants; the 'clear' property has no effect
on those.)
This property may only be specified for block-level elements
(including floats). For compact and run-in boxes, this property
applies to the final block box to which the compact or run-in box
belongs.
Values have the following meanings when applied to non-floating block boxes:
left
The top margin of the generated box is increased enough that the top
border edge is below the bottom outer edge of any left-floating boxes
that resulted from elements earlier in the source document.
right
The top margin of the generated box is increased enough that the top
border edge is below the bottom outer edge of any right-floating
boxes that resulted from elements earlier in the source document.
both
The generated box is moved below all floating boxes of earlier
elements in the source document..
none
No constraint on the box's position with respect to floats.
When the property is set on floating elements, it results in a
modification of the rules for positioning the float. An extra
constraint (#10) is added:
* The top outer edge of the float must be below the bottom
outer edge of all earlier left-floating boxes (in the case of 'clear:
left'), or all earlier right-floating boxes (in the case of 'clear:
right'), or both ('clear: both').
--
Karl Dubost - http://www.la-grange.net/
Près de vous, madame, oubliant les cieux,
L'astronome étonné se trouble;
C'est dans l'éclat caressant de vos yeux,
Qu'il avait cru trouver l'étoile double.
Karl Dubost <karl@...> écrit le 19/04/01 12:44:42:
>
>At 12:22 +0200 19/04/01, Pascale Lambert-Charreteur wrote:
>>Dans la série mise en boite, j'avais un problème que je viens de solutionner.
>
> où de résoudre.... ;-p
;-p toi-même, pour une fois que c'est toi qui me donne des cours de grammaire
(na
na na nanè-reuuuh... :-D )
Et puis d'abord c'est dans le dico.. si si !
>Une autre plus souple.... tsss tsss
>
>div.footer {
> clear: both;}
> Place la boîte au plus bas de la fin des boîtes précédentes.
Mais ce n'est pas bête ça. Tu as raison... mais tu as tjs raison ;)
Tu ne pouvais pas me le dire plus tot non !!?
Un autre problème que je soumets à ta sagacité : Lorsque l'on fait une page avec
amaya, il met en tête de document :
<?xml version="1.0" encoding="iso-8859-1"?>
or, losque l'on inclue des scripts php, qui commencent par les même caractères
<?php ... ?> , ça coince ! Le xml serait-il incompatible avec php ?
--
Pascale Lambert-Charreteur
Normandie - France
http://perso.club-internet.fr/lambertp
At 14:48 +0200 19/04/01, Pascale Lambert-Charreteur wrote:
> >div.footer {
> > clear: both;}
> > Place la boîte au plus bas de la fin des boîtes précédentes.
>
>Mais ce n'est pas bête ça. Tu as raison... mais tu as tjs raison ;)
>Tu ne pouvais pas me le dire plus tot non !!?
Disons que Steph et toi sont les seules à le demander en 24h... :)
>Un autre problème que je soumets à ta sagacité : Lorsque l'on fait
>une page avec
>amaya, il met en tête de document :
><?xml version="1.0" encoding="iso-8859-1"?>
normal pour avoir un document XHTML conforme.
>or, losque l'on inclue des scripts php, qui commencent par les même caractères
><?php ... ?> , ça coince ! Le xml serait-il incompatible avec php ?
non c'est PHP qui est incompatible avec XML ;)
non en fait il peut y avoir un problème uniquement si le serveur
active la forme abrégée de php
pour introduire un script PHP, il y a plusieurs solutions
<? .... ?>
ou <?php .... ?>
J'espère donc que dans ton cas Club-internet a désactivité la forme
abrégée.... :-)
SINON il faut leur demander.
--
Karl Dubost - http://www.la-grange.net/
Près de vous, madame, oubliant les cieux,
L'astronome étonné se trouble;
C'est dans l'éclat caressant de vos yeux,
Qu'il avait cru trouver l'étoile double.
Karl Dubost <karl@...> écrit le 19/04/01 15:02:26:
>non c'est PHP qui est incompatible avec XML ;)
>non en fait il peut y avoir un problème uniquement si le serveur
>active la forme abrégée de php
>
>pour introduire un script PHP, il y a plusieurs solutions
> <? .... ?>
>ou <?php .... ?>
>
>J'espère donc que dans ton cas Club-internet a désactivité la forme
>abrégée.... :-)
J'utilise la seconde pour que les pages soient compatibles avec le xml
justement... C'est la
première la forme abrégée ?
>SINON il faut leur demander.
hummm, j'ose pas, ils pourraient se pencher sur le problème des popup qui ne
s'activent plus avec
les pages en php. Je doute qu'ils apprécient de voir disparaître leurs pubs ;)
"Pour vivre bien,
vivons cachés" ;)
Ceci dit, pour regler le pb, j'efface l'en tête, et cela n'empêche pas la
validation des pages...
Alors, c'est vraiment grave docteur ?
--
Pascale Lambert-Charreteur
Normandie - France
http://perso.club-internet.fr/lambertp
At 15:36 +0200 19/04/01, Pascale Lambert-Charreteur wrote:
>J'utilise la seconde pour que les pages soient compatibles avec le
>xml justement... C'est la
>première la forme abrégée ?
oui c'est <? ... ?> la forme abrégée.
>Ceci dit, pour regler le pb, j'efface l'en tête, et cela n'empêche
>pas la validation des pages...
>Alors, c'est vraiment grave docteur ?
grave... non au reste de la quantité de pages non valides sur le net,
mais c'est un bug connu du validateur HTML qui ne détecte pas la xml
déclaration... Elle doit y être normalement :-)
--
Karl Dubost - http://www.la-grange.net/
Près de vous, madame, oubliant les cieux,
L'astronome étonné se trouble;
C'est dans l'éclat caressant de vos yeux,
Qu'il avait cru trouver l'étoile double.
Le problème avec { clear: both } c'est qu'il ne tient pas compte des divs
positionnés absolument sur la page (du moins semble-t-il:
http://climbtothestars.org/dev - #content est positionné absolument, et en
effet #footer vient se placer en dessous de #navigation et #sidebar).
Autres suggestions?
Tara : )
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
Selon toute vraisemblance, ie5mac ignore margin-top pour un div qui "float" (en tous cas à droite - je n'ai pas testé à gauche!). Suivant les cas, on peut remédier à la situation en remplaçant le margin-top par padding-top. C'était mon cas, puisque le div en question ne servait que de container à la boîte "current" sur ma page.
bonjour !
"Stephanie" <steph@...> écrit le 19/04/01 23:42:37:
>Si vous voulez voir: <A
>href="http://climbtothestars.org/dev/new.css">http://climbtothestars.org/dev/ne\
w.css</A>
>- il s'agit de #sidebar</FONT></DIV>
argl ! impressionnant ! Non, mais ça ne va pas du tout : il fallait déjà tester
nos pages avec tous
les navigateurs, si en plus il faut aussi avoir tous les OS pfffffff...
Mais que fait le W3C ? ;)
Pascale
--
Pascale Lambert-Charreteur
Normandie - France
http://perso.club-internet.fr/lambertp
At 11:04 +0200 20/04/01, Pascale Lambert-Charreteur wrote:
>"Stephanie" <steph@...> écrit le 19/04/01 23:42:37:
>
>>Si vous voulez voir: <A
>>href="http://climbtothestars.org/dev/new.css">http://climbtothestars.org/dev/n\
ew.css</A>
>>- il s'agit de #sidebar</FONT></DIV>
>
>argl ! impressionnant ! Non, mais ça ne va pas du tout : il fallait
>déjà tester nos pages avec tous
>les navigateurs, si en plus il faut aussi avoir tous les OS pfffffff...
Je n'ai pas encore testé ce dont parle Steph... mais je regarderai...
>Mais que fait le W3C ? ;)
Ca suffit... !!! On peut pas tout faire à la fois, nous sommes en
cours de formalisation de l'activité suite au Workshop QA. Et je pars
à Hong-Kong jeudi pour la conférence WWW10, où je peux t'assurer que
je discuterai avec plusieurs personnes dont Tantek le développeur de
IE pour Mac.
--
Karl Dubost - http://www.la-grange.net/
Près de vous, madame, oubliant les cieux,
L'astronome étonné se trouble;
C'est dans l'éclat caressant de vos yeux,
Qu'il avait cru trouver l'étoile double.
Bon, je remets une couche!
J'ai donc un problème avec ie5mac, qui semble faire hériter aux
éléments fils d'un div "position: relative" (sauf, allez savoir
pourquoi, le premier élément fils du div).
Tout est décrit-démontré-expliqué ici:
http://climbtothestars.org/dev/ie5macbug.php
Bien sûr, on me dit de ne pas utiliser "position: relative". Mais
c'est la seule solution que j'ai trouvée pour que l'adresse de ma page
descende jusqu'en bas, plutôt que de flotter au milieu de la page (ou
pire, tout en haut). La page "réelle" c'est celle-ci:
http://climbtothestars.org/dev/ (voir aussi mon email précédant sur
"clear: both").
Merci pour suggestions etc - que ce soit une autre solution que
"position: relative" pour dire à mon adresse de se comporter
correctement, ou bien un moyen de faire avaler à ie5mac qu'il ne doit
pas appliquer "position: relative" à tous les éléments contenus dans
div#content!
Steph
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
Coucou,
Le 28/04/01 18:33:15, Stephanie a écrit :
> J'ai donc un problème avec ie5mac, qui semble faire hériter aux
> éléments fils d'un div "position: relative" (sauf, allez savoir
> pourquoi, le premier élément fils du div).
>
> Tout est décrit-démontré-expliqué ici:
> http://climbtothestars.org/dev/ie5macbug.php
Je sais pas si ça joue mais le commentaire autour de #wrapper dans la
feuille de style est fermé au mauvais endroit (du coup y a un '}' qui se
ballade tout seul)
> Merci pour suggestions etc - que ce soit une autre solution que
> "position: relative" pour dire à mon adresse de se comporter
> correctement, ou bien un moyen de faire avaler à ie5mac qu'il ne doit
> pas appliquer "position: relative" à tous les éléments contenus dans
> div#content!
Hmm, définir "en clair" le positionnement de tous les enfants de #content ?
Comme ça 'position' et autres ne sont plus hérités...
Tom.
juste des suggestions, j'ai pas de Mac...
> Je sais pas si ça joue mais le commentaire autour de #wrapper dans
la
> feuille de style est fermé au mauvais endroit (du coup y a un '}'
qui se
> ballade tout seul)
Merci, j'avais pas vu! mais il ne semble pas que ça ait eu une
incidence sur le problème : (
> Hmm, définir "en clair" le positionnement de tous les enfants de
#content ?
> Comme ça 'position' et autres ne sont plus hérités...
J'ai essayé d'ajouter ça:
#content * {
position: static;
}
mais ça ne change rien. Est-ce que je me suis trompée, et il ne s'agit
pas d'un problème de "inheritance" ?
> juste des suggestions, j'ai pas de Mac...
moi non plus! : ( - c'est d'autant plus pénible de trouver une
solution...
Je suis en train de tenter de refaire le layout sans utiliser de
positionnement, seulement avec "float" - et bien sûr j'ai des
problèmes: http://climbtothestars.org/dev/float.php - si vous avez du
courage! (il y a une chronique de mes malheurs...)
Steph
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
Le 30/04/01 22:39:43, Stephanie a écrit :
> ...j'approche de la solution (enfin, d'une solution).
> http://climbtothestars.org/dev/float.php si vous désirez les dernières
> nouvelles, comme d'hab!
Pour que ta troisième colonne s'affiche à droite de la second et pas en
dessous, faut la mettre avant dans le code.
<div style="float: left">Colonne gauche</div>
<div style="float: right">Colonne droite</div>
<div>Colonne centrale</div>
Tu dois aussi pouvoir t'en tirer avec un positionnement (absolu ou relatif,
c'est peut-être plus facile avec un absolu finalement), uniquement pour la
colonne de droite.
Tom.
Salut à tous !
Au gré du surf je suis tombé sur un article/discussion qui devrait
interesser les lecteurs de pompage.net. Il s 'agit en effet d'une réaction à
la campagne menée par Wasp et ALA, intitulée "To hell with bad editors" :
http://evolt.org/article/comment/25/6096/index.html
dont la conclusion rejoint totalement celle de stephanie dans sa réponse à
ma question "La conception multi-plateforme":
"[...]So I say to the people who code, learn the standards, code to
compliance, and always keep the user in mind, regardless of what unfortunate
browser he or she might use. "
Les commentaires postés sont eux aussi instructifs, tel cet extrait:
"[...]I do websites in Africa, specifically Uganda and a lot of people here
still use 4.x browsers and even 3.x. And some of this people buy books at
Amazon.com and so on.[...]"
Bonne lecture à ceux qui ne connaissaient pas encore !
@+
Gil
At 22:39 +0200 30/04/01, Stephanie wrote:
>...j'approche de la solution (enfin, d'une solution).
>http://climbtothestars.org/dev/float.php si vous désirez les dernières
>nouvelles, comme d'hab!
celle-ci marche très bien sur IE5 ;-)
--
Karl Dubost - http://www.la-grange.net/
Près de vous, madame, oubliant les cieux,
L'astronome étonné se trouble;
C'est dans l'éclat caressant de vos yeux,
Qu'il avait cru trouver l'étoile double.
At 5:22 +0200 1/05/01, Gil wrote:
> Les commentaires postés sont eux aussi instructifs, tel cet extrait:
>"[...]I do websites in Africa, specifically Uganda and a lot of people here
>still use 4.x browsers and even 3.x. And some of this people buy books at
>Amazon.com and so on.[...]"
Oui mais... ;)
Il est tout à fait possible de créer un site web qui sera en fait
lisible sur tous les navigateurs même en utilisant CSS. Par exemple,
les sites faits avec des tableaux ont beaucoup de problèmes avec les
lecteurs braille ou Netscape 2... :)
L'avantage d'un site fait avec CSS c'est que si la structure est bien
définie, il sera pratiquement lisible sur tout navigateur. Pour les
navigateurs dangereux (=navigateurs implémentant mal CSS), j'ai une
attitude plus volontaire, ils sont dangereux pour la santé donc il ne
faut pas les utiliser. Il est pratiquement préférable d'utiliser
Netscape 3.
Visible sur les bons navigateurs,
Lisible sur tous les navigateurs.
--
Karl Dubost - http://www.la-grange.net/
Près de vous, madame, oubliant les cieux,
L'astronome étonné se trouble;
C'est dans l'éclat caressant de vos yeux,
Qu'il avait cru trouver l'étoile double.
> Pour que ta troisième colonne s'affiche à droite de la second et pas
en
> dessous, faut la mettre avant dans le code.
> <div style="float: left">Colonne gauche</div>
> <div style="float: right">Colonne droite</div>
> <div>Colonne centrale</div>
Justement, je veux pouvoir mettre le code de la troisième colonne
APRES le contenu (en pensant aux gens qui accèderont sans avoir la
feuille de style... je veux qu'ils aient un accès le plus direct
possible au corps du texte). La solution proposée chez Blue Robot
permet cela:
http://bluerobot.com/web/layouts/layout3.html
Je m'en occuperai dès que je ferai un peu de temps pour cela!
Steph
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
Salut!
Dans la même veine, lire:
http://alistapart.com/stories/basics/ - sur les bienfaits du retour à
la source, et les méfaits de la wysiwyg-dépendance [scoop: en cours de
traduction]
et le dernier article d'ALA:
http://alistapart.com/stories/forgiving/ - sur les méfaits des
navigateurs trop "gentils" avec le mauvais code [scoop: projet de
demande d'autorisation de traduction]
: )
Steph [scoop: la commotion cérébrale commence gentiment à donner le
tour!]
Je réponds au mieux de mes connaissances...
Climb to the Stars! - http://climbtothestars.org
Pompeurs Associés - http://pompage.net
Envoyer un message
