Impossible d'aligner un texte verticalement dans une DIV ?

an.archi a écrit :

Steuf a écrit :

faire des suggestions sur mon code :


oui, j'en ai au mions une, vue l'heure...
Pourquoi utiliser des class="hx", etc...

J'ai gardé le nom, car j'avais juste un point à rajouter ;-) je les
changerais lors de la mise ne ligne, pour l'instant c'est de l'essais ;-)

et pas utiliser des hx, tout
simplement.

Les <hx> ne respecte pas les dimentionne que je leur donne par exemple,
je leur dit 25Px il me le fait plus grand avec des <hx>..., Donc j'ai
mis des dic avec des class tout simplement.

J'avoue ne pas comprendre, là...

Le fait d'avoir garder des class nommée hx est une question pratique,
j'avais pas envie de renommer les class, j'avais pas trop le temps, je
voulais réussir à faire marcher ça ce soir, et c'est bon là, le code est
même accepté par W3C... Donc que demander de plus ;-) C'est parfait je
vais pouvoir dormir là, parce que je voulais absolument résoudre ce
probléme ce soir, et encore merci de m'avoir mis sur la voix !

--
http://extantpc.free.fr Bonne visite ! --> Nous recrutons !
Comparatif des offres FAI, Overclocking, Test, News, Petites annonces
Etc....
Pour m'envoyer un mail, retirez NoSpam de mon adresse. Steuf

Steuf a écrit :

J'ai gardé le nom, car j'avais juste un point à rajouter ;-) je les
changerais lors de la mise ne ligne, pour l'instant c'est de l'essais ;-)

Si on aborde le côté sémantique de la chose, il serait quand même plus judicieux, sans doute, de faire un <h1>, ou <h2>, selon ton arborescence, puis de faire une liste de liens pour les sous-catégories.
Un titre implique un contenu (en ligne)...

et pas utiliser des hx, tout simplement.

Les <hx> ne respecte pas les dimentionne que je leur donne par exemple,
je leur dit 25Px il me le fait plus grand avec des <hx>..., Donc j'ai
mis des dic avec des class tout simplement.

Ils le respectent si tu initialises les marges par défaut avec "margin: 0%; padding: 0%;"
Ce n'est pas de là que vient le problème ?!

J'avoue ne pas comprendre, là...

Le fait d'avoir garder des class nommée hx est une question pratique,
j'avais pas envie de renommer les class, j'avais pas trop le temps, je
voulais réussir à faire marcher ça ce soir, et c'est bon là, le code est
même accepté par W3C... Donc que demander de plus ;-) C'est parfait je
vais pouvoir dormir là, parce que je voulais absolument résoudre ce
probléme ce soir, et encore merci de m'avoir mis sur la voix !

J'espère que tu auras passé une bonne nuit, donc... )

an.archi a écrit :

Steuf a écrit :

J'ai gardé le nom, car j'avais juste un point à rajouter ;-) je les
changerais lors de la mise ne ligne, pour l'instant c'est de l'essais ;-)


Si on aborde le côté sémantique de la chose, il serait quand même plus
judicieux, sans doute, de faire un <h1>, ou <h2>, selon ton
arborescence, puis de faire une liste de liens pour les sous-catégories.
Un titre implique un contenu (en ligne)...

Oui logique, don je recode lol.

et pas utiliser des hx, tout simplement.


Les <hx> ne respecte pas les dimentionne que je leur donne par
exemple, je leur dit 25Px il me le fait plus grand avec des <hx>...,
Donc j'ai mis des dic avec des class tout simplement.


Ils le respectent si tu initialises les marges par défaut avec "margin:
0%; padding: 0%;"
Ce n'est pas de là que vient le problème ?!

Mdr, j'avais un peu de mal hier soir... Donc oui c'était ça. Bon bah
impeccable tout ça !

J'avoue ne pas comprendre, là...


Le fait d'avoir garder des class nommée hx est une question pratique,
j'avais pas envie de renommer les class, j'avais pas trop le temps, je
voulais réussir à faire marcher ça ce soir, et c'est bon là, le code
est même accepté par W3C... Donc que demander de plus ;-) C'est
parfait je vais pouvoir dormir là, parce que je voulais absolument
résoudre ce probléme ce soir, et encore merci de m'avoir mis sur la
voix !


J'espère que tu auras passé une bonne nuit, donc... )

Mouarf, beaucoup trop courte à peine quelques heures.

--
http://extantpc.free.fr Bonne visite ! --> Nous recrutons !
Comparatif des offres FAI, Overclocking, Test, News, Petites annonces
Etc....
Pour m'envoyer un mail, retirez NoSpam de mon adresse. Steuf

