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 :

Logos côte à côte dans un tableau


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Juin 2008
    Messages
    116
    Détails du profil
    Informations forums :
    Inscription : Juin 2008
    Messages : 116
    Par défaut Logos côte à côte dans un tableau
    Bonjour je suis débutant en PHP.
    J'ai un souci, j'aimerais afficher dans un tableau un colonne actions où l'on peut modifier, consulter ou supprimer une entrée de la table.
    J'arrive bien à afficher mes logos dans la colonne actions. Cependant, ils sont l'un en dessous de l 'autre .

    Comment faire pour qu'ils soient cote à cote ?

    voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
     
    echo '<td bgcolor="#CCCCCC">',("<div align=\"center\"> <a href=\"download.php?id_pptp=".$row['id']."\"><img src='supprimer.gif' border = 0 ></a><br>\n"), 
    		("<div align=\"center\"> <a href=\"download.php?id_pptp=".$row['id']."\"><img src='supprimer.gif' border = 0 ></a><br>\n"),'</td>';
    Merci de votre aide

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2005
    Messages
    151
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Avril 2005
    Messages : 151
    Par défaut
    C'est moins un soucis de PHP qu'un soucis de HTML.
    Tu veux afficher tes liens l'un à côté de l'autre ?
    - pourquoi avoir mis des balises <br>, dans ce cas ?
    - les <div> sont des éléments de type bloc, deux <div> consécutifs s'afficheront donc par défaut l'un en dessous de l'autre. En gros, pour que ça marche comme tu veux, soit tu regroupes tous tes liens dans un même div, soit plus simple, tu supprimes les div et tu mets ton align="center" sur le td.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <td align="center">
        <a href="action1.php"><img src="action1.gif" alt="action1" /></a>
        <a href="action2.php"><img src="action2.gif" alt="action2" /></a>
        ...
    </td>

  3. #3
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    43
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 43
    Par défaut
    Car tu utilises des tags <div>... A chaque fois que tu déclares un div, tu impose un retour à la ligne. Tu peux tout simplement supprimer tes <div>, et aussi <br> qui fait des retours à la ligne...

    Aussi, tu devrais mieux aérer ton code pour qu'il soit plus lisible... ça te facilitera la vie, et celle des autres quand tu as besoin d'aide

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    echo 
    	'   <td bgcolor="#CCCCCC">
    	\n\t	<a href="download.php?id_pptp=' . $row['id'] . '"><img src="supprimer.gif" border="0"></a>
    	\n\t	<a href="download.php?id_pptp=' . $row['id'] . '"><img src="supprimer.gif" border="0"></a>
    	\n </td>';
    Fais aussi attention à ton utilisation des guillements et apostrophes... choisis un style et colle-y, ça te facilitera la tâche quand il faut se relire...

    Tu peux aussi rédiger ton code comme ça, c'est beaucoup plus lisible au final :
    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
     
    <?php
     
    while ($row = mysql_fetch_assoc($result)) // Début de la boucle
    {
    ?>
     
    // HTML uniquement avec insertion de tags PHP
    <td bgcolor="#CCCCCC">
    	<a href="download.php?id_pptp=<?php echo $row['id']; ?>"><img src="supprimer.gif" border="0"></a>
    	<a href="download.php?id_pptp=<?php echo $row['id']; ?>"><img src="supprimer.gif" border="0"></a>
    </td>
     
    <?php
    } // Fin de la boucle

  4. #4
    Membre confirmé
    Inscrit en
    Juin 2008
    Messages
    116
    Détails du profil
    Informations forums :
    Inscription : Juin 2008
    Messages : 116
    Par défaut
    Merci beaucoup pour ces réponses rapides. J'avais oublié en effet l'utilité des balises div, j'avais récupéré ce code d'un ancien fichier.
    Encore merci

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

Discussions similaires

  1. Aligner côte à côte 2 images sans tableau
    Par esox_13 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/04/2014, 20h05
  2. Centrer deux images côte à côte dans leur conteneur <li>
    Par FixSan dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/05/2012, 11h35
  3. RadioButton's côte à côte dans un GroupBox
    Par Chavadam dans le forum C#
    Réponses: 6
    Dernier message: 17/09/2010, 18h38
  4. comment positionner un tableau et une image côte à côte, tout en ayant une légende
    Par cecilebzh dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 2
    Dernier message: 17/03/2008, 17h01
  5. Réponses: 2
    Dernier message: 06/11/2006, 22h43

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