Problème d'alignement

Petit nouveau ! | 9 Messages

24 mars 2006, 21:02

Bonsoir à tous,

Je viens de finir un petit codage, mais j'ai un problème d'alignement. A chaque fois qu'on upload une image, elle vient pas se mettre à côté mais en dessous :?

http://portfolio-alex.be/buddy/

Merci d'avance de m'aider à la faire se mettre correctement à la suite :wink:

Mammouth du PHP | 684 Messages

25 mars 2006, 00:40

Salut.

C'est normal, tu as mis ton div contenant ton image dans un tr puis td. Il se place donc sour ton autre tr + td.

Pour faire un table comme ceci :

+----------+-----------+
+ image 1+ image 2 +
+----------+-----------+

<table>
<tr>
<td>image 1
</td>
<td>image 2
</td>
</tr>
</table>

Je t'invite a lire tout de meme le site suivant :
alsacreation

Il t'apprendra le CSS qui devient tres pratique, propre pour le code et avantageux pour les non voyants.

Celui-ci est un complement :
http://openweb.eu.org/

Bonne nuit.
Zigz4g

Petit nouveau ! | 9 Messages

25 mars 2006, 01:21

Salut et merci pour ta réponse, mais je n'ai pas trop compris.

Mon code est le suivant :

Code : Tout sélectionner

<?php // on se connecte à MySQL $db = mysql_connect('localhost', 'xxx, 'xxx'); // on sélectionne la base mysql_select_db('xxx',$db); // on crée la requête SQL $sql = 'SELECT * FROM buddy ORDER BY id DESC'; // on envoie la requête $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); // on fait une boucle qui va faire un tour pour chaque enregistrement while($data = mysql_fetch_assoc($req)) { // on affiche les informations de l'enregistrement en cours echo ?><table width="128" border="0"><tr><td><div align="center" class="Style3"><? echo $data['nom']; ?></div></td> </tr> <tr> <td><div align="center"><a href="buddy.php?id=<? echo $data['id']; ?>"><img src="<? echo $data['buddy']; ?>" width="120" height="120" border="0" /></a></div></td> </tr> <tr> <td width="122" height="21"><div align="center" class="Style1">Par<span class="Style4"> <? echo $data['pseudo']; ?> </span></div> <div class="Style4"></div></td></tr></table><? } // on ferme la connexion à mysql mysql_close(); ?>

Petit nouveau ! | 9 Messages

25 mars 2006, 12:34

C'est bon j'ai réglé tout seul :)

Mammouth du PHP | 684 Messages

25 mars 2006, 12:48

C'est ce que tu veux ???
Apres faut que tu essaye un peu. On ne peut pas faire tout :)
<?php
// on se connecte à MySQL
$db = mysql_connect('localhost', 'xxx', 'xxx');

// on sélectionne la base
mysql_select_db('xxx', $db);

// on crée la requête SQL
$sql = 'SELECT * FROM buddy ORDER BY id DESC';

// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

// on fait une boucle qui va faire un tour pour chaque enregistrement
while($data = mysql_fetch_assoc($req)) {
    // on affiche les informations de l enregistrement en cours
    echo '<table width="128" border="0">
                <tr>
                    <td>
                        <div align="center" class="Style3">'.$data['nom'].'</div>
                    </td>
                    <td>
                        <div align="center">
                            <a href="buddy.php?id='.$data['id'].'">
                                <img src="'.$data['buddy'].'" width="120" height="120" border="0" />
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td width="122" height="21">
                        <div align="center" class="Style1">Par<span class="Style4">'.$data['pseudo'].'</span></div>
                        <div class="Style4"></div>
                    </td>
                </tr>
            </table>';
// on ferme la connexion à mysql
mysql_close();
?>
Je te conseil de virer les div dans les tableaux. Tu peux tres bien faire ta presentation en mettant un style dans les cellules du tableau. Bien sur ce n'est pas tres propre et rend le code tres vite illisible.

Je te conseil de voir le site que je t'avais conseiller pour le CSS. C'est tres pratique, rend le code plus propre a lire et a comprendre. De plus les aveugles peuvent le comprendre plus facilement.
Zigz4g

Petit nouveau ! | 9 Messages

25 mars 2006, 13:54

C'est ce que tu veux ???
Oui, mais là j'ai un autre problème :lol:
En gros, j'aimerais que quand il y a la page pleine horizontalement, ça saute une ligne et s'aligne à la ligne suivante : www.portfolio-alex.be/buddy

Mon code :
<table width="176" border="0">
           <tr>
             <td width="17"><?php 
// on se connecte à MySQL
 $db = mysql_connect('localhost', 'xxx', 'xxx'); 
 
 // on sélectionne la base
  mysql_select_db('xxx',$db); 
  
  // on crée la requête SQL
   $sql = 'SELECT * FROM buddy ORDER BY id DESC';
   
   // on envoie la requête
    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
	
	// on fait une boucle qui va faire un tour pour chaque enregistrement 
	while($data = mysql_fetch_assoc($req)) { 
	
	// on affiche les informations de l'enregistrement en cours 
	echo ?></td>
             <td width="128"><table width="126" border="0">
               <tr>
                 <td><div align="center" class="Style3"><? echo $data['nom']; ?></div></td>
               </tr>
               <tr>
                 <td><div align="center"><a href="buddy.php?id=<? echo $data['id']; ?>"><img src="<? echo $data['buddy']; ?>" width="120" height="120" border="0" /></a></div></td>
               </tr>
               <tr>
                 <td width="120" height="21"><div align="center" class="Style1">Par<span class="Style4"> <? echo $data['pseudo']; ?> </span></div>
                     <div class="Style4"></div></td>
               </tr>
             </table>             </td>
             <td width="17"><? } // on ferme la connexion à mysql mysql_close(); ?></td>
           </tr>
         </table>
Merci d'avance :oops: