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 :

Centrer une image [Fait]


Sujet :

HTML

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    39
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 39
    Par défaut Centrer une image
    Bonjour,

    Je suis en train de développer un petit site en full HTML (pour l'instant).
    J'arrive à centrer du texte mais impossible de centrer une image !
    Mes recherches n'ont rien donné tout comme l'essai de plusieurs syntaxes...

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <A HREF="D:\AJ\SITE\site.html">
    <IMG SRC="D:\AJ\SITE\porte.jpg" ALIGN=center>
    </A>

    Merci par avance !

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Ajoute un text-align:center; sur le bloc qui contient ton image.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    39
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 39
    Par défaut
    Le bloc c'est H1 par exemple ?

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    J'ai ajouté toutes mes images dans mon bloc H1 de type "centré" et c'est OK !
    <H1 ALIGN=center>
    images
    </H1>

    C'est ce que tu voulais que je fasse ?

    En tout cas merci !

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par adrinhol Voir le message
    J'ai ajouté toutes mes images dans mon bloc H1 de type "centré" et c'est OK !
    <H1 ALIGN=center>
    images
    </H1>

    C'est ce que tu voulais que je fasse ?
    Non, l'attribut align n'existe plus pour moi.
    Ce que je voulais dire :
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <h1>
      <img src="tonimage" alt="tontitre" />
    </h1>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    h1 { text-align:center; }

    Et comme :
    Citation Envoyé par adrinhol Voir le message
    Je suis en train de développer un petit site en full HTML (pour l'instant)
    donc tant mieux, je te conseille de suivre ce tuto

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    39
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 39
    Par défaut
    OK merci !

    Quand le site commencera à être bien avancé, j'essayerai de l'améliorer grâce à CSS...

  6. #6
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par adrinhol Voir le message
    Quand le site commencera à être bien avancé, j'essayerai de l'améliorer grâce à CSS...
    (x)HTML & CSS vont de paire pour la création (mise en page).
    Je te conseille vivement de tenter de t'y intéresser au plus tôt

    De plus, comment par exemple dans ton cas, utiliser de nos jours un ALIGN=center ne se fais plus vraiment, au profil de son inclusion directe dans le CSS (justement )...
    Bref cela te permettra de prendre tout de suite de "bonnes habitudes" pour la conception de tes pages...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  7. #7
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    L'un ou l'autre petit conseil supplémentaire :

    Ecrit plutôt tes balises et attributs en minuscules, ceci n'est pas obligatoire si tu utilises un DOCTYPE html, mais sera nécessaire le jour ou tu passera au XHTML : vaut mieux prendre les bonnes habitudes tout de suite...

    Dans ton exemple ton image ne s'affichera qu'avec IE (en tout cas pas avec Firefox) parce que les url n'acceptent normalement pas les anti slashs comme séparateur de dossier, il faut mettre des slashs (c'est une tolérance de IE)

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    39
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 39
    Par défaut
    Merci pour vos bons conseils !
    Je mettrai tout ça en pratique au plus tôt !
    A bientôt !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS]Centrer une image
    Par Arnard dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 13/08/2006, 20h46
  2. Centrer une image verticalement et horizontalement sur l'écran
    Par Thomus38 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 15/06/2006, 15h14
  3. Centrer une image externe
    Par kibawato dans le forum Flash
    Réponses: 2
    Dernier message: 06/06/2006, 00h29
  4. Centrer une image et un texte dans un div
    Par flexx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/01/2006, 20h11
  5. Centrer une image ds mshflexgrid ?
    Par mosquitout dans le forum VB 6 et antérieur
    Réponses: 1
    Dernier message: 11/12/2005, 16h24

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