Une p'tite question sur le Div...

Une p'tite question sur le Div... - HTML/CSS - Programmation

Marsh Posté le 19-02-2003 à 14:18:01    

Je suis en train de programmer un site en php et Mysql...
 
La j'en arrive à la partie qui concerne l'affichage de ttes mes données dans une liste.
 
Parmis ces données, du texte, et des images.
 
Et puis la je veux mettre mon img à gauche, et les quelques lignes de textes juste à côté sur la droite, à la même hauteur.
 
Mais je parviens pas à réaliser cela avec les div et je voudrais éviter de faire une table en deux colonne.
 
Il me semble qu'il y a bien une commande pour dire que deux calques peuvent être côte à côté à la même hauteur non ?  
 
Je sais cela car je le faisait avec Dreamweaver...mais la à la main c'est plus dur :)
 
Merci !


Message édité par Robbb le 19-02-2003 à 14:19:16
Reply

Marsh Posté le 19-02-2003 à 14:18:01   

Reply

Marsh Posté le 19-02-2003 à 14:26:33    

Bah je vais essayer de créer une page avec deux calques superposés dans DW pis je pomperai le code :D

Reply

Marsh Posté le 19-02-2003 à 14:29:06    

Ok c'est bon ! J'avais oublié l'existance de l'argument "id" pour <div> ! :)
 
Résolu donc...
 
 
Chez allhtml.com ils devraient un peu mettre à jour...


Message édité par Robbb le 19-02-2003 à 14:29:58
Reply

Marsh Posté le 19-02-2003 à 14:32:12    

Robbb a écrit :


Chez allhtml.com ils devraient un peu mettre à jour...


 
Chez allhtml, ils devraient expliquer le html, et pas le IE


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 19-02-2003 à 14:33:18    

bin la solution la simple serait de mettre un tableau dans ton claque
 
sinon tu peux positionner ton calque où bon te semble :
 
<div style="top:200px; left:100px;  position: relative"></div>

Reply

Marsh Posté le 19-02-2003 à 14:38:56    

En fait je galère encore...
 
Le truc c'est que je dois créer une espèce de mini tableau dans un fieldset, avec une petite photo alignée à gauche, et du texte aligné à droite de la photo...
 
Mais les calques c'est pas top vu que moi je fait ça pour l'affichage du contenu d'une BDD !
 
Donc mon tableau va se répeter autant de fois qu'il y aura d'entrée dans ma BDD...
 
Donc les calques et le positionnement faut oublier...
 
Je fait faire ça avec un tableau...
 
Sinon :
 

Citation :

Chez allhtml, ils devraient expliquer le html, et pas le IE


 
Ca veut dire quoi ça ?


Message édité par Robbb le 19-02-2003 à 14:39:29
Reply

Marsh Posté le 19-02-2003 à 14:43:11    

Robbb a écrit :

Et puis la je veux mettre mon img à gauche, et les quelques lignes de textes juste à côté sur la droite, à la même hauteur.


<p><img ...>Bla bla bla bla...</p>
 
img a la propriété :
 
float: left;


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-02-2003 à 14:43:35    

C'est bon c'est réglé...
 
J'ai fait un tableau...C'est vraiment plus simple :)

Reply

Marsh Posté le 19-02-2003 à 14:44:17    

Robbb a écrit :

Citation :

Chez allhtml, ils devraient expliquer le html, et pas le IE


 
Ca veut dire quoi ça ?


Ca veut dire que Allhtml enseigne plus à faire du code pour IE que du code standard qui marche partout.  
 
D'ailleurs je devrais peut être le retirer de la FAQ [:meganne]


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-02-2003 à 14:44:38    

Robbb a écrit :

C'est bon c'est réglé...
 
J'ai fait un tableau...C'est vraiment plus simple :)


 
Comme ça :

$result = mysql_query("SELECT * FROM anno_resum WHERE statut='visible'" );
  while($row = mysql_fetch_array($result)) {
   
echo "<blockquote>";
echo "<fieldset align='top''left'>";
echo "<legend></legend><p>";
echo "<blockquote>";
 
  echo "<table border=1 cellspacing=2 cellpadding=5>";
   
  echo "<tr><td>";
  echo "<img border='1' src='photos/mini/2.jpg'>";
  echo "</td><td>";
  echo $row['categorie'];
  echo " : ";
  echo $row['sous_categorie'];
  echo "<p>";
  echo $row['code_postal'];
  echo "   ";
  echo $row['localite'];
  echo "<p>";
  echo $row['short_description'];
  echo "</tr></table>";
   
 
   
 
 
echo "</blockquote>";
echo "</fieldset>";
echo "</blockquote>";

Reply

Marsh Posté le 19-02-2003 à 14:44:38   

Reply

Marsh Posté le 19-02-2003 à 14:47:05    

Reply

Marsh Posté le 19-02-2003 à 14:59:51    


 
Hoh chui un Noob mouah hein !!  
 
Sympa l'encouragement ! Si c'est bof, dit moi pourquoi plutôt...
 
PinaiZz !!

Reply

Marsh Posté le 19-02-2003 à 15:04:39    

Ben déjà c'est assez dur de savoir ce que tu veux faire, vu qu'on a pas d'URL pour visualiser ou même du code propre (sans PHP).
 
Ensuite, une solution j'en ai déjà donnée une en dessus (à adapter sûrement)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-02-2003 à 15:23:02    

Voici une URL vers le fichier dont j'ai posté un bout de code :
 
http://80.200.237.236/condrogest/list.php
 
Voilà...y'a le même nombre de petit tableau que d'entrée dans ma BDD...
 
En gros pour la partie HTML c'est bon aisni...
 
Maintenant c'est au niveau Php que je dois bosser pour que la photo affichées soit différente pour chaque annonce et en relation avec l'annonce bien sûr...
 
Sparti...
 
 
ps : il se peut que mon serveur MySQL fasse un peu la tête et des fois çca prend un peu de temps à s'afficher ;)


Message édité par Robbb le 19-02-2003 à 15:25:34
Reply

Marsh Posté le 19-02-2003 à 15:39:26    

Bon OK. Dans ce cas ma solution devrait convenir :
 
<div class="annonce"><img ...> Texte de l'annonce</div>
 
Avec :
 
div.class {
  border: 1px solid black;
  padding: 5px;
}
 
div.class img {
  float: left;
}
 
 
(éventuellement jouer sur les marges et le padding pour retrouver la présentation désirée)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-02-2003 à 15:44:19    

Ok merci je vais tester cela ! :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed