affichage sql dans CSS

par **Dr@ke** » 06 mars 2010, 15:41

Comme toujours, il y a surement pleins de méthodes.

Tu as la fonction strlen() pour calculer le nombre de caractères d'une chaine.
http://php.net/manual/fr/function.strlen.php

La fonction substr() pour ne retourner qu'un segment d'une chaine.
http://php.net/manual/fr/function.substr.php

La fonction wordwrap() pour formater le texte comme il te convient.
http://php.net/manual/fr/function.wordwrap.php

Et la liste complète des fonctions qui travaillent sur les chaines:
http://www.php.net/manual/fr/ref.strings.php

Sinon bien joué pour le reste

par **spidercrash** » 06 mars 2010, 09:42

cela marche nickel je te remercie cependant encore un ptit problème

ta taille des cellules se bloc bien a la taille désiré sauf que pour la hauteur cela ne bloc pas si la description de l'annonce est trop grande ou même le titre cela agrandi les cellules en hauteur,
Donc si j'applique un fond par défaut et que la personne marque trop de chose le fond ne sera plus adapté en hauteur.

Voici mon code PHP

<?php
$base = mysql_connect ('zzzzz','zzzzz','zzz');
mysql_select_db ('zzzzz', $base);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> 
 <title>petite annonce gratuite pour particulier encart publicitaire pour profesionnel - mon espace</title>
 <meta http-equiv="Content-Type" content="text/html";
	charset=iso-8859-1" />
 <link rel="stylesheet" media="screen" type="text/css"
	title="Design espace" href="css/annonces3_style.css" />
</head>
<body>
<div id="annonce"></div>
	

	<div id="entete">
 
	</div>

	<div id="corps">
 
		<img src="contenu/logisdesannonces.png" alt="logisdesannonces" class="logisdesannonces" />
		<img src="contenu/logo.png" alt="logo" class="logo" />
	<div id="bouton">		
		<a href="divers.html"><img src="contenu/divers.png" alt="divers" class="divers" border="0"/></a>
		<a href="vehicule.html"><img src="contenu/vehicule.png" alt="vehicule" class="vehicule" border="0"/></a>
		<a href="hightech.html"><img src="contenu/high-tech.png" alt="hightech" class="hightech" border="0"/></a>
		<a href="immobilier.html"><img src="contenu/immobilier.png" alt="immobilier" class="immobilier" border="0"/></a>
		<a href="animaux.html"><img src="contenu/animaux.png" alt="animaux" class="animaux" border="0"/></a>
		<a href="espacepro.html"><img src="contenu/boutonpro.png" alt="bouton" class="bouton" border="0"/></a>
	</div>	
		<a href="http://www.logisdesannonces.fr/accueil.html"><img src="contenu/bouton_accueil.png" alt="accueil" class="accueil" border="0"/></a>

	</div>


 <!-- Début du tableau -->
  
 
<?php
$sql= 'SELECT * FROM annonces WHERE 1';
$req= mysql_query($sql) or die ('erreur sql §<br />'.$sql.'<br />'.mysql_error());

//Ta boucle
$i=0;

while($data=mysql_fetch_array($req)) 
  { // ici la boucle qui permet d'effectuer la recherche 
  ?>

<table>
	<tr>
		<td class="titreannonce"><?php echo $data ['titreannonce']; ?></td>		
		<td class="date">DATE </th>		
    </tr>
    <tr>
		<td class="region"><?php echo $data ['region']; ?></td>	
		<td class="prix"><?php echo $data ['prix']; ?></td>
				
    </tr>
	<tr>
		<td class="description" colspan="2"><?php echo $data ['descriptionannonce']; ?></td>					
    </tr>    
    <tr>
		<td class="vide"></td>
		<td class="pseudo"><?php echo $data ['pseudo']; ?></td>					
    </tr>	
  
 </table>
 
   
<?php
  }
 mysql_free_result ($req);
mysql_close ();
  ?>


</div>

<div id="pied_de_page">
 <div id="boutonbas">
	<a href="information.html"><img src="contenu/information.png" alt="information" class="information" border="0"/></a>
	<a href="contact.html"><img src="contenu/contact.png" alt="contact" class="contact" border="0"/></a>
	<a href="newsletters.html"><img src="contenu/newsletters.png" alt="newsletters" class="newsletters" border="0"/></a>
	<a href="offre.html"><img src="contenu/offre.png" alt="offre" class="offre" border="0"/></a>
	<a href="aide.html"><img src="contenu/aide.png" alt="aide" class="aide" border="0"/></a>

</div>
</div>


</body>
</html>

et voici mon code CSS.

Code : Tout sélectionner

body
 {
	color: black;
	background-color: #CBCBCB;	
}

#entete
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 90px;
	left: 90px;
	
	background: url("../contenu/barre.png") no-repeat;	
}




div#entete 
{  
   color:white;
   font-size:15px;
   font-family: arial;
   
}


#h2
{
   
	position: absolute;
	top: 100px;
	left: 200px;
	font-size:13px;
    font-family: arial;
	color:white;
}

.logisdesannonces
{
	position: absolute;
	top: 30px;
	left: 210px;
}

.accueil
{
	position: absolute;
	top: 79px;
	left: 100px;
}


.logo
{
	position: absolute;
	top: -20px;
	left: 90px;
}

#bouton
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 160px;	
	border: 0px;
}


.divers
{
	position: absolute;
	top: 79px;
	left: 102px;
	border: 0px;
}
.vehicule
{
	position: absolute;
	top: 79px;
	left: 240px;
	border: 0px;
}
.hightech
{
	position: absolute;
	top: 79px;
	left: 378px;
	border: 0px;
}
.immobilier
{
	position: absolute;
	top: 79px;
	left: 516px;
	border: 0px;
}
.animaux
{
	position: absolute;
	top: 79px;
	left: 654px;
	border: 0px;
}
.bouton
{
	position: absolute;
	top: 30px;
	left: 580px;
	border: 0px;
}


table
{
		
	position: relative;
	top: 100px;
	left: 100px;
	border: 1.5px solid black;	
	border-collapse: collapse;			
	margin: 10px;	
	
	
}

.titreannonce {
width:300px;
height:20px;
border: 1.5px solid white;
border-collapse: collapse;
font-size:16px;
font-family: arial;
color:white;
}
.date {
width:80px;
height:20px;
border: 1.5px solid white;
border-collapse: collapse;
}
.region {
width:300px;
height:20px;
border: 1.5px solid white;
border-collapse: collapse;
}
.prix {
width:80px;
height:20px;
border: 1.5px solid white;
border-collapse: collapse;
}
.description {
width:380px;
height:100px;
border: 1.5px solid white;
border-collapse: collapse;
}
.vide {
width:300px;
height:20px;
border: 1.5px solid white;
border-collapse: collapse;
}
.pseudo {
width:80px;
height:20px;
border: 1.5px solid white;
border-collapse: collapse;
}






#pied_de_page
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 780px;
	left: 90px;
	
	background: url("../contenu/barre.png") no-repeat;	
}

#boutonbas
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 160px;	
	border: 0px;
}
.information
{
	position: absolute;
	top: -10px;
	left: 10px;
	border: 0px;
}
.contact
{
	position: absolute;
	top: -10px;
	left: 150px;
	border: 0px;
}
.offre
{
	position: absolute;
	top: -10px;
	left: 290px;
	border: 0px;
}
.newsletters
{
	position: absolute;
	top: -10px;
	left: 430px;
	border: 0px;
}
.aide
{
	position: absolute;
	top: -10px;
	left: 570px;
	border: 0px;
}

L'idéal c'est que sa bloc a un certain nombre de caractères puis après lorsque cela bloc sa met des ... au bout de la ligne pour forcer l'utilisateur a rentrer dans l'annonce pour voir la description total.
Mais déjà un grand avancement c'est cool

par **Dr@ke** » 05 mars 2010, 00:27

Le but c'est que tous les <td> prix soient de la même taille
Que tous les <td> descriptions soient de la même taille...

Donc effectivement, tu ne peux pas fixer la taille de tous les <td> avec la même taille.
Dans ce cas, tu créés une class pour chaque <td>.
Exemple:

Code : Tout sélectionner

.prix {
width:50px;
height:50px;
}

.description {
width:100px;
height:100px;
}

Ensuite dans ta boucle:

<td class="description" colspan="4"><?php echo $data ['descriptionannonce']; ?></td>

Sinon:
Cela peut marcher aussi en n'utilisant que les styles oui.
Mais ils se placent dans les balises, exemple:

<td style="width:50px; height:50px;">prix</td>

_______________

Par contre:
Chaque tableau des annonces, ils seront eux tous de la même taille.
Donc là tu peux définir tous les tableaux de la même taille.
Exemple:

Code : Tout sélectionner

div#annonces table {
width:400px;
height:200px;
}

Ce Div, il faut évidemment le mettre autour de ta boucle et donc non dedans.

<div id="annonces">
// ta boucle
</div>

De cette façon, il n'y aura que les tableaux de tes annonces qui seront pris en compte.
...

PS:
Tout en sachant, qu'il y a plein de méthodes et possibilités, c'est juste un exemple

par **spidercrash** » 04 mars 2010, 23:17

question bête si j'utilise les attributs width et height sur la balise td toutes ces balise auront la meme taille.
Donc admetons que td : prix soit a wight : 50 height 50
et que td description face width:100 height :100.
dois je placer un div

exemple :

<div id="prix">
<td>prix</td>
<div>

<div id="description">
<td>description </td>

puis dans mon css

div#prix td {
width:50px;
height:50px;
}
div#description td {
width:100px;
height:100px;
}

ou sinon est ce que sa peut marcher comme cela si je place le css dans une seul page

<td>
style="width:50px; height:50px;"
prix
</td>
<td>
style="width:100px; height:100px;"
description
</td>

dois-je proceder comme cela ?

par **Dr@ke** » 04 mars 2010, 18:11

Relis bien mon Post, c'est pas si compliqué mais cela demande du temps, des tests et du travail.

par **spidercrash** » 04 mars 2010, 18:06

merci pour ta réponse mais quand tu dit
"Le soucis de créer un tableau pour chaque annonces c'est que cela t'oblige de définir une taille pour chaque <td>"

connait tu une autre solution afin d'avoir une belle présentation sans avoir de tableau exemple je cherche a faire un aspect comme cela :

Titre de l'annonce Date
Département/région Pseudo

Description de l'annonce .................
..............................................
..............................................
PRIX

Deplus a chaque annonce tout s'aligne bien et decription regroupe que 3 Lignes de descriptif puis aprés cela metterai ....

Je souhaiterai faire un peut comme cela http://www.annoncesjaunes.fr/immobilier-vente/maison/
Comme les annonces qui sont vers le bas encadré en blanc.

par **Dr@ke** » 04 mars 2010, 17:44

Le soucis de créer un tableau pour chaque annonces c'est que cela t'oblige de définir une taille pour chaque <td>.
Sinon les <td> fixent leur tailles en fonction de leur contenu.
Pour définir les tailles des <td>:
Il faut, par exemple, utiliser les attributs width et height.
Ensuite donc pour séparer chaque tableau, utiliser le css margin.
http://www.w3schools.com/CSS/css_margin.asp

Sinon, en utilisant qu'un seul tableau, et donc en séparant les annonces par un <tr>.
Les <td> se fixeront tous de la même taille automatiquement...
Ensuite pour séparer chaque <tr> (annonces), utilise par exemple: le css border-spacing
http://www.zonecss.fr/style_css/feuille ... acing.html

PS:
Il est souvent beaucoup plus pratique de séparer chaque configuration css.
Sinon par exemple si tu définis des paramètres pour <table> dans ton css, eh bien tous tes tableaux seront affectés, même ceux qui n'ont rien avoir avec tes annonces.
Ou au lieu de l'inscrire direct dans le fichier css, tu peux directement inscrire les paramètres dans ta page avec l'attribut style, exemple:

style="width:400px; height:200px;"

C'est aussi souvent plus simple à la création de la page, tu as ainsi qu'un seul fichier a modifier et a tester...

Tu peux aussi définir un ID à un <div>.
Exemple:

<div id="annonces">

Ensuite dans ton css:

Code : Tout sélectionner

div#annonces table {
width:400px;
height:200px;
}

Ainsi, encore une fois, seul le Div avec l'ID annonces sera affecté par ces paramétrages.
Évitant ainsi de faire bugguer le reste

...

par **spidercrash** » 03 mars 2010, 21:58

donc j'ai avancé voici se que sa donne

http://www.logisdesannonces.fr/retest.jpg

lorsque j'ajoute une annonce un nouveau tableau se place en dessous de la precedente et le fond est bien importé.
Le HIC c'est que le tableau est depace mon fond.
la tableau se calle a gauche bien l'image demarre aprés, donc les écriture sont décalées.
Car le but aprés est de supprimé les ligne du tableau pour que tous rentre dans mon fond.

Voici mon code PHP

<?php
$base = mysql_connect ('zzzz,'zzzz','zzzz');
mysql_select_db ('zzzz', $base);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> 
 <title>petite annonce gratuite pour particulier encart publicitaire pour profesionnel - mon espace</title>
 <meta http-equiv="Content-Type" content="text/html";
	charset=iso-8859-1" />
 <link rel="stylesheet" media="screen" type="text/css"
	title="Design espace" href="css/annonces2_style.css" />
</head>
<body>
<div id="annonce"></div>
	

	<div id="entete">
 
	</div>

	<div id="corps">
 
		<img src="contenu/logisdesannonces.png" alt="logisdesannonces" class="logisdesannonces" />
		<img src="contenu/logo.png" alt="logo" class="logo" />
	<div id="bouton">		
		<a href="divers.html"><img src="contenu/divers.png" alt="divers" class="divers" border="0"/></a>
		<a href="vehicule.html"><img src="contenu/vehicule.png" alt="vehicule" class="vehicule" border="0"/></a>
		<a href="hightech.html"><img src="contenu/high-tech.png" alt="hightech" class="hightech" border="0"/></a>
		<a href="immobilier.html"><img src="contenu/immobilier.png" alt="immobilier" class="immobilier" border="0"/></a>
		<a href="animaux.html"><img src="contenu/animaux.png" alt="animaux" class="animaux" border="0"/></a>
		<a href="espacepro.html"><img src="contenu/boutonpro.png" alt="bouton" class="bouton" border="0"/></a>
	</div>	
		<a href="http://www.logisdesannonces.fr/accueil.html"><img src="contenu/bouton_accueil.png" alt="accueil" class="accueil" border="0"/></a>

	</div>


 <!-- Début du tableau -->
  
 
<?php
$sql= 'SELECT * FROM annonces WHERE 1';
$req= mysql_query($sql) or die ('erreur sql §<br />'.$sql.'<br />'.mysql_error());

//Ta boucle
$i=0;

while($data=mysql_fetch_array($req)) 
  { // ici la boucle qui permet d'effectuer la recherche 
  ?>
 <div id="tableau">
<table>
	<tr>
		<th colspan="3"><?php echo $data ['titreannonce']; ?></th>		
		<th>DATE </th>		
    </tr>
		<tr>
			<td colspan="3"><?php echo $data ['region']; ?></td>				
			<td><?php echo $data ['prix']; ?></td>		
		</tr>
			<tr>
				<td colspan="4"><?php echo $data ['descriptionannonce']; ?></td>				
			</tr> 
  
 </table>
 
 </div>   
<?php
  }
 mysql_free_result ($req);
mysql_close ();
  ?>


</div>

<div id="pied_de_page">
 <div id="boutonbas">
	<a href="information.html"><img src="contenu/information.png" alt="information" class="information" border="0"/></a>
	<a href="contact.html"><img src="contenu/contact.png" alt="contact" class="contact" border="0"/></a>
	<a href="newsletters.html"><img src="contenu/newsletters.png" alt="newsletters" class="newsletters" border="0"/></a>
	<a href="offre.html"><img src="contenu/offre.png" alt="offre" class="offre" border="0"/></a>
	<a href="aide.html"><img src="contenu/aide.png" alt="aide" class="aide" border="0"/></a>

</div>
</div>


</body>
</html>

et voici mon code CSS.

Code : Tout sélectionner

body
 {
	color: black;
	background-color: #CBCBCB;	
}

#entete
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 90px;
	left: 90px;
	
	background: url("../contenu/barre.png") no-repeat;	
}




div#entete 
{  
   color:white;
   font-size:15px;
   font-family: arial;
   
}


#h2
{
   
	position: absolute;
	top: 100px;
	left: 200px;
	font-size:13px;
    font-family: arial;
	color:white;
}

.logisdesannonces
{
	position: absolute;
	top: 30px;
	left: 210px;
}

.accueil
{
	position: absolute;
	top: 79px;
	left: 100px;
}


.logo
{
	position: absolute;
	top: -20px;
	left: 90px;
}

#bouton
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 160px;	
	border: 0px;
}


.divers
{
	position: absolute;
	top: 79px;
	left: 102px;
	border: 0px;
}
.vehicule
{
	position: absolute;
	top: 79px;
	left: 240px;
	border: 0px;
}
.hightech
{
	position: absolute;
	top: 79px;
	left: 378px;
	border: 0px;
}
.immobilier
{
	position: absolute;
	top: 79px;
	left: 516px;
	border: 0px;
}
.animaux
{
	position: absolute;
	top: 79px;
	left: 654px;
	border: 0px;
}
.bouton
{
	position: absolute;
	top: 30px;
	left: 580px;
	border: 0px;
}

#tableau
{
	
	top: 150px;
	left: 0px;
	position: relative;
	font-size: 12px;
	font-family: arial;
	
	
	
}


table
{
	height: 100px ; 
	width: 495px ;	
	position: relative;
	border: 1.5px solid black;
	border-collapse: collapse;		
	margin: 10px;	
	background: url("../contenu/petite_annonce.png") no-repeat;
	
}
td
{
	border: 0px;	
	border-collapse: collapse;
	
	
}


th
{
	
	border: 1.5px dotted black;
	border-collapse: collapse;

	
}



#pied_de_page
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 780px;
	left: 90px;
	
	background: url("../contenu/barre.png") no-repeat;	
}

#boutonbas
{
	width: 1024px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 160px;	
	border: 0px;
}
.information
{
	position: absolute;
	top: -10px;
	left: 10px;
	border: 0px;
}
.contact
{
	position: absolute;
	top: -10px;
	left: 150px;
	border: 0px;
}
.offre
{
	position: absolute;
	top: -10px;
	left: 290px;
	border: 0px;
}
.newsletters
{
	position: absolute;
	top: -10px;
	left: 430px;
	border: 0px;
}
.aide
{
	position: absolute;
	top: -10px;
	left: 570px;
	border: 0px;
}

Et deplus mon probléme suivant le titre ou le contenu de la decription le tableau s'agrandie ou se reduit comme l'exemple de ma capture d'écran.
Est ce que je peut bloquer le champs description a tant de caractere puis aprés mettre des ... afin que la personne clic sur l'annonce souhaité pour lire le contenu.

Merci de votre aide

par **spidercrash** » 02 mars 2010, 22:16

en tous cas je te remercie je vais regarder cela de plus prêt ci j'ai une question je reviendrai vers toi si sa te dérange pas

par **Dr@ke** » 02 mars 2010, 21:14

Désolé il faut que tu te documentes, je n'ai pas le temps de tout regarder le code.
Ou alors c'est moi qui oublie quelque chose de simple... -> c'est possible aussi
De plus y a souvent des interactions avec les css...

par **spidercrash** » 02 mars 2010, 21:09

Supprime les deux balises <table> et </table> qui sont en dehors de la boucle
Ensuite remonte le <table> qui se trouve dans la boucle au dessus du <tr>

[EDIT]
Ah et le </table> dans la boucle déplace le en dessous du </tr>

J'ai suivi ton conseil j'ai fait comme cela

<?php
$base = mysql_connect ('aaa','aaa','aaa');
mysql_select_db ('aaa, $base);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> 
 <title>petite annonce gratuite pour particulier encart publicitaire pour profesionnel - mon espace</title>
 <meta http-equiv="Content-Type" content="text/html";
	charset=iso-8859-1" />
 <link rel="stylesheet" media="screen" type="text/css"
	title="Design espace" href="css/annonces_style.css" />
</head>
<body>
<div id="annonce"></div>
	

	<div id="entete">
 
	</div>

	<div id="corps">
 
		<img src="contenu/logisdesannonces.png" alt="logisdesannonces" class="logisdesannonces" />
		<img src="contenu/logo.png" alt="logo" class="logo" />
	<div id="bouton">		
		<a href="divers.html"><img src="contenu/divers.png" alt="divers" class="divers" border="0"/></a>
		<a href="vehicule.html"><img src="contenu/vehicule.png" alt="vehicule" class="vehicule" border="0"/></a>
		<a href="hightech.html"><img src="contenu/high-tech.png" alt="hightech" class="hightech" border="0"/></a>
		<a href="immobilier.html"><img src="contenu/immobilier.png" alt="immobilier" class="immobilier" border="0"/></a>
		<a href="animaux.html"><img src="contenu/animaux.png" alt="animaux" class="animaux" border="0"/></a>
		<a href="espacepro.html"><img src="contenu/boutonpro.png" alt="bouton" class="bouton" border="0"/></a>
	</div>	
		<a href="http://www.logisdesannonces.fr/accueil.html"><img src="contenu/bouton_accueil.png" alt="accueil" class="accueil" border="0"/></a>

	</div>


 <!-- Début du tableau -->
  
 
<?php
$sql= 'SELECT * FROM annonces WHERE 1';
$req= mysql_query($sql) or die ('erreur sql §<br />'.$sql.'<br />'.mysql_error());

//Ta boucle
$i=0;

while($data=mysql_fetch_array($req)) 
  { // ici la boucle qui permet d'effectuer la recherche 
  ?>
<table>
 <tr class="<?php echo ($i%2) ? 'classedufond2' : 'classedufond1'; ?>">
 
    <td><?php echo $data ['departement']; ?></td>
	<td><?php echo $data ['region']; ?></td>
	<td><?php echo $data ['categorie']; ?></td>
	<td><?php echo $data ['souscategorie']; ?></td>	
    <td><?php echo $data ['typeannonce']; ?></td>
	<td><?php echo $data ['titreannonce']; ?></td>
    <td><?php echo $data ['descriptionannonce']; ?></td>
	<td><?php echo $data ['prix'].'<br /><br />'; ?></td>

  </tr>
 </table>
 <?php
    $i++;
?>
    
<?php
  }
 mysql_free_result ($req);
mysql_close ();
  ?>


</div>

<div id="pied_de_page">
 <div id="boutonbas">
	<a href="information.html"><img src="contenu/information.png" alt="information" class="information" border="0"/></a>
	<a href="contact.html"><img src="contenu/contact.png" alt="contact" class="contact" border="0"/></a>
	<a href="newsletters.html"><img src="contenu/newsletters.png" alt="newsletters" class="newsletters" border="0"/></a>
	<a href="offre.html"><img src="contenu/offre.png" alt="offre" class="offre" border="0"/></a>
	<a href="aide.html"><img src="contenu/aide.png" alt="aide" class="aide" border="0"/></a>

</div>
</div>


</body>
</html>

mais cela ne change rien

par **Dr@ke** » 02 mars 2010, 21:03

Supprime les deux balises <table> et </table> qui sont en dehors de la boucle
Ensuite remonte le <table> qui se trouve dans la boucle au dessus du <tr>

[EDIT]
Ah et le </table> dans la boucle déplace le en dessous du </tr>

<table>
<tr>
<td>
</td
</tr>
</table>

par **spidercrash** » 02 mars 2010, 21:02

tu veut dire comme cela ?

<table> <!-- Début du tableau -->
  
 
<?php
$sql= 'SELECT * FROM annonces WHERE 1';
$req= mysql_query($sql) or die ('erreur sql §<br />'.$sql.'<br />'.mysql_error());

//Ta boucle
$i=0;

while($data=mysql_fetch_array($req)) 
  { // ici la boucle qui permet d'effectuer la recherche 
  ?>
  <table>
 <tr class="<?php echo ($i%2) ? 'classedufond2' : 'classedufond1'; ?>">
 
    <td><?php echo $data ['departement']; ?></td>
	<td><?php echo $data ['region']; ?></td>
	<td><?php echo $data ['categorie']; ?></td>
	<td><?php echo $data ['souscategorie']; ?></td>	
    <td><?php echo $data ['typeannonce']; ?></td>
	<td><?php echo $data ['titreannonce']; ?></td>
    <td><?php echo $data ['descriptionannonce']; ?></td>
	<td><?php echo $data ['prix'].'<br /><br />'; ?></td>

  </tr>
 
 <?php
    $i++;
?>
 </table>

par **spidercrash** » 02 mars 2010, 20:55

Désolé voici le code complet faut que j'arrête de donner des bout de code

<?php
$base = mysql_connect ('aaaa,'laaa','aaa');
mysql_select_db ('aaa', $base);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> 
 <title>petite annonce gratuite pour particulier encart publicitaire pour profesionnel - mon espace</title>
 <meta http-equiv="Content-Type" content="text/html";
	charset=iso-8859-1" />
 <link rel="stylesheet" media="screen" type="text/css"
	title="Design espace" href="css/annonces_style.css" />
</head>
<body>
<div id="annonce"></div>
	

	<div id="entete">
 
	</div>

	<div id="corps">
 
		<img src="contenu/logisdesannonces.png" alt="logisdesannonces" class="logisdesannonces" />
		<img src="contenu/logo.png" alt="logo" class="logo" />
	<div id="bouton">		
		<a href="divers.html"><img src="contenu/divers.png" alt="divers" class="divers" border="0"/></a>
		<a href="vehicule.html"><img src="contenu/vehicule.png" alt="vehicule" class="vehicule" border="0"/></a>
		<a href="hightech.html"><img src="contenu/high-tech.png" alt="hightech" class="hightech" border="0"/></a>
		<a href="immobilier.html"><img src="contenu/immobilier.png" alt="immobilier" class="immobilier" border="0"/></a>
		<a href="animaux.html"><img src="contenu/animaux.png" alt="animaux" class="animaux" border="0"/></a>
		<a href="espacepro.html"><img src="contenu/boutonpro.png" alt="bouton" class="bouton" border="0"/></a>
	</div>	
		<a href="http://www.logisdesannonces.fr/accueil.html"><img src="contenu/bouton_accueil.png" alt="accueil" class="accueil" border="0"/></a>

	</div>


<table> <!-- Début du tableau -->
  
 
<?php
$sql= 'SELECT * FROM annonces WHERE 1';
$req= mysql_query($sql) or die ('erreur sql §<br />'.$sql.'<br />'.mysql_error());

//Ta boucle
$i=0;

while($data=mysql_fetch_array($req)) 
  { // ici la boucle qui permet d'effectuer la recherche 
  ?>
 <tr class="<?php echo ($i%2) ? 'classedufond2' : 'classedufond1'; ?>">
 <table>
    <td><?php echo $data ['departement']; ?></td>
	<td><?php echo $data ['region']; ?></td>
	<td><?php echo $data ['categorie']; ?></td>
	<td><?php echo $data ['souscategorie']; ?></td>	
    <td><?php echo $data ['typeannonce']; ?></td>
	<td><?php echo $data ['titreannonce']; ?></td>
    <td><?php echo $data ['descriptionannonce']; ?></td>
	<td><?php echo $data ['prix'].'<br /><br />'; ?></td>
</table>
  </tr>
 <?php
    $i++;
?>
    
<?php
  }
 mysql_free_result ($req);
mysql_close ();
  ?>
</table>

</div>

<div id="pied_de_page">
 <div id="boutonbas">
	<a href="information.html"><img src="contenu/information.png" alt="information" class="information" border="0"/></a>
	<a href="contact.html"><img src="contenu/contact.png" alt="contact" class="contact" border="0"/></a>
	<a href="newsletters.html"><img src="contenu/newsletters.png" alt="newsletters" class="newsletters" border="0"/></a>
	<a href="offre.html"><img src="contenu/offre.png" alt="offre" class="offre" border="0"/></a>
	<a href="aide.html"><img src="contenu/aide.png" alt="aide" class="aide" border="0"/></a>

</div>
</div>


</body>
</html>

tu veut dire que je doit repréciser <table> avant la boucle et le début du tableau ?

par **Dr@ke** » 02 mars 2010, 20:54

Et le début du tableau est ou?
En dehors de la boucle ou dedans?

Code : Tout sélectionner

<table> 

affichage sql dans CSS

Répondre

Étendre la vue Revue du sujet : affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS

Re: affichage sql dans CSS