IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML] Positionnement du texte


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Inscrit en
    Août 2008
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 15
    Par défaut [HTML] Positionnement du texte
    Bonjour a tous et toutes
    Voila mon probleme j essai desesperement dans un tableau et 2 colonne d'ecrire un texte,dans la colonne de droite 3 lignes d'1 images de 131 px chacune sachant que le tableau fait 990px : 393px le probleme est que quand j'ecris mon texte dans la colonne de gauche le texte se positionne au milieu du dit tableau alors que je souhaite que certains textes soient en haut , d'autres a droite etc etc suis je obligé de passé par le css obligatoirement ??

    merci a vous tous et toutes et surtout bon été

  2. #2
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    peut etre qu'il y a un autre moyen mais CSS est le plus simple .... et le seul je pense
    regarde la proprieté vertical-align pour ecrire en haut , en bas ....

  3. #3
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Par défaut, les éléments d'une cellule sont centrés verticalement.

    Si tu veux les afficher en haut de la cellule, tu peux utiliser la propriété VALIGN dans le code HTML

    Ex : <td valign="top">

    Pour aligner les textes à gauche, au centre ou à droite, tu peux utiliser la propriété ALIGN

    Ex : <td align="right"> ou <td align="center">

  4. #4
    Membre habitué
    Inscrit en
    Août 2008
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 15
    Par défaut merci et encore une question
    merci ca confirme
    cela etant maintenant une autre question j ai donc une 3 lignes et 2 colonnes sur ma colonne de droite 3 images de 131 px / 217 px et sur la gauche d environ 773 px
    (773 + 217= 990px ) taille de mon tab
    je souhaite que mon texte s'adapte sur l 'ensemble de la tr de gauche et qu il ne me deplace pas apres les images de droite


    merci

  5. #5
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    J'avoue avoir un peu de mal à comprendre ce que tu dis. Si tu pouvais faire un effort sur la ponctuation ce serait sympa.

    Comment est structuré ton tableau actuellement ?
    Où mets-tu ton texte dans la colonne de gauche ? Je ne vois pas comment il peut apparaître "après" les images de la colonne de droite ??


    Normalement, ton tableau doit ressembler à ça (shématiquement) :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <table>
      <tr>
        <td>?</td>
        <td>?</td>
        <td>?</td>
     </tr>
      <tr>
        <td>image</td>
        <td>image</td>
        <td>image</td>
     </tr>
    </table>

    Si tu veux que ton texte (colonne de gauche) occupe la même place en hauteur que l'ensemble des cellules de la colonne de droite, alors tu peux fusionner les trois cellules de la colonne de gauche, comme ça :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <table>
      <tr>
        <td rowspan="3">Texte</td>
     </tr>
      <tr>
        <td>image</td>
        <td>image</td>
        <td>image</td>
     </tr>
    </table>

    Tu peux montrer à quoi ressemble ton tableau et tenter d'expliquer plus clairement à quel résultat tu veux arriver ?

  6. #6
    Membre habitué
    Inscrit en
    Août 2008
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 15
    Par défaut voici ce que tu demande css et merci encore de ton aide
    voici le tableau donc les images d un coté et de l autre la partie ou le texte sera merci de votre aide
    Images attachées Images attachées  

  7. #7
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    sinon si tu veux mettre ton texte au pixel pres ... bon c'est vraiment la méthode bourin et qui restreint pas mal les évolutions .. ( ex si tu change les tailles d'images ben ton image et texte seront confondus .... )

    utilise : position: absolute

Discussions similaires

  1. [HTML] Positionnement d'une Tooltip
    Par rosask dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 27/07/2005, 17h54
  2. [HTML]Positionnement DIV
    Par flzox dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/07/2005, 09h44
  3. [HTML] input type text et Focus
    Par Stessy dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/06/2005, 14h06
  4. [CSS + HTML 4.01] Texte debordant de son div parent
    Par prgasp77 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/01/2005, 00h07
  5. covertir du html en pur text
    Par faamugol dans le forum ASP
    Réponses: 2
    Dernier message: 16/04/2004, 14h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo