Auteur Sujet: Xhtml Et Tableau...  (Lu 10286 fois)

0 Membres et 1 Invité sur ce sujet

Hors ligne Nud'

  • Débutant
  • *
  • Messages: 29
    • http://tw.o0o.ch
Xhtml Et Tableau...
« Réponse #45 le: 13 août 2003 à 20:23:56 »
Je ne suis pas tout à fait d'accord avec toi anubis même si je suis à fond pour le xhtml + css.
Tes arguments (je peux te tutoyer ?) sont  certes tout à fait valables mais ta façon de les présenter irrite ma pupille. Il y a une chose que tu sembles oublier, c'est que beaucoup des gens que tu as devant toi ne sont pas programmeurs, ou tout du moins n'ont pas ta connaissance du problème (je ne prétend pas moi-même avoir ta connaissance des css)
Pour ma part je tente de convaincre les membres d'une communauté graphique ( http://www.benzor.com ) à se conformer aux standards et ça semble fonctionner pour l'instant.

Première chose, avant de vous atteler au développement de css compliquées (et celà tient aussi pour les présentations par tables), spécifiez un doctype. Le doctype est le garant de l'avenir du web, car il informe nos navigateurs du "langage" qu'il utilise. Ne pas le spécifier entraîne que le navigateur entre en mode "bricolage" (quirks mode), ce qui veut dire qu'il reprend la façon de faire de ses ainés, soit la façon ie4 pour les navigateurs de Redmond et la façon nn4 pour mozilla et netscape. Un doctype permettra donc d'adapter votre site sur plusieurs plateformes plus aisément.

Ensuite, sachez que l'on peut se lancer dans les CSS sans pour autant se lancer dans le XHTML. Le HTML4Strict est tout aussi indiqué, tant qu'il est accompagné du doctype approprié. L'avantage c'est qu'il ne requiert pas de trop grands changements dans les habitudes des designers dans la syntaxe.

Ceci dit, je ne suis pas certain que l'avenir des css passe par la magnifique liste d'arguments développés par Anubis, mais je pense au contraire qu'il faut donner envie aux gens de se lancer dedans. Le webmaster lambda (amateur) ne se sent jamais réellement concerné par les aveugles, encore moins par les quelques personnes qui utilisent lynx ou autre navigateur texte (dont je fais partie par moments), et se fichent pas mal de pouvoir être accessible sur un frigo ou un téléphone (la plupart d'entre eux ne savent même pas que c'est possible). Je crois plutôt que c'est par l'exemple qu'on peut y arriver. Il y a  certaines choses qui sont difficiles à réaliser avec les CSS (impossible ça reste à voir) mais d'un autre côté il y a des choses impossibles à réaliser sans eux. Une bonne idée serait peut-être de montrer quoi, par exemple via http://www.csszengarden.com ou http://www.openweb.eu.org. J'ai encore plein de choses à dire mais je n'ai pas le temps, désolé, je passerai peut-être une autre fois.

PS. Merci pour les liens anubis, y'en a que je ne connaissais pas ;)

[Nud'|écrire pour ne rien dire]

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Xhtml Et Tableau...
« Réponse #46 le: 13 août 2003 à 20:33:08 »
Citer
Je ne suis pas tout à fait d'accord avec toi anubis même si je suis à fond pour le xhtml + css.
Tes arguments (je peux te tutoyer ?) sont certes tout à fait valables mais ta façon de les présenter irrite ma pupille. Il y a une chose que tu sembles oublier, c'est que beaucoup des gens que tu as devant toi ne sont pas programmeurs, ou tout du moins n'ont pas ta connaissance du problème (je ne prétend pas moi-même avoir ta connaissance des css)
Pour ma part je tente de convaincre les membres d'une communauté graphique ( http://www.benzor.com ) à se conformer aux standards et ça semble fonctionner pour l'instant.
Oh un discours argumenté... Miam regardons ça ;-)

