DIV pas ua meme endroit

Eléphant du PHP | 424 Messages

09 janv. 2008, 18:43

Bonjour à tous et trés bonne année à tous ...

Je viens ves vous pour un probléme au niveau d'un "DIV".

J'ai ajouté un DIV ou j'affiche des infos, le probleme c'est que suivant la taille des écrans de mes utilisateurs cette balise n'est pas à l'endrot voulu.

Comment faire pour que ce DV soit à l'endroit souhait.

Voici comment j'affiche DIV :
<div class="bordure" id="apDiv3">
      <table width="100%" border="0" align="center" cellpadding="1" cellspacing="2">
        <tr>
          <td width="4%" bgcolor="#999999" cellspacing="0"><div align="center" ><span class="Style6"></span></div></td>
          <td width="32%" bgcolor="#999999" cellspacing="1"><div align="left" class="Style6">
            <p><strong><span class="Style7">DD</span>De</strong></p>
          </div></td>
          <td width="10%" bgcolor="#999999" cellspacing="1"><div align="left" class="Style6"> <span class="Style7">dd</span>Date</div></td>
          <td width="45%" bgcolor="#999999" cellspacing="1"><div align="left" class="Style6">
            <p><span class="Style7">SSS</span>Objet</p>
          </div></td>
          <td width="9%" bgcolor="#999999" cellspacing="1"><div align="center" class="Style6" >Action</div></td>
        </tr>
        <?php	
	$sqldip = "select * from tb_messages where id_collaborateur = $id_user order by id_message" ;
   // $nbsql += 1;
	if ($resselectdip = mysql_query($sqldip)) {
    while ($selectdip = mysql_fetch_array($resselectdip))
    {
	$div = $div + 1;
			
			if (($div % 2 ) == 0)
				$fond = 'bgcolor="#FFFFCC"';
			else
				$fond = 'bgcolor="#FFFFFF"';
				
	if ($selectdip["message_lu"] == "0") 
	$color = 'class = "Grasrouge"';
	else
	$color = 'class = "gris"';
	
	if ($selectdip["statut_message"] == "1") 
	$statut = "Ouvert";
	else
	$statut = "Fermé"; 

    echo '<tr '.$color.' '.$fond.'><a href="#" class="bulles"><span><div align="left"><FONT color="#FF0000"><strong><br>
	<p>Date du message : '.$selectdip["date_message"].'<br />
Nom du contact : '.$selectdip["prenom_contact"].' '.$selectdip["nom_contact"].'<br /><br />
Coordonnées :<br />
Tél. '.$selectdip["tel_contact"].'<br />
Mail. '.$selectdip["mail_contact"].'<br />
Réf bien concerné : '.$selectdip["id_bien"].'<br />
Message du contact : '.$selectdip["message_contact"].'<br />
Statut de la demande : '.$statut.'<br />
</strong></FONT></div></span>
	<td><div align="center"><img src="../../images/fleche_petite_droite.gif"><span></td>	
	<td>'.$selectdip["mail_contact"].'</td>
    <td>'.$selectdip["date_message"].'</td>
    <td>'.$selectdip["sujet_contact"].'</td></a>
	 <td><div align="center" ><a href="messagerie_lu.php?id_message='.$selectdip["id_message"].'"><img src="../../images/voir.png" alt="Marquez comme lu" width="16" height="16"></a> <a href="messagerie_supp.php?id_message='.$selectdip["id_message"].'"> <img src="../../images/supprimer.gif" alt="Supprimer" width="16" height="16"></a></div></td></tr>';
    }
    }
    ?>
      </table>
    </div>
Merci pour votre aide.
Youpi Youpi Yo !

Mammouth du PHP | 1339 Messages

09 janv. 2008, 18:55

Bah c'est du CSS et c'est "apDiv3" qu'il nous faut !
Bon sinon tu me fais un message privé et on se fait un TeamViewer

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

10 janv. 2008, 11:01

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


Quant à ton problème, c'est peut être parce que ton tableau est constitué un peu n'importe comment... Dans un tableau contenu se trouve exclusivement à l'interieur des cellules <td> ou <th>. Il ne doit strictement rien y avoir entre une balise de ligne et une cellule (<tr> ... <td>) pas plus qu'entre deux cellules (</td> ... <td>)
Or, tu y colles des liens, des spans, des div, des font, des strong (à noter qu'un style sur le tr pourrait te permettre de supprimer tout ça), des retours à la ligne voire des paragraphes...

Commence déjà par respecter la structure du tableau et il y aura déjà plus de chance pour que les navigateurs les interprète correctement ;)
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

ViPHP
ViPHP | 2287 Messages

10 janv. 2008, 11:06

En complément de la réponse de Ryle, voici le point de départ qui te permettra d'identifier toutes tes erreurs HTML (ce travail est un préalable à toute mise en forme via CSS) : Le validateur HTML du w3c.

Toute personne amenée à produire du HTML devrait avoir ce service dans ses favoris et l'utiliser sans modération ;-)
if(!@work()){ Nespresso(); } else { what(); }
______________________________