colonne

colonne - HTML/CSS - Programmation

Marsh Posté le 21-04-2005 à 13:29:15    


Bonjour  
 
Je n'arrive pas a ce que la colonne de droite sois a droite, merci de votre aide, bisous  
 
http://ile.chrispat.free.fr/20/index2.php  
 
 
 
<?php session_start(); //nécessaire pour utiliser les variables globales de session?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>  
<head>  
<title>Document sans titre</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
</head>  
 
<body bgcolor="#CC0000">  
<table width="770" border="0" cellpadding="0" cellspacing="0" align="center">  
<tr>  
    <td width="130" height="66" bgcolor="#FF6600" align="center"><img src="design/logo.gif" width="50" height="54"></td>  
    <td width="470" height="66" bgcolor="#FF6600">&nbsp;</td>  
    <td width="130" height="66" bgcolor="#FF6600" align="center"><img src="design/logog.gif" width="50" height="54"></td>  
</tr>  
<tr>  
    <td width="130" bgcolor="#99FF99">&nbsp;</td>  
    <td width="470" bgcolor="#FF9966">&nbsp;</td>  
    <td width="130" bgcolor="#99FF66">&nbsp;</td>  
</tr>  
<tr>  
    <td width="130" valign="top" bgcolor="#FFFF00"><?php include('boutons.php');?></td>  
    <td width="470" valign="top" bgcolor="#6600FF">  
 <?php include('nocario.inc');?>  
    </td>  
    <td width="130" valign="top" bgcolor="#FFFF00"><?php include('boutons.php');?></td>  
</tr>  
<tr>  
    <td width="130">&nbsp;</td>  
    <td width="470" bgcolor="#9933FF">bas de page</td>  
    <td width="130">&nbsp;</td>  
</tr>  
</table>  
</body>  
</html>  
 

Reply

Marsh Posté le 21-04-2005 à 13:29:15   

Reply

Marsh Posté le 21-04-2005 à 13:39:19    

Pourquoi avoir utilisé des tableaux pour la mise en page ?

Reply

Marsh Posté le 21-04-2005 à 13:41:29    

Il n'y a pas de problème dans le code que tu nous présente ici, mais le code HTML généré sur ta page n'est pas terrible... :
 
- Pour la question du tableau vérifie que tous les <td>, <tr> et autres <table> soit bien fermé (dans les pages boutons et nocario)
 
- Mais le plus gros problème c'est surtout que des balises <body>, <head> et <html> s'ouvre et se ferme au milieu du code.
 
Les pages boutons.php et nocario.inc ne doivent pas contenir de balise <head> <body> et <html>, seul la page principale doit les avoir.
 
 
Bonne chance. Florian.

Reply

Marsh Posté le 21-04-2005 à 13:42:57    

Faut surtout virer les tableaux [:itm]

Reply

Marsh Posté le 21-04-2005 à 14:01:27    

dans nocario et bouton il ni a pas de balise <head> <body> et <html>, j'suis perdue !

Reply

Marsh Posté le 21-04-2005 à 14:20:02    

j'ai retiré l'include nocario, et j'ai tout mis, aidez moi !!
 
<?php session_start(); //nécessaire pour utiliser les variables globales de session?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>  
<head>  
<title>Document sans titre</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
</head>  
 
<body bgcolor="#CC0000">  
<table width="770" border="0" cellpadding="0" cellspacing="0" align="center">  
<tr>  
    <td width="130" height="66" bgcolor="#FF6600" align="center"><img src="design/logo.gif" width="50" height="54"></td>  
    <td width="470" height="66" bgcolor="#FF6600">&nbsp;</td>  
    <td width="130" height="66" bgcolor="#FF6600" align="center"><img src="design/logog.gif" width="50" height="54"></td>  
</tr>  
<tr>  
    <td width="130" bgcolor="#99FF99">&nbsp;</td>  
    <td width="470" bgcolor="#FF9966">&nbsp;</td>  
    <td width="130" bgcolor="#99FF66">&nbsp;</td>  
</tr>  
<tr>  
    <td width="130" valign="top" bgcolor="#FFFF00"><?php include('boutons.php');?></td>  
    <td width="470" valign="top" bgcolor="#6600FF">  
 
<?php
// declaration de variables superglobales (c'est à dire que l'on pourra lire dans d'autres fichier php)
// qui contiennent toutes les informations sur les actions.
 
$_SESSION['titre_no1'] = "Nocario";
$_SESSION['commentaire_no1'] = '';
$_SESSION['image_no_recto1'] = "nocario/no1.jpg";
$_SESSION['image_no_recto_reduit1'] = "nocario/no01.jpg";
 
$_SESSION['titre_no2'] = "Nocario";
$_SESSION['commentaire_no2'] = '';
$_SESSION['image_no_recto2'] = "nocario/no2.jpg";
$_SESSION['image_no_recto_reduit2'] = "nocario/no02.jpg";
 
$_SESSION['titre_no3'] = "Nocario";
$_SESSION['commentaire_no3'] = '';
$_SESSION['image_no_recto3'] = "nocario/no3.jpg";
$_SESSION['image_no_recto_reduit3'] = "nocario/no03.jpg";
 
$_SESSION['titre_no4'] = "Nocario";
$_SESSION['commentaire_no4'] = '';
$_SESSION['image_no_recto4'] = "nocario/no4.jpg";
$_SESSION['image_no_recto_reduit4'] = "nocario/no04.jpg";
 
$_SESSION['titre_no5'] = "Nocario";
$_SESSION['commentaire_no5'] = '';
$_SESSION['image_no_recto5'] = "nocario/no5.jpg";
$_SESSION['image_no_recto_reduit5'] = "nocario/no05.jpg";
 
$_SESSION['titre_no6'] = "Nocario";
$_SESSION['commentaire_no6'] = '';
$_SESSION['image_no_recto6'] = "nocario/no6.jpg";
$_SESSION['image_no_recto_reduit6'] = "nocario/no06.jpg";
 
$_SESSION['titre_no7'] = "Nocario";
$_SESSION['commentaire_no7'] = '';
$_SESSION['image_no_recto7'] = "nocario/no7.jpg";
$_SESSION['image_no_recto_reduit7'] = "nocario/no07.jpg";
 
$_SESSION['titre_no8'] = "Nocario";
$_SESSION['commentaire_no8'] = '';
$_SESSION['image_no_recto8'] = "nocario/no8.jpg";
$_SESSION['image_no_recto_reduit8'] = "nocario/no08.jpg";
 
$_SESSION['titre_no9'] = "Nocario";
$_SESSION['commentaire_no9'] = '';
$_SESSION['image_no_recto9'] = "nocario/no9.jpg";
$_SESSION['image_no_recto_reduit9'] = "nocario/no09.jpg";
 
$_SESSION['titre_no10'] = "Nocario";
$_SESSION['commentaire_no10'] = '';
$_SESSION['image_no_recto10'] = "nocario/no10.jpg";
$_SESSION['image_no_recto_reduit10'] = "nocario/no010.jpg";
 
$_SESSION['titre_no11'] = "Nocario";
$_SESSION['commentaire_no11'] = '';
$_SESSION['image_no_recto11'] = "nocario/no11.jpg";
$_SESSION['image_no_recto_reduit11'] = "nocario/no011.jpg";
 
$_SESSION['titre_no12'] = "Nocario";
$_SESSION['commentaire_no12'] = '';
$_SESSION['image_no_recto12'] = "nocario/no12.jpg";
$_SESSION['image_no_recto_reduit12'] = "nocario/no012.jpg";
 
$_SESSION['titre_no13'] = "Nocario";
$_SESSION['commentaire_no13'] = '';
$_SESSION['image_no_recto13'] = "nocario/no13.jpg";
$_SESSION['image_no_recto_reduit13'] = "nocario/no013.jpg";
 
$_SESSION['titre_no14'] = "Nocario";
$_SESSION['commentaire_no14'] = '';
$_SESSION['image_no_recto14'] = "nocario/no14.jpg";
$_SESSION['image_no_recto_reduit14'] = "nocario/no014.jpg";
 
$_SESSION['titre_no15'] = "Nocario";
$_SESSION['commentaire_no15'] = '';
$_SESSION['image_no_recto15'] = "nocario/no15.jpg";
$_SESSION['image_no_recto_reduit15'] = "nocario/no015.jpg";
 
$_SESSION['titre_no16'] = "Nocario";
$_SESSION['commentaire_no16'] = '';
$_SESSION['image_no_recto16'] = "nocario/no16.jpg";
$_SESSION['image_no_recto_reduit16'] = "nocario/no016.jpg";
 
$_SESSION['titre_no17'] = "Nocario";
$_SESSION['commentaire_no17'] = '';
$_SESSION['image_no_recto17'] = "nocario/no17.jpg";
$_SESSION['image_no_recto_reduit17'] = "nocario/no017.jpg";
 
$_SESSION['titre_no18'] = "Nocario";
$_SESSION['commentaire_no18'] = '';
$_SESSION['image_no_recto18'] = "nocario/no18.jpg";
$_SESSION['image_no_recto_reduit18'] = "nocario/no018.jpg";
 
$_SESSION['titre_no19'] = "Nocario";
$_SESSION['commentaire_no19'] = '';
$_SESSION['image_no_recto19'] = "nocario/no19.jpg";
$_SESSION['image_no_recto_reduit19'] = "nocario/no019.jpg";
 
