colonne
colonne - HTML/CSS - Programmation
Marsh Posté le 21-04-2005 à 13:39:19
Pourquoi avoir utilisé des tableaux pour la mise en page ?
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.
![[:itm]](https://forum-images.hardware.fr/images/perso/itm.gif "[:itm]")
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 !
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"> </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"> </td>
<td width="470" bgcolor="#FF9966"> </td>
<td width="130" bgcolor="#99FF66"> </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> </td>';
echo '<td> </td>';
echo '<td> </td>';
echo '</tr>';
}
} // fin boucle while
?>
</td>
<td width="130" valign="top" bgcolor="#FFFF00"><?php include('boutons.php');?></td>
</tr>
<tr>
<td width="130"> </td>
<td width="470" bgcolor="#9933FF">bas de page</td>
<td width="130"> </td>
</tr>
</table>
</body>
</html>
Marsh Posté le 21-04-2005 à 14:21:27
Je répète : vire les tableaux 
On n'utilise pas de tableaux pour la mise en page
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>
---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Sujets relatifs:
- datagrid : renommer le nom d'une colonne
- Colorier une colonne de datagrid...
- [Php/MySQL] recupérer nom de colonne
- somme d'une colonne
- Un bouton accecss qui m'efface le contenu de toute une colonne
- [Résolu][ASPX][C#] Connaitre le titre d'une colonne DataGrid
- Largeur de colonne et BDD
- aligner du text en 2 colonne dans une listbox
- HTML table et overflow sur ligne et colonne
- sélectionner une colonne.
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"> </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"> </td>
<td width="470" bgcolor="#FF9966"> </td>
<td width="130" bgcolor="#99FF66"> </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"> </td>
<td width="470" bgcolor="#9933FF">bas de page</td>
<td width="130"> </td>
</tr>
</table>
</body>
</html>