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 :

Aligner verticalement une div


Sujet :

HTML

  1. #1
    Membre régulier
    Homme Profil pro
    Inscrit en
    janvier 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : janvier 2008
    Messages : 306
    Points : 106
    Points
    106
    Par défaut Aligner verticalement une div
    Bonjour,

    Je n'arrive pas a aligner verticalement mon div info. En effet, je souhaiterais le positionner de façon a ce qu'il soit toujours en haut de mon cadre quelque soit la taille et le contenu de celui-ci.

    Comment faire ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <table>
    <tr>
    <td></td>
    <td style="border:1px solid black; width:100%"> 
    <div id="info" style="height:30px; width:100%; background-color:black; color:white">Informations</div>
     
    <br />
    informations...
    </td>
    </tr>
     
    <tr>
    ....
    Merci d'avance pour vos réponses

  2. #2
    Membre averti Avatar de Jérémie A.
    Profil pro
    Inscrit en
    août 2008
    Messages
    270
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : Belgique

    Informations forums :
    Inscription : août 2008
    Messages : 270
    Points : 439
    Points
    439
    Par défaut
    Vu que tu travailles dans un contexte de tableaux, sur le "td" tu peux placer la propriété CSS "vertical-align: top;" ou "vertical-align: center;" dépendant de ce que tu veux faire. Cela devrait fonctionner.

  3. #3
    Membre éclairé Avatar de tigunn
    Homme Profil pro
    Développeur de bug
    Inscrit en
    janvier 2003
    Messages
    608
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Développeur de bug

    Informations forums :
    Inscription : janvier 2003
    Messages : 608
    Points : 658
    Points
    658
    Par défaut
    juste une question comme ça: la div dans le tableau c'est pourquoi faire?
    Le monde se divise en deux: ceux qui utilisent le tag et les autres.

  4. #4
    Membre régulier
    Homme Profil pro
    Inscrit en
    janvier 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : janvier 2008
    Messages : 306
    Points : 106
    Points
    106
    Par défaut
    Citation Envoyé par tigunn Voir le message
    juste une question comme ça: la div dans le tableau c'est pourquoi faire?
    Salut,

    Désolé pour ma réponse tardive.
    Je fais ca pour créer un background-color sur le texte.

    Les tableaux c'est nul je sais mais en utilisant CSS j'ai systématiquement des problèmes d'affichage avec l'affichage de compatibilité.

    Cordialement

Discussions similaires

  1. Aligner verticalement une image plus grande dans un div
    Par c13303 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 28/04/2014, 11h23
  2. Aligner verticalement une image sur une ligne
    Par Tristan Zwingelstein dans le forum Word
    Réponses: 4
    Dernier message: 24/08/2010, 02h46
  3. Aligner verticalement une image et du texte
    Par Flackou dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 06/11/2008, 16h01
  4. Aligner verticalement un <div>
    Par Michaël dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 07/12/2005, 10h12

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