Mise en page

manureva2b -  
 manureva2b -
Bonsoir,

J'ai réussi à afficher toutes les données que je voulais sur ma page ..

mais par contre ça ressemble à rien, je m'explique:

j'ai mis les données de ma table dans un tableau mais certaines cellules sont toutes petites et d'autres 10 fois trop large au lieu de s'adapter; de plus je donne une largeur max à mon tableau mais celui ci s'agrandi, il fait 999 et je voudrais qu'il ne dépasse pas 790.

De plus les titres des colonnes ne s'affichent pas non plus.

Pouvez vous m'aider?

voici mon code:


$idSql = mysql_connect($host, $user, $passwd) or die('Erreur de connexion');
mysql_select_db($bdd) or die('Base inexistante');

$sql = 'SELECT DISTINCT ville FROM T_evenement';
$query = mysql_query($sql) or die( 'Erreur' );

$tabVille = array();
if (mysql_num_rows($query) != 0)
{
while ($list = mysql_fetch_assoc( $query ))
{
$tabVille[] = $list['ville'];
}
mysql_close($idSql);
}

//affichage
if (!empty($tabVille))
{
?>
<form action="<?php echo $_SERVER['REQUEST_URI']; ?>" method="post">
<select name="ville" onChange="this.form.submit();">
<?php
foreach ($tabVille as $ville)
{
echo "<option value='".$ville."'>".$ville."</option>";
}
?>
</select>
<input type="submit" name="valider" id="valider" value="Envoyer" />
</form>
<?php
}
else
{
?></td>
<td width="191" height="2" bgcolor="#7DB85A"></td>
<td width="20"> </td>
</tr>
<tr>
<td> </td>
<td width="790" align="left" valign="top" bgcolor="#FFFFFF">

<table border="1" cellpadding="5" cellspacing="1" bgcolor="#8FEC77">

<th bgcolor="#009037" align="center" class="couleurjaune">Date </th>
<th bgcolor="#009037" align="center" class="couleurjaune">Jour</th>
<th bgcolor="#009037" align="center" class="couleurjaune">Nom du l'événement </th>
<Th bgcolor="#009037" align="center" class="couleurjaune">Descriptif</Th>
<Th bgcolor="#009037" align="center" class="couleurjaune">Adresse</Th>
<Th bgcolor="#009037" align="center" class="couleurjaune">Code postal</Th>
<Th bgcolor="#009037" align="center" class="couleurjaune">Ville</Th>
<th bgcolor="#009037" align="center" class="couleurjaune">Heure </th>
<th bgcolor="#009037" align="center" class="couleurjaune">Contact</th>



</tr>

<?php
}

if (!empty($_POST["ville"]))
{
$ville = mysql_escape_string($_POST["ville"]);
$idSql = mysql_connect($host, $user, $passwd) or die('Erreur de connexion');
mysql_select_db($bdd) or die('Base inexistante');

$sql = "SELECT ville,DATE_FORMAT(date, '%d-%m-%Y') as datefr,jour,nom_event,descriptif,adresse,code_postal,heure,contact FROM T_evenement WHERE ville = '".$ville."'";
$query = mysql_query($sql) or die( 'Erreur' );
$result = mysql_query($query);

// Recuperation des resultats
while ( $list = mysql_fetch_array( $query ))
{
$Ville = $list[0];
$Datefr = $list[1];
$Jour = $list[2];
$Nom_event = $list[3];
$Descriptif = $list[4];
$Adresse = $list[5];
$Code_postal = $list[6];
$Heure = $list[7];
$Contact = $list[8];


echo "<tr>\n
<td>$Datefr</td>\n
<td>$Jour</td>\n
<td>$Nom_event</a></td>\n
<td>$Descriptif</td>\n
<td>$Adresse</a></td>\n
<td>$Code_postal</td>\n
<td>$Ville</td>\n
<td>$Heure</td>\n
<td>$Contact</td>\n
</tr>\n";

}

// Deconnexion de la base de donnees
mysql_close($idSql);
}
?>


Par avance merci

A voir également:

3 réponses

coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Salut,

Bon ben il va falloir mettre du CSS dans tout ça ! ;-)

Voici qui devrait te guider...
Un conseil, évite les choses du genre

<th bgcolor="#009037" align="center" class="couleurjaune">Date </th> 

Garde seulement

<th class="couleurjaune">Date </th> 

Et crée-toi la classe CSS :

table tr th.couleurjaune {
	background-color:#009037;
	text-align:center;
	}


Après, tu pourras, dans le CSS, spécifier le width que tu veux, qui limitera la cellule dans ses dimensions.

Laisse-moi savoir comment ça avance !
0
manureva2b
 
Bonsoir,

Je viens seulement de rentrer de déplacement, j'essais demain matin et te dis ça. merci pour ton aide.
0
[F]ull-sky Messages postés 175 Date d'inscription   Statut Membre Dernière intervention   23
 
Il te faut du CSS ! tien un lien: https://www.cssdebutant.com/
tu apprendra en 5 minutes !
0
manureva2b
 
merci je vais lire ça.
0
manureva2b
 
Bonjour,

Le problème ne viens pas de mon tableau en lui même je pense car sur dreamweaver il est bien en place et de bonne taille, mais c'est quand les données sont générées depuis msql qui ça devient n'importe quoi.

Personnes à une idée?

Merci
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Si le tableau s'affiche bien dans Dreamweaver et pas sur la navigateur, ça doit être la faute du navigateur. Il faut juste uniformiser. As-tu testé avec Firefox ? Explorer ? Chrome ? Autre chose ?
0
manureva2b
 
Je suis sous firefox et j'ai tester avec safari, le tableau s'affiche mais tout déforme.
0
manureva2b
 
RESOLU

probleme de <tr> et <td> mal placé

merci pour l'aide
0