Steuf a écrit :

Xavier Robin a écrit :
soit conserver un tableau,

Bah il parait que c'est pas trop standart HTML, c'est pour ça que je
voulais changer...

Tout à fait, à toi de voir si c'est une concession que tu es prêt à faire.

soit alors, et c'est la meilleure solution, trouver une autre méthode
plus originale de mise en page et ne pas vouloir reproduire à
l'identique une mise en page telle qu'elle était construite avec des
tableaux...


C'est à dire ?

Faire un truc totalement différent, une mise en page qui n'aurait rien à

voir avec l'actuelle. C'est souvent le problème, ce n'est pas vraiment
possible de reproduire une mise en page en CSS à l'identique de ce
qu'elle était avec les tableaux.

Mieux vaut en profiter pour revoir complètement le design ;-)

Mais bien ce n'est pas forcément facile non plus, à toi de voir !

Xavier Robin a écrit :

Steuf a écrit :

Xavier Robin a écrit :

soit conserver un tableau,


Bah il parait que c'est pas trop standart HTML, c'est pour ça que je
voulais changer...

Tout à fait, à toi de voir si c'est une concession que tu es prêt à faire.

Vu que mon But est de rendre standart et conforme aux exigences du W3C,
je ne ferais pas cette conscession ;-)

soit alors, et c'est la meilleure solution, trouver une autre méthode
plus originale de mise en page et ne pas vouloir reproduire à
l'identique une mise en page telle qu'elle était construite avec des
tableaux...



C'est à dire ?

Faire un truc totalement différent, une mise en page qui n'aurait rien à
voir avec l'actuelle. C'est souvent le problème, ce n'est pas vraiment
possible de reproduire une mise en page en CSS à l'identique de ce
qu'elle était avec les tableaux.

Oui c'est certains, je devrais s'il le faut changer certaines choses...
Mais la solution exposée sur ce fil est concluante à mon goût, et
correspond bien à mes attentes.

Mieux vaut en profiter pour revoir complètement le design ;-)

Ouai, mais là ça me ferait une sacré surcharge de travail, et comme je
suis contente de celle ci, je vais faire avec, normalement pour le reste
je n'aurais plus de probléme, c'était juste pour les menus, mais la ça
fonctionne donc je crois que pour l'instant j'en resterais là, car j'ai
une centaine de page à migrer dérriére !

Mais bien ce n'est pas forcément facile non plus, à toi de voir !

La facilité m'importe, je veux juste arriver à ce que je veux faire,
mais je préfére faire chaque chose en son temps... Merci pour tes conseils !

--
http://extantpc.free.fr Bonne visite ! --> Nous recrutons !
Comparatif des offres FAI, Overclocking, Test, News, Petites annonces
Etc....
Pour m'envoyer un mail, retirez NoSpam de mon adresse. Steuf

Xavier Robin a écrit :

Pour finir quand tu aura fini ton design tu pourra mettre la feuille de
style dans un fichier externe, pour gagner de la place.

Surtout pour gagner en facilité de maintenance, non ?! )

Steuf a écrit :

Xavier Robin a écrit :
Tu peux utiliser les listes ul interrompue par des <hx> ou bien alors
tu peux utiliser les listes de définition :

Quel est la différence entre les deux ? Moi les <hx> me conviennent
bien, ça fonctionne comme je le veux donc je pense pas le changer.

Si tu mets des puces c'est que sémantiquement tu souhaites faire une
liste...
C'est vrai qu'il n'y a rien de bien défini pour faire un menu, c'est
bien dommage

Que je résume, niveau accessibilité il faut utiliser autre chose que des
PX pour définir la taille. soit. En fait je ne savais pas que l'on
pouvait redimentionner les tailles des polices... Je viens de découvrir
cela !

Dans Mozilla et Opera : Ctrl + (les deux navigateurs ont un mode de
redimentionnement très différent, Mozilla agrandit le texte, Opera fait
un vrai zoom (aussi sur les images)).

Dans IE Affichage > taille du texte pour les polices en taille relative.

On peut aussi mettre des tailles minimales dans plus ou moins tous les
navigateurs, ou alors passer par les feuilles de style utilisateur pour
éliminer les body{font-size:0.8em} qui sont courrants sur les sites web.

Bah pour ça je dirais que je n'ai pas vraiment de solution par pallier à
ce probléme :-(, si tu pouvais m'envoyer un screen pour que je vois ça
ça serait sympa ! Merci

Si tu as Mozilla tu fais deux fois Ctrl + (le plus sur le pavé
numérique) et tu verra plus ou moins ce que je veux dire (je vois en
fait un intermédiaire entre le premier zoom et le deuxième)

Xavier