Citer
Première chose, avant de vous atteler au développement de css compliquées (et celà tient aussi pour les présentations par tables), spécifiez un doctype. Le doctype est le garant de l'avenir du web, car il informe nos navigateurs du "langage" qu'il utilise. Ne pas le spécifier entraîne que le navigateur entre en mode "bricolage" (quirks mode), ce qui veut dire qu'il reprend la façon de faire de ses ainés, soit la façon ie4 pour les navigateurs de Redmond et la façon nn4 pour mozilla et netscape. Un doctype permettra donc d'adapter votre site sur plusieurs plateformes plus aisément.
Oui je sentais ce thread partir n peu en vrille, donc je t'ai devancé... Spécifier un DOCTYPE pour avoir un site valide est déjà un grand pas... Beaucoup de programmeurs pensent que <html><body>Coucou !</body></html> suffit pour faire une page.

Citer
Ensuite, sachez que l'on peut se lancer dans les CSS sans pour autant se lancer dans le XHTML. Le HTML4Strict est tout aussi indiqué, tant qu'il est accompagné du doctype approprié. L'avantage c'est qu'il ne requiert pas de trop grands changements dans les habitudes des designers dans la syntaxe.
Tout à fait d'accord, je n'osais pas en parler pour éviter de dériver, mais tu as totalement raison.

Citer
Ceci dit, je ne suis pas certain que l'avenir des css passe par la magnifique liste d'arguments développés par Anubis, mais je pense au contraire qu'il faut donner envie aux gens de se lancer dedans. Le webmaster lambda (amateur) ne se sent jamais réellement concerné par les aveugles, encore moins par les quelques personnes qui utilisent lynx ou autre navigateur texte (dont je fais partie par moments), et se fichent pas mal de pouvoir être accessible sur un frigo ou un téléphone (la plupart d'entre eux ne savent même pas que c'est possible).
Tu as tout à fait raison, mais quand je vois des gens qui ne comprennent pas l'utilité de tout ça du premier coup, j'ai du mal, je m'emporte, et je balance tout :-þ

Citer
Je crois plutôt que c'est par l'exemple qu'on peut y arriver. Il y a certaines choses qui sont difficiles à réaliser avec les CSS (impossible ça reste à voir) mais d'un autre côté il y a des choses impossibles à réaliser sans eux. Une bonne idée serait peut-être de montrer quoi, par exemple via http://www.csszengarden.com ou http://www.openweb.eu.org. J'ai encore plein de choses à dire mais je n'ai pas le temps, désolé, je passerai peut-être une autre fois.
Quoi ?! Je n'avais pas encore mis le lien vers le superbe CssZenGarden  (en français) ?! Honte sur moi !

Citer
PS. Merci pour les liens anubis, y'en a que je ne connaissais pas
Pas de problème ;-).
 
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne kai

  • Habitué
  • **
  • Messages: 227
    • http://www.thailande-guide.com
Xhtml Et Tableau...
« Réponse #47 le: 16 août 2003 à 20:54:13 »
Voilà, M. Anubis, c'est fait. Les pages passent le validatuer XHTML (http://www.htmlhelp.com/tools/validator/) sans pb. Reste une seule alerte :

... //www.hit-parade.com" target="_blank">Hit-parade</a></p>

Error: there is no attribute target for this element (in this HTML version)

Et là, vraiment, je voies pas !

Une petite aide svp ?

PS : j'ai pas encore vérifié la CSS

 
Kaï
--------
http://www.cartofolie.com : cartes postales virtuelles gratuites du monde
http://www.thailande-guide.com : le guide web de la Thaïlande
http://www.easy-thai.com : l'annuaire des sites sur la Thaïlande
http://www.guyane-guide.com : le guide web de la Guyane Française.

Hors ligne manannann

  • Débutant
  • *
  • Messages: 26
    • http://www.indriya.org/
Xhtml Et Tableau...
« Réponse #48 le: 16 août 2003 à 22:05:02 »
Enlever l'attribut target="_blank"
[size=8]"On peut rire de tout, y compris de la mort. Du reste, est-ce qu'elle se gêne,
la mort, pour se rire de nous ?" ( Pierre Desprosges )
[/size]

Troupe Indriyâ
webmaster@indriya.org

Hors ligne Nud'

  • Débutant
  • *
  • Messages: 29
    • http://tw.o0o.ch