$_SESSION['titre_no20'] = "Nocario";
$_SESSION['commentaire_no20'] = '';
$_SESSION['image_no_recto20'] = "nocario/no20.jpg";
$_SESSION['image_no_recto_reduit20'] = "nocario/no020.jpg";
 
$_SESSION['titre_no21'] = "Nocario";
$_SESSION['commentaire_no21'] = '';
$_SESSION['image_no_recto21'] = "nocario/no21.jpg";
$_SESSION['image_no_recto_reduit21'] = "nocario/no021.jpg";
 
$_SESSION['titre_no22'] = "Nocario";
$_SESSION['commentaire_no22'] = '';
$_SESSION['image_no_recto22'] = "nocario/no22.jpg";
$_SESSION['image_no_recto_reduit22'] = "nocario/no022.jpg";
 
$_SESSION['titre_no23'] = "Nocario";
$_SESSION['commentaire_no23'] = '';
$_SESSION['image_no_recto23'] = "nocario/no23.jpg";
$_SESSION['image_no_recto_reduit23'] = "nocario/no023.jpg";
 
$_SESSION['titre_no24'] = "Nocario";
$_SESSION['commentaire_no24'] = '';
$_SESSION['image_no_recto24'] = "nocario/no24.jpg";
$_SESSION['image_no_recto_reduit24'] = "nocario/no024.jpg";
 
$_SESSION['titre_no25'] = "Nocario";
$_SESSION['commentaire_no25'] = '';
$_SESSION['image_no_recto25'] = "nocario/no25.jpg";
$_SESSION['image_no_recto_reduit25'] = "nocario/no025.jpg";
 
$_SESSION['titre_no26'] = "Nocario";
$_SESSION['commentaire_no26'] = '';
$_SESSION['image_no_recto26'] = "nocario/no26.jpg";
$_SESSION['image_no_recto_reduit26'] = "nocario/no026.jpg";
 
$_SESSION['titre_no27'] = "Nocario";
$_SESSION['commentaire_no27'] = '';
$_SESSION['image_no_recto27'] = "nocario/no27.jpg";
$_SESSION['image_no_recto_reduit27'] = "nocario/no027.jpg";
 
$_SESSION['titre_no28'] = "Nocario";
$_SESSION['commentaire_no28'] = '';
$_SESSION['image_no_recto28'] = "nocario/no28.jpg";
$_SESSION['image_no_recto_reduit28'] = "nocario/no028.jpg";
 
$_SESSION['titre_no29'] = "Nocario";
$_SESSION['commentaire_no29'] = '';
$_SESSION['image_no_recto29'] = "nocario/no29.jpg";
$_SESSION['image_no_recto_reduit29'] = "nocario/no029.jpg";
 
$_SESSION['titre_no30'] = "Nocario";
$_SESSION['commentaire_no30'] = '';
$_SESSION['image_no_recto30'] = "nocario/no30.jpg";
$_SESSION['image_no_recto_reduit30'] = "nocario/no030.jpg";
 
$_SESSION['titre_no31'] = "Nocario";
$_SESSION['commentaire_no31'] = '';
$_SESSION['image_no_recto31'] = "nocario/no31.jpg";
$_SESSION['image_no_recto_reduit31'] = "nocario/no031.jpg";
 
$_SESSION['titre_no32'] = "Nocario";
$_SESSION['commentaire_no32'] = '';
$_SESSION['image_no_recto32'] = "nocario/no32.jpg";
$_SESSION['image_no_recto_reduit32'] = "nocario/no032.jpg";
 
$_SESSION['titre_no33'] = "Nocario";
$_SESSION['commentaire_no33'] = '';
$_SESSION['image_no_recto33'] = "nocario/no33.jpg";
$_SESSION['image_no_recto_reduit33'] = "nocario/no033.jpg";
 
$_SESSION['titre_no34'] = "Nocario";
$_SESSION['commentaire_no34'] = '';
$_SESSION['image_no_recto34'] = "nocario/no34.jpg";
$_SESSION['image_no_recto_reduit34'] = "nocario/no034.jpg";
 
$_SESSION['titre_no35'] = "Nocario";
$_SESSION['commentaire_no35'] = '';
$_SESSION['image_no_recto35'] = "nocario/no35.jpg";
$_SESSION['image_no_recto_reduit35'] = "nocario/no035.jpg";
 
$_SESSION['titre_no36'] = "Nocario";
$_SESSION['commentaire_no36'] = '';
$_SESSION['image_no_recto36'] = "nocario/no36.jpg";
$_SESSION['image_no_recto_reduit36'] = "nocario/no036.jpg";
 
$_SESSION['titre_no37'] = "Nocario";
$_SESSION['commentaire_no37'] = '';
$_SESSION['image_no_recto37'] = "nocario/no37.jpg";
$_SESSION['image_no_recto_reduit37'] = "nocario/no037.jpg";
 
$_SESSION['titre_no38'] = "Nocario";
$_SESSION['commentaire_no38'] = '';
$_SESSION['image_no_recto38'] = "nocario/no38.jpg";
$_SESSION['image_no_recto_reduit38'] = "nocario/no038.jpg";
 
$_SESSION['titre_no39'] = "Nocario";
$_SESSION['commentaire_no39'] = '';
$_SESSION['image_no_recto39'] = "nocario/no39.jpg";
$_SESSION['image_no_recto_reduit39'] = "nocario/no039.jpg";
 
$_SESSION['titre_no40'] = "Nocario";
$_SESSION['commentaire_no40'] = '';
$_SESSION['image_no_recto40'] = "nocario/no40.jpg";
$_SESSION['image_no_recto_reduit40'] = "nocario/no040.jpg";
 
$_SESSION['titre_no41'] = "Nocario";
$_SESSION['commentaire_no41'] = '';
$_SESSION['image_no_recto41'] = "nocario/no41.jpg";
$_SESSION['image_no_recto_reduit41'] = "nocario/no041.jpg";
 
$_SESSION['titre_no42'] = "Nocario";
$_SESSION['commentaire_no42'] = '';
$_SESSION['image_no_recto42'] = "nocario/no42.jpg";
$_SESSION['image_no_recto_reduit42'] = "nocario/no042.jpg";
 
$_SESSION['titre_no43'] = "Nocario";
$_SESSION['commentaire_no43'] = '';
$_SESSION['image_no_recto43'] = "nocario/no43.jpg";
$_SESSION['image_no_recto_reduit43'] = "nocario/no043.jpg";
 
$_SESSION['titre_no44'] = "Nocario";
$_SESSION['commentaire_no44'] = '';
$_SESSION['image_no_recto44'] = "nocario/no44.jpg";
$_SESSION['image_no_recto_reduit44'] = "nocario/no044.jpg";
 
$_SESSION['titre_no45'] = "Nocario";
$_SESSION['commentaire_no45'] = '';
$_SESSION['image_no_recto45'] = "nocario/no45.jpg";
$_SESSION['image_no_recto_reduit45'] = "nocario/no045.jpg";
 
$_SESSION['titre_no46'] = "Nocario";
$_SESSION['commentaire_no46'] = '';
$_SESSION['image_no_recto46'] = "nocario/no46.jpg";
$_SESSION['image_no_recto_reduit46'] = "nocario/no046.jpg";
 
// Affichage des éléments de la liste
echo '<table width="100%" border="1" cellspacing="5" bordercolor="#FF0000">';
$nbre_images_par_ligne = 3;
$numero_liste=1; //numéro du premier élément de la liste
$vimage_no_reduit = "image_no_recto_reduit".$numero_liste;
 
// debut boucle
while (isset($_SESSION[$vimage_no_reduit]))  
{
  echo '<tr>';
  for ($image=1; $image<=$nbre_images_par_ligne && isset($_SESSION[$vimage_no_reduit]); $image++)
  {
    echo '<td align="center"><a href="image_nocario.php?num='.$numero_liste.'" target="_blank"><img src="'.$_SESSION[$vimage_no_reduit].'" border="0"></a></td>';
    $numero_liste++; //ajoute 1 à $numero_liste
    $vimage_no_reduit = "image_no_recto_reduit".$numero_liste;
  } // fin boucle for
   
  echo '</tr>';
  if (isset($_SESSION[$vimage_no_reduit]))
  {
 echo '<tr>';
    echo '<td>&nbsp;</td>';
    echo '<td>&nbsp;</td>';
    echo '<td>&nbsp;</td>';
    echo '</tr>';
  }
} // fin boucle while
 
?>
 
    </td>  
    <td width="130" valign="top" bgcolor="#FFFF00"><?php include('boutons.php');?></td>  
</tr>  
<tr>  
    <td width="130">&nbsp;</td>  
    <td width="470" bgcolor="#9933FF">bas de page</td>  
    <td width="130">&nbsp;</td>  
</tr>  
</table>  
</body>  
</html>  
 

Reply

Marsh Posté le 21-04-2005 à 14:21:27    

Je répète : vire les tableaux :o On n'utilise pas de tableaux pour la mise en page

Reply

Marsh Posté le 21-04-2005 à 14:29:36    

1- Faut enlever les tableaux
2- faut enlever les <font>
3- utiliser la cascade CSS, ya trop de trucs inutiles là
4- structurer un peu la page
5- utiliser des listes pour les menus
6- ya un bug dans le PHP, ça génère deux <body> à la suite
7- il y a des <strong> qui ne sont pas censés exister, vu qu'ils ne sont utilisés que pour rendre le texte gras
8- <h1> - <h6>


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

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