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 :

[Table] Organiser un en-tête


Sujet :

HTML

  1. #1
    Membre expérimenté
    Avatar de GLDavid
    Homme Profil pro
    Head of Service Delivery
    Inscrit en
    Janvier 2003
    Messages
    2 893
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Head of Service Delivery
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Janvier 2003
    Messages : 2 893
    Par défaut [Table] Organiser un en-tête
    Bonjour

    Il y a un petit point de détail que je n'arrive pas à régler.
    En en-tête, je veux pouvoir disposer à gauche d'une image (avec un lien) et au centre d'un titre.
    Voilà mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div class="logo">
    <table><tr><td align="left" width="50%"><a href="http://www.super.com" target="_blank"><img src="./img/minilogo.jpg" alt="super" border="0"></td><td align="center" width="50%"><b><u>Submission form</u></b></td></tr></table>
    </div>
    Seulement, tout est placé à gauche.
    Comment mieux disposer mes deux éléments ?

    Merci d'avance.

    @++
    GLDavid
    Consultez la FAQ Perl ainsi que mes cours de Perl.
    N'oubliez pas les balises code :tagcode: ni le tag :resolu:

    Je ne répond à aucune question technique par MP.

  2. #2
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    Y'a moyen de faire ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div id="header">
      <img src="logo.png" alt="Mon Logo" />
      Mon Titre
    </div>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    #header {
      width: 1000px;
      margin: auto;
      text-align: center;
    }
     
    #header img {
      float: left;
    }
    Mais bon le centre, c'est par rapport à l'espace restant (1000 - la largeur de l'image)...

    A mon avis, pour avoir le centre complet, faut fait avec une position absolue ou qque chose dans le style

  3. #3
    Membre expérimenté
    Avatar de GLDavid
    Homme Profil pro
    Head of Service Delivery
    Inscrit en
    Janvier 2003
    Messages
    2 893
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Head of Service Delivery
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Janvier 2003
    Messages : 2 893
    Par défaut
    Hello Freed0

    Le problème est qu'avec cette solution, mon image n'est plus intégrée dans le div.
    Voici mon code HTML:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div class="logo">
    <a href="http://www.super.com" target="_blank"><img src="./img/minilogo.jpg" alt="super"></a><b><u>Super</u></b>
    </div>
    Et ma feuille de style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    .logo {
    	border: 1px solid blue;
    	background-color: white;
      	margin: auto;
      	text-align: center;
    }
     
    img {
      float: left;
      border: 0;
    }
    Merci encore de votre aide.

    @++
    GLDavid
    Consultez la FAQ Perl ainsi que mes cours de Perl.
    N'oubliez pas les balises code :tagcode: ni le tag :resolu:

    Je ne répond à aucune question technique par MP.

  4. #4
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    Bah si, elle est toujours dans le calque

    Ton .logo équivaut au #header, suffit de lui mettre les mêmes propriétés.

  5. #5
    Membre expérimenté
    Avatar de GLDavid
    Homme Profil pro
    Head of Service Delivery
    Inscrit en
    Janvier 2003
    Messages
    2 893
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Head of Service Delivery
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Janvier 2003
    Messages : 2 893
    Par défaut
    Ok, j'ai arrangé le coup en fixant une taille de height pour mon div dans le css.

    @++
    GLDavid
    Consultez la FAQ Perl ainsi que mes cours de Perl.
    N'oubliez pas les balises code :tagcode: ni le tag :resolu:

    Je ne répond à aucune question technique par MP.

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

Discussions similaires

  1. Organisation des en-têtes
    Par Eusebe dans le forum C++
    Réponses: 3
    Dernier message: 20/07/2006, 10h24
  2. Organisation d'une table
    Par Acti dans le forum Requêtes
    Réponses: 15
    Dernier message: 23/06/2006, 11h10
  3. Catalogue tables : prise de tête
    Par KinF dans le forum Requêtes
    Réponses: 5
    Dernier message: 02/12/2005, 01h04
  4. Organisation pour rajouter des tables
    Par thufir hawat dans le forum Access
    Réponses: 4
    Dernier message: 14/10/2005, 11h09
  5. en-tête de table/index endommagée
    Par colombe dans le forum Bases de données
    Réponses: 5
    Dernier message: 08/10/2005, 11h55

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