Aligner verticalement un texte vers le bas (css inside)

Aligner verticalement un texte vers le bas (css inside) - HTML/CSS - Programmation

Marsh Posté le 14-01-2003 à 10:56:12    

Deja bonjour!   :hello:  
J'aimerai afficher un texte dans un calque, mais que ce bloc de texte soit affiché en bas du calque...
Mais j'aimerai aussi que si le texte est trop grand (donc il depassera par le haut du calque.. logique..) ben quil soit coupé/caché..
 
Le calque doit donc avoir des dimensions fixes, maximum..
Donc j'ai essayé, et ça ne marche pas..  :(  
 
Pour résumer:
J'aimerai que l'overflow du texte depasse par le haut et non pas par le bas... et, evidemment, quil soit caché..
Jvous montre le code :


Message édité par Mr yvele le 14-01-2003 à 11:17:45

---------------
yvele n'est plus.
Reply

Marsh Posté le 14-01-2003 à 10:56:12   

Reply

Marsh Posté le 14-01-2003 à 11:01:38    

voici ce que j'ai fait, et comme vous le voyez, ça ne marche pas... le texte apparait toujours en haut du calque  :sweat:  
 

Code :
  1. <html>
  2. <style type="text/css">
  3. #a
  4. {
  5.  position: absolute;
  6.  border: 1px solid #FF0000;
  7.  top: 10px;
  8.  left: 50px;
  9.  height: 500px;
  10.  width: 300px;
  11.  /*max-width:300px;*/
  12.  /*max-height:200px;*/
  13.  overflow: hidden;
  14.  vertical-align: bottom;
  15. }
  16. </style>
  17. <boby>
  18. <div id="a">
  19. coucou<br>
  20. comment<br>
  21. ca<br>
  22. va<br>
  23. bien<br>
  24. ?<br>
  25. coucou<br>
  26. comment<br>
  27. ca<br>
  28. va<br>
  29. bien<br>
  30. ?<br>
  31. </div>
  32. </body>
  33. </html>


---------------
yvele n'est plus.
Reply

Marsh Posté le 14-01-2003 à 11:05:36    

j'arrive non plus pas a aligner verticalement au milieu...
please help!


---------------
yvele n'est plus.
Reply

Marsh Posté le 14-01-2003 à 11:44:14    

c bon j'ai trouvé!!!!  :D


---------------
yvele n'est plus.
Reply

Marsh Posté le 14-01-2003 à 11:46:52    

Bon, j'ai une solution tirée par les cheveux et qui risque de ne pas marcher partout.
 
Ajoute à ton style les propriétés suivantes :
 
display: table-cell;
(pour que vertical-align s'applique)
 
clip: rect(0px, 0px, 0px, 0px);
qui représente le rectangle où doit s'afficher le texte (les coordonnées représentent les distances aux bords du DIV). Voir : http://www.yoyodesign.org/doc/w3c/ [...] opdef-clip


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-01-2003 à 11:47:10    

Reply

Marsh Posté le 14-01-2003 à 12:19:31    

gm_superstar a écrit :


Ah comment ?


 
jsuis trop content... j'ai galéré pour trouvé, mais ça marche impec' !!
Mon chat barde sa race maintenant...  :D  
 

Code :
  1. <html>
  2. <style type="text/css">
  3. #a
  4. {
  5.  border: 1px solid #FF0000;
  6.  top: 10px;
  7.  left: 10px;
  8.  height: 200px;
  9.  width: 100px;
  10.  /*max-width:500px;*/
  11.  /*max-height:100px;*/
  12.  overflow: hidden;
  13. }
  14. #b
  15. {
  16.  border: 1px solid #00FF00;
  17.  bottom: 0px;
  18.  position: absolute;
  19. }
  20. </style>
  21. <body>
  23. <div id="a">
  26. <span id="b">
  27. arf<br>
  28. Une ligne de texte<br>
  29. Ceci est un tableau avec<br>
  30. trois colonnes. L'alignement<br>
  31. vertical d'éléments<br>
  32. a à<br>
  33. vrai dire surtout un sens pour <br>
  34. des éléments juxtaposé<br>
  35. s comme des cellules de
  36. tableau. Cette deuxième colonne <br>
  37. a été alignée <br>
  38. verticalement dans le<br>
  39. repère <td>avec la mention<br>
  40. arf<br>
  41. arf<br>
  43. </span>
  45. </div>
  46. </body>
  47. </html>


 
 [:zebra33]


---------------
yvele n'est plus.
Reply

Marsh Posté le 14-01-2003 à 12:22:37    

Mais si le texte est trop long ça va sortir normalement


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-01-2003 à 12:24:15    

gm_superstar a écrit :

Mais si le texte est trop long ça va sortir normalement


 
nop... nan ça sort pas... ça passe a la ligne...
classe hein!  ;)


---------------
yvele n'est plus.
Reply

Marsh Posté le 14-01-2003 à 12:27:56    

Bon ben j'ai rien compris à ce que tu voulais faire :D


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-01-2003 à 12:27:56   

Reply

Marsh Posté le 14-01-2003 à 12:34:45    

gm_superstar a écrit :

Bon ben j'ai rien compris à ce que tu voulais faire :D


 
heu ben en fait c'est pour un chat...
il faut que le texte sois aligné verticallement vers le bas, que ce qui depasse vers le haut soit coupé et que rien ne depasse des cotés, que ça passe a la ligne...
vouala..
comme dans caramail koi.. mais sans putain de frames!! (ok je sais que caramail c'est du java... on va pas chipoter!  :D  )
 
bref, ça marche..


---------------
yvele n'est plus.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed