Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2679 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aligner verticalement un texte vers le bas (css inside)

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aligner verticalement un texte vers le bas (css inside)

n°285806
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 10:56:12  profilanswer
 

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.
mood
Publicité
Posté le 14-01-2003 à 10:56:12  profilanswer
 

n°285810
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 11:01:38  profilanswer
 

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.
n°285815
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 11:05:36  profilanswer
 

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


---------------
yvele n'est plus.
n°285834
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 11:44:14  profilanswer
 

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


---------------
yvele n'est plus.
n°285836
gm_superst​ar
Appelez-moi Super
Posté le 14-01-2003 à 11:46:52  profilanswer
 

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
n°285837
gm_superst​ar
Appelez-moi Super
Posté le 14-01-2003 à 11:47:10  profilanswer
 
n°285852
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 12:19:31  profilanswer
 

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.
n°285854
gm_superst​ar
Appelez-moi Super
Posté le 14-01-2003 à 12:22:37  profilanswer
 

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
n°285857
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 12:24:15  profilanswer
 

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.
n°285860
gm_superst​ar
Appelez-moi Super
Posté le 14-01-2003 à 12:27:56  profilanswer
 

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
mood
Publicité
Posté le 14-01-2003 à 12:27:56  profilanswer
 

n°285866
Mr yvele
yvele n'est plus.
Posté le 14-01-2003 à 12:34:45  profilanswer
 

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.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aligner verticalement un texte vers le bas (css inside)

 

Sujets relatifs
Nombre de lignes dans un texteRediriger vers une page en PHP
écrire dans un fichier texte a un endroit précisXHTML 1.1 Strict: aligner autre chose que du texte
[XHTML] Aligner du texte à gauche dans un tableauProbleme de retour d'un servlet vers un jsp
recherche algo balistique (bonus : jeux inside ! )Lecture d'un fichier texte contenant des entiers...
Plus de sujets relatifs à : Aligner verticalement un texte vers le bas (css inside)

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.053 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR