CSS : Flottement de tableaux combiné avec du texte justifié

CSS : Flottement de tableaux combiné avec du texte justifié - HTML/CSS - Programmation

Marsh Posté le 14-10-2005 à 03:44:54    

Bonjour à tous
J'ai le problème suivant : je désire insérer par flottement deux tableaux, entre des balises <td></td> d'un autre tableau contenant du texte justifié. En gros je souhaiterais obtenir :
 
http://www.u-blog.net/ElMatadorYTyrannos/img/Exemple.GIF si le texte est important
 
http://www.u-blog.net/ElMatadorYTyrannos/img/Exemple2.GIF si le texte est moins long
 
Mon problème vient du tableau n°2... En effet il n'existe pas (à ma connaissance :D ) d'attribut de flottement permettant à un élément de rester fixé sur le bas d'un conteneur... En gros j'obtiens ça :
 
http://www.u-blog.net/ElMatadorYTyrannos/img/Exemple3.GIF le tableau n°2 revient à la ligne à la fin du texte.
Sachant qu'il m'est impossible de connaître la taille de mon texte (ça varie d'une page sur l'autre... c'est du PHP) et de mes tableaux, d'insérer le tableau au coeur de mon texte, de connaître la distance des tableaux avec le bord de la fenêtre (les tableaux changent de place lorsqu'on change la taille de la fenêtre), qu'il m'est impossible de faire des paragraphes et que je ne dois absolument pas changer la nature de mes deux tableaux ; comment est-il possible que le tableau n°2 reste au bas du conteneur et reste incrusté dans du texte justifié ?
 
Je vous donne ce que j'ai pu obtenir jusquà maintenant :

Code :
  1. (...)
  2. <td>
  3.   <table id="table1" style="float:right;">
  4.     (...)
  5.   </table>
  6.   <div id="monTexte" style="text-align:justify;">Texte (...)</div>
  7.   <table id="table2" style="float:right;">
  8.     (...)
  9.   </table>
  10. </td>
  11. (...)


 
Merci d'avance

Reply

Marsh Posté le 14-10-2005 à 03:44:54   

Reply

Marsh Posté le 14-10-2005 à 03:54:33    

tes tableaux il contiennent des données tabulaires ou juste du texte ?  
si c'est juste du texte vire moi tes putains de tableau
 
ensuite pour positionner un élément en  bas à droite d'un autre il suffit de faire ca :  
 
#elementpere {
  position:relative;
}
 
#elementpere #elementfils{
  position:absolute;
  bottom:0;
  right:0
}


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 14-10-2005 à 07:39:15    

Je suis d'accord ; ça permet de coller mon tableau n°2 en bas à droite... seulement ça recouvre mon texte qui du coup n'est plus vraiment justifié ! Bref je me retrouverais dans ce cas là :
 
http://www.u-blog.net/ElMatadorYTyrannos/img/Exemple4.GIF
 
Et non ce n'est pas uniquement du texte qui est à l'intérieur de mes tableaux d'où le fait que j'ai précisé que je ne peux changer la nature de mes tableaux.
 
Merci quand même de l'idée... mais il n'y en a pas une qui marche vraiment ? Serait-ce impossible ?
 
PS : On dit pas "Putain" on dit "Maman travaille" ! :D


Message édité par Nullos-Css le 14-10-2005 à 07:42:24
Reply

Marsh Posté le 14-10-2005 à 08:43:48    

Dans ton texte y a pas une sorte d'intro ?  
 
Sinon ton texte serait en deux parties, chacune avec un des tableaux. Un float:right; à chaque fois, et ça règlerai le problème...
 
PS/Edit : niveau sémantique c'est plus trop ça si t'as pas d'intro, mais bon ...


Message édité par Roane le 14-10-2005 à 08:44:17

---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 14-10-2005 à 11:00:56    

Pas d'intro ni de paragraphes prédéfinis non... Encore une fois le but est que ce tableau colle le bord du bas de la cellule... La solution ne serait pas si évidente :p . Y en avait une qui consistait à insérer le tableau au coeur du texte de manière à ce que la dernière phrase corresponde pile à la fin du tableau ; mais qui n'était pas valable parce que la taille du texte varie ou l'utilisateur peut réduire ou agrandir sa fenêtre.

Reply

Marsh Posté le 14-10-2005 à 11:22:24    

ben ya pas de solutions mon petit


---------------
Les CSS c'est bon mangez-en
Reply

Sujets relatifs:

Leave a Replay

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