Xhtml Et Tableau...
« Réponse #49 le: 16 août 2003 à 22:39:02 »
Citer
Error: there is no attribute target for this element (in this HTML version)
ça signifie que l'attribut target a été banni du XHTML (car il ne correspond pas à la volonté de séparation contenu-forme).

une solution de remplacement est expliquée ici : http://www.sitepoint.com/article/1041 [en]

Hors ligne kai

  • Habitué
  • **
  • Messages: 227
    • http://www.thailande-guide.com
Xhtml Et Tableau...
« Réponse #50 le: 17 août 2003 à 00:51:23 »
Merci pour le tuyau.

Maintenant ca marche et le site est validé. La feuille de style aussi. Alors, on peut parler Monsieur Anubis ???

Ma précédente question est toujours d'actualité.

PS : j'ai quand même gardé les tableaux... j'ai du mal à m'en passer !
« Modifié: 17 août 2003 à 00:54:08 par kai »
Kaï
--------
http://www.cartofolie.com : cartes postales virtuelles gratuites du monde
http://www.thailande-guide.com : le guide web de la Thaïlande
http://www.easy-thai.com : l'annuaire des sites sur la Thaïlande
http://www.guyane-guide.com : le guide web de la Guyane Française.

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Xhtml Et Tableau...
« Réponse #51 le: 18 août 2003 à 09:51:01 »
Euh oui pardon... Absent pour le week-end ;-).

Kai, pour le « target="_blank" », je te conseille d'éviter de contourner le problème... S'il n'existe plus, ce n'est pas pour le refaire en Javascript.

Le principe est que c'est à l'utilisateur de choisir s'il veut ouvrir dans une nouvelle fenêtre ou pas, ce n'est pas à toi, webmaster, de décider d'ouvrir une nouvelle fenêtre. Par exemple sur une machine qui ne supporte qu'une seule fenêtre pour cause de charche CPU, on n'aime pas que les sites obligent à une nouvelle fenêtre ;-).

Pour ta question, ce serait bien que tu fasses une page toute simple reproduisant ce que tu me dis pour que je puisse jetter un coup d'œil :-).
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne kai

  • Habitué
  • **
  • Messages: 227
    • http://www.thailande-guide.com
