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 :

comment centrer la page


Sujet :

HTML

  1. #21
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 50
    Par défaut
    Est ce que tu pourrai mettre le code que tu as utilisé pour que ca marche??

    Ca pourrai aider.

    Merci

  2. #22
    Membre confirmé Avatar de Bobybx
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Avril 2005
    Messages : 122
    Par défaut
    Et n'oublie pas en passant de cliquer sur le bouton "Résolu"

  3. #23
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 60
    Par défaut
    C'est le code de Masu :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Document sans nom</title>
    <style type="text/css">
    /* ceci est une feuille de style css */
    body {
    background: url(visuels/intro.jpg) no-repeat center center;
    }
    </style>
    </head>

    <body>

    </body>
    </html>

  4. #24
    Membre très actif
    Homme Profil pro
    Inscrit en
    Avril 2005
    Messages
    614
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Turquie

    Informations forums :
    Inscription : Avril 2005
    Messages : 614
    Par défaut
    Citation Envoyé par masu
    ca ne centre rien de facon verticale ton code si ?
    non çà centre horizontalement, comme l'a demandé epona1

  5. #25
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    Citation Envoyé par epona1
    Bonjour
    Comment fait-on pour centrer sa page dans la fenêtre? Je prépare mon site sur Dreamweaver et je n'ai trouvé de réponse que pour le centrage horizontal.
    Ce qui sous entendait pour moi que epona1 souhaitait aussi un centrage vertical.

  6. #26
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 60
    Par défaut
    Avec ce code, le centrage est horizontal et vertical.

    Par contre (cf nouvelle discussion) je n'arrive plus à mettre de zone réactive sur l'image de fond. Et si j'insère une nouvelle image, elle se ballade en haut de la fenêtre

  7. #27
    Membre très actif
    Homme Profil pro
    Inscrit en
    Avril 2005
    Messages
    614
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Turquie

    Informations forums :
    Inscription : Avril 2005
    Messages : 614
    Par défaut
    autant pour moi alors, j'avais pas compris

  8. #28
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 60
    Par défaut
    Pour ne pas mourir idiote, j'ai tout viré, recréé une page avec le code de Masu pour centrer la page (et pas seulement l'image), en supprimant juste la ligne de mon image qui venait en double. Et là tout marche comme sur des roulettes !

    pour info :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Document sans nom</title>
    <style type="text/css">
    /* ceci est une feuille de style css */
    #content {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -500px;/*- la 1/2 de la largeur*/
    margin-top: -325px;/*- la 1/2 de la hauteur*/
    width: 1000px;
    height: 650px;
    background: #0EE;
    }
    </style>
    </head>

    <body>
    <div id="content">
    <img src="visuels/intro.jpg" width="1000" height="650" />
    </div>
    </body>
    </html>

  9. #29
    Membre très actif
    Homme Profil pro
    Inscrit en
    Avril 2005
    Messages
    614
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Turquie

    Informations forums :
    Inscription : Avril 2005
    Messages : 614
    Par défaut
    le problème du position absolute, c'est que tes éléments interne à celui là ne dépenderont pas de cet élément pour le positionnement, ce qui peut être contraignant je pense

  10. #30
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    Citation Envoyé par maximenet
    le problème du position absolute, c'est que tes éléments interne à celui là ne dépenderont pas de cet élément pour le positionnement, ce qui peut être contraignant je pense
    As-tu une solution autre pour centrer la page de facon verticale ? Car si oui ca m'interesse, je l'ajouterai avec plaisir a mes petits bout de code tout pres

    ---------------------------------
    un detail epona1 pense a utiliser la balise code. le # dans la barre d'outil du forum.

  11. #31
    Membre très actif
    Homme Profil pro
    Inscrit en
    Avril 2005
    Messages
    614
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Turquie

    Informations forums :
    Inscription : Avril 2005
    Messages : 614
    Par défaut
    héhé je t'avoue que je n'avais encore jamais penser à faire un centrage vertical.
    mais j'imagine que logiquement si on peut centré en horizontal avec ma méthode çà doit pouvoir marché de meme en vertical.

    au lieu de mettre margin:0 auto, il faudrai margin:auto auto.

    enfin à tester

  12. #32
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    malheureusement non ca ne marche pas :/

  13. #33
    Membre très actif
    Homme Profil pro
    Inscrit en
    Avril 2005
    Messages
    614
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Turquie

    Informations forums :
    Inscription : Avril 2005
    Messages : 614
    Par défaut
    lol c'était trop simple sinon

  14. #34
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 60
    Par défaut
    "le problème du position absolute, c'est que tes éléments interne à celui là ne dépenderont pas de cet élément pour le positionnement, ce qui peut être contraignant je pense"(dixit Maximenet)

    Je n'ai pas observé de problème : toutes les balises que j'ai créé sur ma page repèrent correctement dans le navigateur. Quel type d'élément pourrait ne pas suivre ?

    NB : il doit exister 1 astuce pour présenter les citations mais pas trouvé dans la barre d'outil...

  15. #35
    Membre très actif
    Homme Profil pro
    Inscrit en
    Avril 2005
    Messages
    614
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Turquie

    Informations forums :
    Inscription : Avril 2005
    Messages : 614
    Par défaut
    Citation Envoyé par epona1
    Quel type d'élément pourrait ne pas suivre ?
    ben si tu veux positionner un autre élément en absolute dans celui là tu ne pourra pas le faire en fonction de celui là, mais plutot à celui auquel celui là est positionné.
    Citation Envoyé par epona1
    NB : il doit exister 1 astuce pour présenter les citations mais pas trouvé dans la barre d'outil...
    pour reprendre le message de qlq'un il faut utiliser la balise avec cette icone :

  16. #36
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 60
    Par défaut
    pour reprendre le message de qlq'un il faut utiliser la balise avec cette icone :
    Yes ! Thanks

+ Répondre à la discussion
Cette discussion est résolue.
Page 2 sur 2 PremièrePremière 12

Discussions similaires

  1. Comment centrer plusieurs div dans une page.
    Par solorac dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 20/11/2008, 15h06
  2. [CS3] Comment centrer la page web
    Par blade2a dans le forum Dreamweaver
    Réponses: 5
    Dernier message: 09/07/2008, 17h21
  3. Comment centrer tout le contenu de ma page
    Par ceriise dans le forum iReport
    Réponses: 1
    Dernier message: 26/09/2007, 17h08
  4. [XHTML] Comment centrer son arrière plan sur toute page internet?
    Par simplyme dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 28/11/2006, 16h09
  5. comment centrer ma page Web
    Par peach dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 26/10/2005, 12h28

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