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

Mise en page CSS Discussion :

Insérer 3 Logo Dans le Header de Forum


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 6
    Par défaut Insérer 2 Logos
    Bonjour à tous et à toutes

    Aujourd'hui j'ai voulu mettre 2 Images dans mon Header :
    Une au centre et l'autre a droite.

    Seulement, celle de Droite, descends d'une ligne

    Auriez-vous une Solution à ce Problème ?
    Merci Beaucoup

  2. #2
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Bonjour,

    Et si tu nous fournissais ton code actuel?

    Je n'ai pas encor la faculté de faire un code à partir d'un aperçut ^^

    Tu as peut être une erreur toute bête... Enfin même surement
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    67
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 67
    Par défaut
    salut,

    j'avais tenté de faire la même chose sur un forum de jeu.

    je pense que tu devrais réduire la taille de tes images car sur les forum (comme forumactif ou autre phpbb2/3) la taille des cadres ne sont pas extensibles surtout si tu héberges sur le fournisseur du forum.

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    23
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 23
    Par défaut
    Salut,

    On dirait que c'est un forum IPB, non ?

    Quand j'ai créé le mien, j'ai utilisé des blocks <div> et leurs propriétés "float" (pour les intitulés de forums, pour le header c'est une autre technique).
    Si mes souvenirs sont bons, ça se présentait un peu dans ce style :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="main">
        <div id="rightimg" style="float:right;">incrustation de l'image de droite</div>
        <div id="leftimg" style="float:left;">incrustation de l'image de gauche</div>
        incrustation de l'image centrale
    </div>
    Ce code est basique, à toi de l'adapter

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 6
    Par défaut
    Bonjour,

    Voici le Code Utilisé :
    <div align='left'>
    <a href=http://www.KeBoo.Net>
    <img src='Gauche.png' alt='IPB' style='vertical-align:top' border='0' align='left' />
    </a>
    </div>

    <div align='center'>
    <a href=http://www.KeBoo.Net>
    <img src='Centre.png' alt='IPB' style='vertical-align:top' border='0' align='center' />
    </a>
    </div>

    <div align='right'>
    <a href=http://www.KeBoo.Net>
    <img src='Droite.png' alt='IPB' style='vertical-align:top' border='0' align='right' />
    </a>
    </div>
    Merci de vos Réponses!

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    N'utilise pas l'attribut align sur les div, mais du CSS comme le fait remarquer Ultimatemax. De plus, comme son code l'indique, tu dois placer le centre en dernière position dans ton code.

  7. #7
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 6
    Par défaut
    Bonjour,

    Ceci est du HTML
    Merci, je n'ai juste eu à qu'à déplacer toute la partie du Logo Centre en bas de mon Code, pas besoin de CSS

    C'est Super, encore Merci !!!

  8. #8
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Pour information :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    style='vertical-align:top'
    Ceci est du css... Mais il est intégré à ton div voilà tout...
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

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

Discussions similaires

  1. Insérer une Image dans un header
    Par jmde dans le forum NetBeans
    Réponses: 0
    Dernier message: 11/05/2012, 15h47
  2. insérer un tableau dans un réponse du forum
    Par ledisciple dans le forum Mode d'emploi & aide aux nouveaux
    Réponses: 1
    Dernier message: 15/06/2011, 16h33
  3. j'arrive pas à insérer un logo dans l'email!
    Par catamaran dans le forum Internet
    Réponses: 1
    Dernier message: 30/05/2008, 20h01
  4. [OpenOffice][Texte] Insérer un Logo dans une entête de writer
    Par jpl44 dans le forum OpenOffice & LibreOffice
    Réponses: 3
    Dernier message: 26/04/2007, 17h17
  5. Réponses: 2
    Dernier message: 02/06/2006, 09h04

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