Mise en page

Fermé
manureva2b - Modifié par manureva2b le 16/11/2011 à 21:15
 manureva2b - 18 nov. 2011 à 20:37
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

3 réponses

coeus Messages postés 3019 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
16 nov. 2011 à 21:57
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
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 176 Date d'inscription mercredi 18 août 2010 Statut Membre Dernière intervention 29 juin 2015 23
18 nov. 2011 à 08:41
Il te faut du CSS ! tien un lien: https://www.cssdebutant.com/
tu apprendra en 5 minutes !
0
merci je vais lire ça.
0
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 3019 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
18 nov. 2011 à 14:37
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
Je suis sous firefox et j'ai tester avec safari, le tableau s'affiche mais tout déforme.
0
RESOLU

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

merci pour l'aide
0