Programmation » Alignement vertical en CSS
    Catégorie:  
       
    Alignement vertical en CSS
    Publié le 21/01/2007 @ 11:12:32,
    Par renato
    Bonjour, j'ai 2 boîtes en CSS, un petit bloc texte dans un grand bloc et j'aimerais que le petit bloc de texte soit centré (en vertical et en horizontal) dans le + grand bloc.

    Le code CSS :
    #texte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    position: absolute;
    left: 0px;
    top: 0px;
    }

    #conteneur {
    position: relative;
    background-color: #6699CC;
    height: 120px;
    width: 250px;
    }
    -->
    </style>

    Le code en Html :
    <div id="conteneur">
    <h1 id="texte">Les alignements</h1>
    </div>

    Merci pour vos conseils.
    A +
    Fichier: file_49292_ok.gif ( 9.4 KB - 946 )
       
    Alignement vertical en CSS
    Publié le 22/01/2007 @ 08:00:37,
    Par renato
    Bonjour, j'ai reçu un message me disant que l'utilisateur "cauet" venait de poster une réponse à mon message, mais sur ce Forum je ne vois pas la réponse en question.
    Donc, vous avez dit Bizarre ?
    Où est la réponse ?
    A +
       
    Alignement vertical en CSS
    Publié le 22/01/2007 @ 08:51:32,
    Par Jean-Christophe
    peut-être l'a-t-il effacée ensuite :spamafote:
       
    Alignement vertical en CSS
    Publié le 22/01/2007 @ 09:39:20,
    Par cauet
    oui.
    a tu regardé la commande 'vertical-align'?
       
    Alignement vertical en CSS
    Publié le 01/08/2007 @ 20:54:13,
    Par Krafton
    salut,

    Le probleme c'est que 'vertical-align', a ma connaissance, ne s'applique qu'aux cellules de table.

    Tu peux essayer ca :

    Ca c'est la solution comme il faudrait, mais cela ne marches pas avec ie6 (seulement a parti de la version 7)

    <html>
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    #texte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000; }
    #conteneur {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #6699CC;
    width: 500px;
    height: 300px; }
    -->
    </style>
    </head>
    <body>
    <div id="conteneur">
    <h1 id="texte">Les alignements</h1>
    </div>
    </body>
    </html>

    Je te conseilles de le faire comme ca :

    <html>
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body { margin: 20px; }
    #texte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    position:relative;
    top:50%;
    margin-top:-12px; /* taille de ta font */
    }
    #conteneur {
    text-align:center;
    background-color: #6699CC;
    width:500px;
    height:300px;
    border:1px solid #6699CC; /* faut laisser ca */
    }
    -->
    </style>
    </head>
    <body>
    <div id="conteneur">
    <h1 id="texte">Les alignements</h1>
    </div>
    </body>
    </html>

    Chez moi ca marches.

    Dernière édition: 01/08/2007 @ 20:57:22
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 11:16:37,
    Par zion
    Je pense que 7 mois après il a abandonné... Ou il a trouvé :petrus:
    Je suis le Roy :ocube:
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 11:28:29,
    Par kortenberg
    mais le suivant qui fait une recherche, il sera bien content de trouver une réponse.
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 11:53:46,
    Par Krafton
    En effet, j'avais pas regarde la date :smile:

    Il est mort ce forum.

    Bah peut-etre que ca aideras quelq'un un jour, comme c'est parti ca risques pas de quitter la premiere page
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 11:59:20,
    Par zion

    Il est mort ce forum.


    Mais il est gentil en plus le nouveau :oh:
    Je suis le Roy :ocube:
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:14:43,
    Par ovh
    Ca doit pas être un habitué des forums...
    Sur tous les forums du monde il existe des topics laissés à l'abandon, souvent même par le posteur initial comme c'est le cas ici :wink:
    Je n'ai rien à voir avec www.ovh.com
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:16:30,
    Par zion
    Disons qu'à part HFR ou ton topic disparait le jour même, même sur développez.net qui est énorme dans la section kylix y a des topics de quasi 2 ans sur la première page ... :oh:
    Je suis le Roy :ocube:
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:16:52,
    Par tuloravoulu
    Si c'est son site , il n'a pas vraiment de leçons à donner. :spamafote:
    "L'amour pour épée, l'humour pour bouclier." Bernard Werber
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:20:18,
    Par zion
    tutu> Oui mais non, ça va dégénérer :ddr555:
    Je suis le Roy :ocube:
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:27:08,
    Par Clandestino
    zion > Et alors ? Tu sais bien qu'on n'attend que ça :whistle:
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:47:37,
    Par Krafton
    Qu'elle agressivite...

    1 - Je suis pas un habitue des forums.
    2 - Les topics abandonnes il-y-en a toujours, mais en premiere pages un topic sans reponses depuis 7 mois, c'est rare.
    je vais souvent sur http://www.alsacreations.com/ pour trouver de l'aide, en general les topics de plus d'une semaine se trouvent en page 2
    3 - Je ne pretends pas de donner de lecons, le probleme rencontre, je l'ai eu aussi, je voulais simplement aider.
    4 - Desole si mes remarques on blesses quelq'un c'etait pas le but
    5 - Vous devriez passer moins de temps a reagir de la sorte, aidez plustot les personnes qui viennent ici pour trouver de l'aide. (Peut-etre qu'il y aurais mois de topics abandonnes).

    Je m'etais inscrit ici, parce que je trouvais que c'etait une initiative interessante, vu l'accueil, je le regrete. Je ne viendrais plus vous embeter...
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 12:51:25,
    Par zion

    1 - Je suis pas un habitue des forums.


    Ca se voit, on arrive pas dans un groupe de gens en criant "éééh salut les loosers" en espérant après avoir un grand sourire.


    2 - Les topics abandonnes il-y-en a toujours, mais en premiere pages un topic sans reponses depuis 7 mois, c'est rare.


    Pas du tout, ca dépend des forums et des catégories.


    5 - Vous devriez passer moins de temps a reagir de la sorte, aidez plustot les personnes qui viennent ici pour trouver de l'aide. (Peut-etre qu'il y aurais mois de topics abandonnes).


    cfr le point 1, le ton est vraiment pas approprié.
    Je suis le Roy :ocube:
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 13:26:31,
    Par max
    Démasqués ! Nous sommes démasqués !

    En effet, nous ne sommes pas des informaticiens mais nous professons dans la noble et belle catégorie des éleveurs d'animaux à fourrure.

    Comme nous en avions marre de nous ramasser tous les défenseurs de la cause animale sur notre ancien forum, nous avons créer celui-ci de toute pièce pour pouvoir continuer notre activité en toute quiétude.

    Je remercie Krafton d'avoir mis en évidence une faille dans notre système.

    :smile:



    Je vais tout de même le remercier vraiment pour avoir pris la peine de s'être inscrit et d'avoir apporté une réponse, ça partait d'un bon sentiment. Le ton et la forme des réponse qui ont suivi (d'un côté comme de l'autre) ont pris un tour désolant. Les boutades sur les forums internetiens, c'est tout un art, il est préférable de bien connaitre son publique (ou de tricher avec une tonne de smiley).


    Max,
    médiateur de la cause des éléveurs d'animaux à fourrure informaticiens (les éléveurs ou les animaux ? nul ne le sait)



    Trololo
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 13:40:54,
    Par Poire
    La réponse c'est qu'il faut utiliser line-height
    http://wiki.mediabox.fr/documentation/css/line-height
    http://forum.alsacreations.com/faq/faq-3-Comment-centrer-verticalement-un-element-.html
    http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
    :topicalacon:
    Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
    Photos
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 13:52:01,
    Par gizmo
    Disons qu'à part HFR ou ton topic disparait le jour même, même sur développez.net qui est énorme dans la section kylix y a des topics de quasi 2 ans sur la première page ... :oh:

    ouais, mais d'un autre cote, Kylix, c'est mort, donc c'est normal :oh:
    Concept vivant.
       
    Alignement vertical en CSS
    Publié le 02/08/2007 @ 13:53:43,
    Par zion

    ouais, mais d'un autre cote, Kylix, c'est mort, donc c'est normal :oh:


    Je l'attendais celle la :ddr555:
    Je suis le Roy :ocube:
    Répondre - Catégorie:  
    Informaticien.be - © 2002-2024 AkretioSPRL  - Generated via Kelare
    The Akretio Network: Akretio - Freedelity - KelCommerce - Votre publicité sur informaticien.be ?