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 :

Alignement vertical d'une cellule


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Inscrit en
    Janvier 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2013
    Messages : 2
    Par défaut Alignement vertical d'une cellule
    Bonjour à tous,

    Je suis nouveau, et aussi une nul en web dev, d’où ma présence.
    je souhaite faire quelque chose de très simple mais qui manifestement est pas jouable.
    en effet, je suis dans la photo et donc je fais mon propre site internet.
    souhaitant quelque chose de très simple en lecture, j'ai juste crée une cellule dans laquelle j’insère mes photos, en navigation scroll horizontal. j'utilise pour cela freeway ( mac os x ). je souhaite que cette cellule soit aligné verticalement dans la page. j'ai essayé avec komposer et bluegriffon et collant middle sur cette fichu cellule mais rien n'y fait, elle reste toujours collée en haut.
    voilà ci-dessous mon site et le lien suivant est ce que je souhaite avoir ( cms payant mais trop chère par rapport à leur formule ) et j'ai déjà lâché des sous pour freeway.

    mon site : www.nicolaslouis.com
    le site de référence : www.nicolaslouis.4ormat.com

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour et bienvenue sur DVP.
    ...en effet, je suis dans la photo et donc je fais mon propre site internet.
    il est évident que cela coule de source

    je souhaite que cette cellule soit aligné verticalement dans la page.
    il existe pour cela une méthode dite des "marges" négatives.

    Pour ce faire, on place l'élément au milieu de la page via un top:50%;, et on lui octroie une marge négative égale à la moitié de sa hauteur.

    Pour que cela fonctionne il faut que l’élément soit placé en absolute donc qu'il ait également une largeur de définie.
    exemple :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    #id_de_la_div{
      position:absolute;
      top:50%;
      height:500px;
      margin-top:-250px;
      width:100%;
    }

  3. #3
    Nouveau candidat au Club
    Homme Profil pro
    Inscrit en
    Janvier 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2013
    Messages : 2
    Par défaut
    merci pour ta réponse, je test ca.

Discussions similaires

  1. alignement vertical d'une puce
    Par mdr_cedrick dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/06/2009, 17h27
  2. Alignement vertical dans une cellule
    Par afrodje dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 21/01/2009, 15h29
  3. Alignement vertical d'une balise DD
    Par Prue dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/08/2008, 10h18
  4. Alignement verticale dans une cellule td de tableau table
    Par Longrais dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 16/09/2005, 11h37
  5. aligner verticalement dans une cellule
    Par mic79 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 28/12/2004, 10h52

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