Affichage de données

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Affichage de données

Re: Affichage de données

par Victor BRITO » 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) */ }

par Truc » 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 :lol:

par Ryle » 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 :)

par Aureusms » 07 déc. 2007, 11:11

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

par Truc » 06 déc. 2007, 00:59

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

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

par Aureusms » 05 déc. 2007, 23:32

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

par Shadockou » 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

Affichage de données

par Nicolas8883 » 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 ;)