Bonsoir,
 
Donc une cliente veut absolument que le texte sur sa page d'acceuil soit disposé "en escalier" dans le genre :
 
   .
  ...
 .....
.......
 .....
  ...
   .
 
Et ceci bien entendu malgrès le fait que j'ai tenté de lui expliquer que c'est une idée totalement stupide ..
La question que je me pose est la suivante : Comment limiter les degats du point de vue semantique?  
Chaque ligne contiendra un certain nombre de mots (je sens que je vais bien m'amuser quand je vais devoir le faire ...) ne formant pas forcemment une phrase entiere .. Donc <p> n'aurait aucun sens ... Voyez vous une maniere un minimum elegant de faire ça ? (A part de trouver une cerveau de rechange pour ma cliente? ... Dites vous deja que grace a moi elle a abandonné l'idée de faire cette mise en page en Flash ...)

Le seul moyen de le faire proprement c'est avec des images/blocs sémantiquement vides de sens qui seront flottés pour créer les diagonales virtuelles, à la Curvelicious ou Slantastic

J'avais peur qu'on me reponde ça ... Elle veut pouvoir modifier le design toute seule ... Je sens qu'en plus de m'amuser a placer mon texte, je vais aussi m'amuser avec la lib GD ... Merci beaucoup en tout cas

Ha, j'allais te proposer de faire ça en GD, mais j'avais peur de me prendre une pelle dans la tête.

La lib GD c'est pour creer l'image a mettre dans le bloc hein! Pas pour dessiner le texte quand meme ! J'espere qu'on est bien d'accord

Pourquoi pas pour créer le texte ?
Tu fais une image par ligne et tu remets le texte dans le Alt et hop, accessible et tout.

Genre le truc que si qqn veut selectionner une ligne il l'a limite pas dans l'os

Bah non, quand tu sélectionnes l'image, si tu fais copier coller dans Notepad, ça copie le alt, c'est à ça que ça sert justement.

Sinon, tu peux faire en Flash, en donnant l'attribut sélectionnable au texte.
 
 

Oui , mais je voulais parler de qqn qui selectionne 1 mot ... Oui tu vas me repondre que je peux faire une image par mot ... ou mieux une image par lettre tant qu'a faire simple ... Deplus pas tout le monde (je dirais meme tres peu de monde) sait qu'en selectionnant une image et en copiant, tu obtiens le alt... et ceci à cose du fait qu'en general les gens mettent pas de alt ...
 
Enfin bon Merci pour tes conseils mais je crois que comme d'ab on voit la chose d'une maniere differente
 

 
Qu'est-ce qu'il y a mon petit

Mais non, j'essayais juste de te trouver une réponse, j'y peux rien moi si je sais pas le faire en DIV.  

Décidément, tant que les clients voudront des blis blips et des trucs pas sérieux, on est mal concernant la possibilité de pouvoir bosser sur des sites accessibles...

 
Je l'ai bien compris et d'ailleurs je t'en remercie beaucoup Mais ça me fait sourire le fait que chaque fois qu'on parle, on propose a peu pres chaque fois l'opposé de ce qu'aurait proposé l'autre On voit l'ecart qu'il y a entre la mentalité d'un "programmeur-graphiste" et celle d'un "programmeur-code-source"
 

 
Tout à fait , mais je crois qu'il faut faire un pas à la fois ... perso quand un client me demande un truc un peu debile de ce genre, j'essaie de limiter la casse et de faire au mieux ... Si tout le monde en fait de meme peu a peu on arrivera a qqch de bien je pense

 
Ca, c'est deux visions du web différentes, qu'on arrive quand meme a concilier souvent, surtout si les normes xhtml2 et css3 arrivent avec des navigateurs qui les supportent ^^
 

 
J'espère bien.

Le tout c'est de voir qu'est-ce qui arrivera en 1er : Des browsers potables ou des chefs intelligents ... Dans les 2 cas j'ai l'impression qu'on est pas sortis de l'auberge

Les browsers potable, y a firefox, dont la 1.1 se fait attendre (l'alpha annonce bien la couleur, ca va etre très sympa), mais les chefs intelligents ... hum ca existe, mais au moment de vouloir faire un site, leur intelligence s'enva, ils veulent un site hype, fun, voir baba-cool !

Oui mais malheureusement FF est pas encore un standard ... Mais c'est clair que c'est un exemple a suivre...
 
C'est vrai que les chefs sont pas tous des debiles (j'aime bien le mien d'ailleurs). Le probleme c'est qu'ils sont pas toujours bien renseignés sur les normes du net (et c'est logique) et donc souvent ils donnent a faire leurs sites a des incompétents ... Genre dans ma boite le mec qui fait les pages web sait que dalle d'xhtml/css, il script a coups de frontpage et fini basta... Du coup aujouduit j'ai du refaire une page d'administration (servlet+jsp), j'ai meme pas pu faire le design moi meme tellement c'etait merdique (8 tableaux imbriqués la ou 1 aurait largement suffi) ... Et refaire le meme merdier en propre est impossible parceque maintenant toute l'appli s'appuie sur des iframes et du JS proprio .... Donc soit on refait tout soit on refait rien ...

ya po moyen de récuperer tout le texte de la dame
parser le texte afin de ne recuperer que un certain pourcentage de mot par bloc
puis creer des bloc P avec un width=80% puis 70% etc...
et un margin:0 auto;
ca passe po ca ?

Oui mais le truc c'est que semantiquement c'est incorrect .. parceque le bloc <p> signifie que c'est un paragraphe, hors une portion de phrase n'en est pas un.. Mais a part ça c'est ce moyen que je vais utiliser... Un script qui contera le nombre de lettres et tentera de faire un split de la sorte que ce soit a peu pres juste ... Deplus je demanderai a la dame de ne pas utiliser des mots trop trop longs parcement sinon ça devient vraiment un bordel

attend je suis en train de te preparer un script (en JS) qui te permet à partir de l'id d'un DIV qui contient tout ton texte, d'ajouter automatiquement les éléments nécessaire (DIV) et qui calcule les position et les largeurs adéquats

tiens mon lapin  
 

 
en gros ca  fonctionne nickel, il faut juste me laisser le temps de le rendre plus souple et avec plus de commentairess
 
edit: update de la bête.
petit bémol, lors du resize de la fenête le texte ne fonctionne plus très bien en escalier.
je vais voir ça avec des pourcentages de hauteur pour mes divs.

Et bein merci j'en aurait pas demandé tant ... Me reste plus qu'a le transformer en PHP et c'est pret ... Moi qui en general veut pas qu'on donne les réponses ... Je suis bien emprunté

tu pourras pas le mettre en PHP, la hauteur de ton bloc de texte dépend de la largeur de la fenetre du navigateur.
 
du coup, il vaut mieux le faire en Javascript.
c'est plus simple.
tu defini 30 ou 40 div, tu t'emmerde pas. et puis c'est tout bon.

A merde c'est vrai j'avais pas vu ... Snif si je fais ça je peux dire adieu a mon accessibilité ... Faut que je teste en PHP et en JS pour voir lequel a le plus de gueule ...En tous cas merci beaucoup

esox_ch : ça reste accessible.tu met tout ton texte dans un P qui est dans un DIV, et on est bien accessible, si tu desactive le JS ben le gars voit po d'escalier, c'est tout.  
 
attend laisse moi paufiner un peu la bête steuplé avant d'y toucher

Alors là, chapeau Gatsusat.

Edit : la bête en dernière version et commentée.
 

 
C'est cool le JS nan ?

erf jviens de me rendre compte que mon escalier est inversé par rapport à ce que demande esox_ch
 
ben mes lapins, vous me laissez le temps de manger Merki

Il n'y aura pas de 1.1, faut suivre
(on passe direct à la 1.5)

@gatusat : Lol pas besoin de te grever a tout refaire Faut me laisser quand meme une partie du boulot sinon va falloir que je te donne une partie de ce que je vais recevoir

je veux bien mais je prend une partie des sous aussi

Roh bande de rapaces Depuis que j'ai dis combien est le smic en suisse tout le monde veut mes tunes C'est pas possible ça

 
Et la 1.1 alpha ? Bon okay, 1.5 s'ils veulent, qu'est-ce que ca change, c'est la version qui arrive et qui se fait attendre hein

Je viens d'avoir une idée lumineuse sur un truc super bourrin que tu pourrais faire et qui permettrait d'avoir un truc nickel en escalier.
 
fichier un line-height pour les lignes sur tout le paragraphe
et faire un calcule du genre : Escalier.scrollHeight/line-height = Nombre de DIv à utiliser sur une hauteur.
 
du coup tu multiplie tout ça par 2 et tu as en même temps la hauteur du DIV et le nombre de DIV à utiliser.
 
et au passage bien sur faut modifier ce code de merde que je t'ai filé pour que ca colle avec ce que je viens de dire