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 :

En-tête de Tableau : Logo à gauche Titre au centre


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2009
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 36
    Par défaut En-tête de Tableau : Logo à gauche Titre au centre
    Bonjour à tous,

    J'ai un petit soucis avec un l'en-tête d'un tableau, je voudrais pouvoir mettre un logo sur la gauche et un titre centré...sauf que je n'arrive qu'à mettre le tout au centre ou à gauche... !!
    Comme vous pouvez le voir je suis débutant en XHTML et ce n'est pas faute d'avoir lu les cours du site...
    Alors si vous pouviez m'aider en me propossant une réponse ou voir même me donner l'endroit où je pourrais trouver une réposne à ma question, ce serait fort sympathique !!

    Voici le code de la page en entier (simplifiée) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <center><table border=1 style="font-size:15pt">
    <tr><th align="center" colspan="3" scope=col bgcolor="#6699CC">
    <table>
    <td align=left bgcolor="#6699CC"><table border=1 cellspacing=1><td align="center" valign="center"><img src="*****"></td></table></td>
    <td bgcolor="#6699CC">&nbsp;</td>
    <td align="center" style="font-size:14pt" bgcolor="#6699CC"><B><I><span>Liste des examens non archiv&eacute;s du '.$today.'</span></B></I></td>
    </th></table></tr><center><table border=1 style="font-size:10pt" bgcolor="#FFFFFF">
    <tr><th colspan="8" scope=col bgcolor="#6699CC" border=1 style="font-size:13pt">
    <B><I><CENTER><span >Ressource QDOC concern&eacute;e : '.$RES_AFF_AMT.'</span></B></I></CENTER>
    </th></tr>
    <td bgcolor="#ABCF87"><B><CENTER><span class="StyleB">'.$DTH_DDE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><div class="Rouge">&nbsp;</div></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$IPP.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NOM.'&nbsp;'.$PAT_PREN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NAIDATE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$AN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$ACT_LIBC.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB"><a href="****'" target=_parent><img src="******" border=0 alt="Stockage: Images récentes"><br>'.$nbStud.'&nbsp;img</a></td></tr>
    </table></table></center>
    Et donc voici le code sur lequel j'aimerais faire ce que j'ai décris ci-dessus :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    ]<center><table border=1 style="font-size:15pt">
    <tr><th align="center" colspan="3" scope=col bgcolor="#6699CC">
    <table>
    <td align=left bgcolor="#6699CC"><table border=1 cellspacing=1><td align="center" valign="center"><img src="*****"></td></table></td>
    <td bgcolor="#6699CC">&nbsp;</td>
    <td align="center" style="font-size:14pt" bgcolor="#6699CC"><B><I><span>Liste des examens non archiv&eacute;s du '.$today.'</span></B></I></td>
    </th></table></tr>
    Merci pour votre aide !

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    Salut,
    Alors pour conseil, apprend à te servir des div qui sont plus tolérer dans le placement de données que les tableau plutôt réservées au données tabulaires.

    Cependant, si on regarde un peu à ton code, on peut y voir quelque oublis de balise, des <table><td>, donc oubli des <tr></tr>
    et en plus de cela, tu abuse un peu des <table>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <td align=left bgcolor="#6699CC"><table border=1 cellspacing=1><td align="center" valign="center"><img src="*****"></td></table></td>
    tu te trouve dans une cellule alors pourquoi refaire une table à l'intérieur?
    bref, il faudrais revoir quelque peu ton code en reprend les standard d'utilisation et je pense que cela te paraîtra nettement plus simple.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2009
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 36
    Par défaut
    Salut et merci pour ta réponse !

    Alors en fait je suis en stage et le code je l'ai repris de mon maître de stage, je lui dirais de revoir son code quoique... !!

    En fait cette table que tu me cites est en fait pour faire un genre de bord autour d'une image...

    Sinon ici j'utilise un tableau car ce code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <td bgcolor="#ABCF87"><B><CENTER><span class="StyleB">'.$DTH_DDE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><div class="Rouge">&nbsp;</div></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$IPP.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NOM.'&nbsp;'.$PAT_PREN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NAIDATE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$AN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$ACT_LIBC.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB"><a href="****'" target=_parent><img src="******" border=0 alt="Stockage: Images récentes"><br>'.$nbStud.'&nbsp;img</a></td>
    revient plusieurs fois d'où l'incorporation dans un tableau !!

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

    Informations forums :
    Inscription : Février 2009
    Messages : 36
    Par défaut
    Voila le nouveau code débrousaillé et beaucoup plus esthétique...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <center><table border="2" style="font-size:13">
    <tr align="center" colspan="8" scope=col bgcolor="#6699CC">
    <td align="left" bgcolor="#6699CC"cellspacing="0"><img src="http://*******" border="1" style="border-color:#FFFFFF"></td>
    <td align="center" colspan="7" style="font-size:20" bgcolor="#6699CC"><B><I><span>Liste des examens non archiv&eacute;s du '.$today.'</span></B></I></td>
    </tr>
    <tr><td align="center" colspan="8" scope=col bgcolor="#6699CC" border=1 style="font-size:17">
    <B><I><CENTER><span >Ressource QDOC concern&eacute;e : '.$RES_AFF_AMT.'</span></B></I></CENTER>
    </td></tr>
    <tr>$C = '<td bgcolor="#ABCF87"><B><CENTER><span class="StyleB">'.$DTH_DDE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><div class="Rouge">&nbsp;</div></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$IPP.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NOM.'&nbsp;'.$PAT_PREN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NAIDATE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$AN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$ACT_LIBC.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB"><a href="http://*****" target=_parent><img src="http://*****" border=0 alt="Stockage: Images récentes"><br>'.$nbStud.'&nbsp;img</a></td></tr>
    </table></center>
    Par contre est-ce possible de supprimer la bordure séparant les 2 cellules de la première ligne tout en haut (entre l'image et le titre) ??

    Merci à toi en tout cas !

  5. #5
    Expert confirmé
    Avatar de popo
    Homme Profil pro
    Analyste programmeur Delphi / C#
    Inscrit en
    Mars 2005
    Messages
    2 972
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste programmeur Delphi / C#
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2005
    Messages : 2 972
    Par défaut
    Plusieurs remarques :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <B><I><CENTER><span >Ressource QDOC concern&eacute;e : '.$RES_AFF_AMT.'</span></B></I></CENTER>
    </td></tr>
    Tes balises fermantes ne sont pas dans le bon ordre. En fait ici, il n'y a que le </span> qui est bien placé.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <tr>$C = '<td bgcolor="#ABCF87"><B><CENTER><span class="StyleB">'.$DTH_DDE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><div class="Rouge">&nbsp;</div></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$IPP.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NOM.'&nbsp;'.$PAT_PREN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NAIDATE.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$AN.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$ACT_LIBC.'</td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB"><a href="http://10.8.70.2/Img/onglet.php?dbname=stockage&stan='.$AN.'" target=_parent><img src="http://ws-hur-radm1au/CTSARCH/Lossy1.png" border=0 alt="Stockage: Images récentes"><br>'.$nbStud.'&nbsp;img</a></td></tr>
    </table></center>
    Les $ font penser qu tu utilises un langage de script tel que PHP pourtant, il n'y aucune trace des balises <?php et ?>.
    De plus tu ouvres des balises <b> et des balises <center> et tu ne les refermes pas !

    Commence déjà par corriger toutes tes erreurs de syntaxe et on y verra plus clair. Je n'ai pas testé ton code mais si ça se trouve la correction de la syntaxe corrigera ton problème.

    Sinon, un conseil, revois les bases du HTML parce tu en as sérieusement besoin !

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Février 2009
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 36
    Par défaut
    Comme je l'ai dit plus haut ce fichier je l'ai repris de mon maître de stage, je suis étudiant en ingénierie médicale et j'ai quelques connaissances en PHP ce qui me permet de gérer quelques trucs en intranet pendant mon stage... Après certes mon travail ne sera pas parfait, c'est sûr !

    En code je n'ai bien sûr ma mis toute la page ce qui rendrait la chose illisible sur le forum, c'est pourquoi je n'ai mis aucune balise PHP !

    Voici le nouveau code corrigé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    <center><table border="2" style="font-size:13">
    <tr align="center" colspan="8" scope=col bgcolor="#6699CC">
    <td align="left" bgcolor="#6699CC"cellspacing="0"><img src="http://*****" border="1" style="border-color:#FFFFFF"></td>
    <td align="center" colspan="7" style="font-size:20" bgcolor="#6699CC"><B><I><span>Liste des examens non archiv&eacute;s du '.$today.'</span></I></B></td>
    </tr>
    <tr><td align="center" colspan="8" scope=col bgcolor="#6699CC" border=1 style="font-size:17">
    <B><I><CENTER><span >Ressource QDOC concern&eacute;e : '.$RES_AFF_AMT.'</span></CENTER></I></B>
    </td></tr>
    <tr>
    <td><B><CENTER>Heure</CENTER></B></td>
    <td></td>
    <td><B><CENTER>Id. Patient (IPP)</CENTER></B></td>
    <td><B><CENTER>Nom Pr&eacute;nom</CENTER></B></td>
    <td><B><CENTER>Date de naissance</CENTER></B></td>
    <td><B><CENTER>Id d\'examen</CENTER></B></td>
    <td><B><CENTER>Type d\'acte r&eacute;alis&eacute;</CENTER></B></td>
    <td><B><CENTER>Img. Archiv&eacute;es</CENTER></B></td>
    </tr><td bgcolor="#ABCF87"><B><CENTER><span class="StyleB">'.$DTH_DDE.'</span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><div class="Rouge">&nbsp;</div></span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$IPP.'</span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NOM.'&nbsp;'.$PAT_PREN.'</span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$PAT_NAIDATE.'</span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$AN.'</span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB">'.$ACT_LIBC.'</span></CENTER></B></td>
    <td bgcolor='.$bg.'><B><CENTER><span class="StyleB"><a href="http://****'" target=_parent><img src="http://*****" border=0 alt="Stockage: Images récentes"><br>'.$nbStud.'&nbsp;img</a></span></CENTER></B></td>
    </tr></table></center>
    Est-ce que c'est possible d'enlever la bordure entre les deux cellules de la première ligne ??

Discussions similaires

  1. Réponses: 5
    Dernier message: 30/03/2007, 11h59
  2. En-tête de tableau fixe
    Par navis84 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 31/07/2006, 14h59
  3. pb avec un en tête de tableau qui bouge
    Par sissi25 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 15
    Dernier message: 13/07/2006, 09h21
  4. Logo à gauche de l'URL
    Par lolo_ici_et_la dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 02/10/2005, 16h28

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