Xhtml Et Tableau...
« Réponse #52 le: 19 août 2003 à 09:29:59 »
Merci, mais c'est ok, j'ai trouvé la solution (toute bête d'ailleur !) :

overflow: scroll
ou
overflow: hidden

Comme quoi, lire la doc a du bon...

Bon, si je continue comme cela, je vais finir par croire qu'Anubis à raison et que "le bonheur est dans le CSS" !  :P
Faut dire que pour le site que je suis en train de terminer, c'est vraiment le top. Reste malgré tout le pb des tableaux... et des colonnes de hauteurs différentes. Là, pour l'instant, aucune solution miracle. Mais je cherche toujours !

En tout cas, merci à Anubis car c'est vrai que jusqu'à présent, les DOCTYPE, c'était pas vraiment ma préoccupation première ! Me reste plus qu'à faire de même pour tous mes autres sites :(
« Modifié: 21 août 2003 à 07:44:03 par kai »
Kaï
--------
http://www.cartofolie.com : cartes postales virtuelles gratuites du monde
http://www.thailande-guide.com : le guide web de la Thaïlande
http://www.easy-thai.com : l'annuaire des sites sur la Thaïlande
http://www.guyane-guide.com : le guide web de la Guyane Française.

Hors ligne Nud'

  • Débutant
  • *
  • Messages: 29
    • http://tw.o0o.ch
Xhtml Et Tableau...
« Réponse #53 le: 19 août 2003 à 21:05:51 »
Citer
pour le « target="_blank" », je te conseille d'éviter de contourner le problème...

Pas d'accord : la méthode javascript offre justement un contrôle du côté de l'utilisateur (qui peut le désactiver). Quand à la propriété target du javascript, si elle a été ajoutée à la DOM2 (le standard donc), ce n'est pas pour les chiens... SI tu lui dit de ne pas utiliser le blank l'utilisateur lambda va utiliser un frame... Ce qui est bien pire que la nouvelle fenêtre... Pour ma part je pense que la meilleure façon est de signaler un lien externe par une petite image ou un style css différent...
a[rel=external]:after { content:"(out)" }

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Xhtml Et Tableau...
« Réponse #54 le: 19 août 2003 à 23:33:05 »
Citer
a[rel=external]:after { content:"(out)" }
Ne fonctionnant malheureusement pas sous IE :-(.
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne Nepher

  • Habitué
  • **
  • Messages: 196
    • http://www.warhammer-forum.com
Xhtml Et Tableau...
« Réponse #55 le: 23 août 2003 à 02:51:46 »
Le bonheur est oui dans la CSS... le problème, c'est que mon problème n'est pas solutionnable pour le moment, et que donc il me manque la petite touche de perfection, mais je ferai sans, car oui Anubis, comme toi je suis informaticien, et oui, je vis avec mon temps, j'avance... j'apprends, et évolue, quel beau principe qui définit l'être humain... celà fait longtemps que j'utilise les CSS, mais jusqu'ici, il n'y avait pas de solution à mon problème... il n'y en a toujours pas d'ailleurs, mais j'ai supprimé le problème : la volonté d'avoir un site tel que je l'ai en tête, et le tourner autrement.... tant pis...

Sinon, je peux dire que je maitrise pas mal du tout les CSS, avec le XHTML, je me débat, ca doit faire un mois que je m'y suis mis et j'ai déjà un gros site valide... (enfin en théorie, pcq là il est sur mon dur, et je peux pas le valider encore ;))

Enfin, tout ça pour dire que je suis de retour de vacances, je vous montre le site quand il sera fini ;)

Hors ligne Cédric

  • Débutant
  • *
  • Messages: 46
Xhtml Et Tableau...
« Réponse #56 le: 23 août 2003 à 20:45:38 »
Salut !

Je trouve que le CSS c'est un peu "Bidouillage" sur certaines interfaces comme par exemple celle de lycos ou il faut centrer une interface d'une largeur définie. Cela oblige à utiliser l'attribut de position relative (dite moi si je me trompe)

Exemple dans mon cas :

div.categorieforums
  {
  position:relative;
  top:-60px;
  left:233px;
  background-image: url(data/img/Cats_Fond_Vert.gif);
  width:116px
  }

J'ai fait quelques tests mais c'était juste pour voir ce que cela pouvait donner avec mon site :
http://membres.lycos.fr/cedricjeux/phpnet/css/
Je trouve encore l'utilisation des tableaux plus claire :rolleyes: et plus structuré

A+
« Modifié: 23 août 2003 à 21:28:10 par Cédric »

Hors ligne Nepher

  • Habitué
  • **
  • Messages: 196
    • http://www.warhammer-forum.com
Xhtml Et Tableau...
« Réponse #57 le: 23 août 2003 à 21:47:38 »
L'utilisation des CSS, plus que de théorie, demande de la pratique... en effet, parfois il faut penser différemment e problème pour le résoudre. Celà implique parfois d'utiliser des bidouillages comme tu dis, mais je parlerais plutôt de solutions alternatives. Le tout est de penser à ce que tu veux, et d'entrevoir un grand nombre de possibilités, sans rester fixer sur une seule.

Hors ligne Nud'

  • Débutant
  • *
  • Messages: 29
    • http://tw.o0o.ch
Xhtml Et Tableau...
« Réponse #58 le: 24 août 2003 à 00:47:43 »
centrer une interface de largeur définie rien de plus facile... et pas besoin de bricolage...
(...)
<body>
<div id="page">
(...)
</div>
</body>
(...)
body { text-align:center; margin:0; } /* "bidouille" IE */
#page { text-align:left; margin:0 auto; }
C'est d'ailleurs ce qu'ils font chez lycos...
« Modifié: 24 août 2003 à 00:50:33 par Nud' »

Hors ligne Nepher

  • Habitué
  • **
  • Messages: 196
    • http://www.warhammer-forum.com
Xhtml Et Tableau...
« Réponse #59 le: 24 août 2003 à 01:07:27 »
techniquement, ca serait plutôt

#page
{
width:  xx% ;
margin-left : auto ;
margin-right:auto ;
}