Affichage de données

05 déc. 2007, 19:47

Bonjour à tous !
Voilà, je vous explique mon problème :
J'ai créé une base de données avec MySQL puis un fichier PHP qui lance des requêtes et récupère les données. Jusque là, ça marche : pas de souci. Ce qui m'embête est purement esthétique

En fait, je souhaite afficher les résultats dans un tableau de 2 colonnes : une photo dans la première, du texte dans la seconde. Mais voilà comment cela s'affiche :

Code : Tout sélectionner

+---------+
|         |
| PHOTO   |
|         |
+---------+ texte_var1 texte_var2 texte_var3 etc

Et je voudrais que cela s'affiche comme ça :

Code : Tout sélectionner

+---------+ texte_var1
|         | texte_var2
| PHOTO   | texte_var3
|         | etc
+---------+

Je sais que ça semble être un détail, mais je galère depuis un bout de temps, alors si quelqu'un à une idée ! Merci d'avance

05 déc. 2007, 21:41

Si tu veux arranger ton texte autour de l'image, c'est en CSS et en HTML que tu pourras le faire.
Va faire un tour ici : http://www.alsacreations.com/, pour trouver des tutoriaux sur le css &co.

En rapport direct avec ton soucis il y aussi ce lien : http://xhtml.developpez.com/faq/?page=t ... mage_texte

05 déc. 2007, 23:32

Oui mais pour un simple tableau, l'HTML suffit avec ses balises <table> <tr>et <td> .

06 déc. 2007, 00:59

Quoi qu'il en soit faut voir du code pour répondre au plus juste

(J'en ai profité pour remettre ton message en forme... inscrit toi donc tu pourrais le faire toi même

)

07 déc. 2007, 11:11

Mince! Truc c'est de l'art que tu nous fais

07 déc. 2007, 11:42

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

Regarde du côté de la propriété "float" en css, ou simplement de l'attribut "align" de la balise <img />.

Tu peux aussi utiliser un tableau comme le suggère Aureusms, mais c'est de plus en plus déconseillé. Un tableau doit servir à présenter des lignes/colonnes de données, pas à faire la mise en page d'un site

07 déc. 2007, 13:14

J'ai bien l'impression qu'il utiise déjà un tableau...
mais bon puisqu'il à posté en invité il y a 2 jours + sujet déplacé on risque de ne plus le revoir

07 déc. 2007, 17:08

En fait, je souhaite afficher les résultats dans un tableau de 2 colonnes : une photo dans la première, du texte dans la seconde. Mais voilà comment cela s'affiche :
Code : Tout sélectionner
+---------+ | | | PHOTO | | | +---------+ texte_var1 texte_var2 texte_var3 etc
Et je voudrais que cela s'affiche comme ça :
Code : Tout sélectionner
+---------+ texte_var1 | | texte_var2 | PHOTO | texte_var3 | | etc +---------+
Je sais que ça semble être un détail, mais je galère depuis un bout de temps, alors si quelqu'un à une idée ! Merci d'avance

Une solution :

code XHTML

Code : Tout sélectionner

<div id="donnees">
  <p><img src="chemin-vers-ta-photo" alt="Un peu de texte de substitution" /></p>
  <ul>
    <li>texte_var1</li>
    <li>texte_var2</li>
    <li>texte_var3</li>
  </ul>
</div>

CSS

Code : Tout sélectionner

#donnees p {
  float: left;
}
#donnees ul {
  list-style: none; /* On élimine les puces */
  margin-left: 100px; /* Une marge à gauche pour éviter que la liste n'entoure la photo (100px est un exemple) */
}

Affichage de données

Qui est en ligne