Mise en forme d' une requete Mysql ?
nolyo
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
nolyo Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
nolyo Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis actuellement sur un projet de site avec une BDD MYSQL.
Je suis simple amateur.
Mon problème:
Je souhaite par exemple affiché sur ma page d'accueil les 5 dernières vidéos de ma BDD ainsi que le titre et une description , jusque la pas de soucis.
La ou je bloque c'est comment faire ma mise en page ? Je voudrait faire un tableau avec:
Titre en haut, Image (preview) de la vidéo a droite et description a gauche.
Or je ne sais pas comment intégrer du css ou un "style".
J'espère être clair, je peut poster une partie du code pour plus d'info.
Merci à vous pour votre aide .
Je suis actuellement sur un projet de site avec une BDD MYSQL.
Je suis simple amateur.
Mon problème:
Je souhaite par exemple affiché sur ma page d'accueil les 5 dernières vidéos de ma BDD ainsi que le titre et une description , jusque la pas de soucis.
La ou je bloque c'est comment faire ma mise en page ? Je voudrait faire un tableau avec:
Titre en haut, Image (preview) de la vidéo a droite et description a gauche.
Or je ne sais pas comment intégrer du css ou un "style".
J'espère être clair, je peut poster une partie du code pour plus d'info.
Merci à vous pour votre aide .
A voir également:
- Mise en forme d' une requete Mysql ?
- Mise en forme conditionnelle excel - Guide
- Mise en forme tableau croisé dynamique - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
- Mise a jour windows 10 - Accueil - Mise à jour
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : - Guide
6 réponses
slt
je suis amateur aussi en php, mais pour mettre en forme tableau tu utilise simplement les attribut html pour les élément(comme les div id, div classe, puce etc.).
Mais pour la mise en forme en effet il te faut intégrer du css soit dans le code soit dans un fichier, ce qui est meilleur pour les mise a jour. c'est la méthode que je préfère(intégrer le css dans un fichier externe.
place ceci dans la balise
<head>
...
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="index.css" />
...
</head>
sait tu faire ceci. tu veut un exemple? mais a mon avis regarde déja les div id class et met en forme le minimum.
exemple:
index.css
@charset "iso-8859-1";
/* Body corp de toute la page */
body{
background-color: #335566;
font-family: arial;
display: inline-block;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
apres je peut t'aider en mp ou par un autre moyen de communication. mais il y a quelques truc a comprendre dans le css.
ps y a plusieurs version css
2.1 css3. perso je fait du 2.1. mais après y a pas trop de différence.
++
je suis amateur aussi en php, mais pour mettre en forme tableau tu utilise simplement les attribut html pour les élément(comme les div id, div classe, puce etc.).
Mais pour la mise en forme en effet il te faut intégrer du css soit dans le code soit dans un fichier, ce qui est meilleur pour les mise a jour. c'est la méthode que je préfère(intégrer le css dans un fichier externe.
place ceci dans la balise
<head>
...
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="index.css" />
...
</head>
sait tu faire ceci. tu veut un exemple? mais a mon avis regarde déja les div id class et met en forme le minimum.
exemple:
index.css
@charset "iso-8859-1";
/* Body corp de toute la page */
body{
background-color: #335566;
font-family: arial;
display: inline-block;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
apres je peut t'aider en mp ou par un autre moyen de communication. mais il y a quelques truc a comprendre dans le css.
ps y a plusieurs version css
2.1 css3. perso je fait du 2.1. mais après y a pas trop de différence.
++
Merci à toi de prendre le temps de me répondre.
Tout d 'abords je connais le CSS (pas beaucoup comme le reste), j ai deja un fichier "style.css" .
Ce que je cherche plus précisément c'est comment faire ca :
Dans ce code j'ai demandé à ce que la valeur titre soit en <h1>, mais comment faire pour lui donner par exemple une div du genre:
<div class="titre"></div> et de meme pour <div class="embed"></div> ?
J'ai pensé à :
echo '<div class="titre"> '.$data['titre'].'</div><br />';
mais il semble que mes "" provoquent des erreurs .
J'espère me faire comprendre, si tu as un skype ou autre je prend ;) merci
Tout d 'abords je connais le CSS (pas beaucoup comme le reste), j ai deja un fichier "style.css" .
Ce que je cherche plus précisément c'est comment faire ca :
<?php // lancement de la requête (on impose aucune condition puisque l'on désire obtenir la liste complète des propriétaires $sql = 'SELECT titre, embed, tag FROM videos'; // on lance la requête (mysql_query) et on impose un message d'erreur si la requête ne se passe pas bien (or die) $req = mysql_query($sql) or die('Ouup\'s il y a un blem !<br />'.$sql.'<br />'.mysql_error()); // on va scanner tous les tuples un par un while ($data = mysql_fetch_array($req)) { // on affiche les résultats echo '<h1> '.$data['titre'].'</h1><br />'; echo ' '.$data['embed'].'<br /><br />'; } mysql_free_result ($req); mysql_close (); ?>
Dans ce code j'ai demandé à ce que la valeur titre soit en <h1>, mais comment faire pour lui donner par exemple une div du genre:
<div class="titre"></div> et de meme pour <div class="embed"></div> ?
J'ai pensé à :
echo '<div class="titre"> '.$data['titre'].'</div><br />';
mais il semble que mes "" provoquent des erreurs .
J'espère me faire comprendre, si tu as un skype ou autre je prend ;) merci
Pour ta requête et afficher les résultats, il te suffit de faire une boucle.
Il te suffit juste d'adapter la requête à ce que tu veux.
$sql='SELECT * FROM ta_table ORDER BY id DESC LIMIT 5'; $req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error()); while($data = mysql_fetch_array($req)) { // Ici, tu met le code pour chaque vidéo // En CSS, il te suffit de jouer avec les classes pour mettre en forme le tout }
Il te suffit juste d'adapter la requête à ce que tu veux.
Tu peux faire ça:
Si tu as des erreurs, met nous les ici et on pourra essayer de trouver la solution.
$sql='SELECT * FROM ta_table ORDER BY id DESC LIMIT 5'; $req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error()); while($data = mysql_fetch_array($req)) { // Ici, tu met le code pour chaque vidéo // En CSS, il te suffit de jouer avec les classes pour mettre en forme le tout echo '<div class="titre"> '.$data['titre'].'</div><br />'; }
Si tu as des erreurs, met nous les ici et on pourra essayer de trouver la solution.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
slt,
du temps c'est écoulé je sait pas s i tu bloque encore, mais comme arthezius propose:
{
echo '<div class="titre"> '.$data['titre'].'</div><br />';
}
je te cite:
Je voudrait faire un tableau avec:
Titre en haut, Image (preview) de la vidéo a droite et description a gauche.
en css tu rajoute en exemple:
.titre {
background: #000000;
color: #FFFFFF;
width: 200px;
height: 50px;
display: inline-block;
float: left;
line-height:50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 20px;
text-align: center;
}
Tu met un peu les attributs que tu veut, tu peut même mettre une image en background.
après tu peut créer deux div avec l'attribut id par exemple que tu ne pourra pas utiliser comme les classes, c'est à dire qu'on peut l'appelé une seul fois alors que les class plusieurs appel son possible.
Image (preview) de la vidéo a droite et description a gauche.
echo '<div id="video"> '.$data['embed'].'</div>';
echo '<div id="description"> '.$data['embed'].'</div>';
puis en css:
#description {
background: #000000;
color: #FFFFFF;
width: 100px;
height: 50px;
display: inline-block;
float: left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
font-size: 12px;
text-align: left;
}
#video {
background-color: #000000;
width: 100px;
height:50px;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
text-align:center;
}
bon c'est vraiment en gras y a surement des erreurs mais la j'ai pas tester le code a cause php/base de données.
mais j'espère que cela va te donner des idées...
++
Plusieurs problèmes font parfois une solution...
du temps c'est écoulé je sait pas s i tu bloque encore, mais comme arthezius propose:
{
echo '<div class="titre"> '.$data['titre'].'</div><br />';
}
je te cite:
Je voudrait faire un tableau avec:
Titre en haut, Image (preview) de la vidéo a droite et description a gauche.
en css tu rajoute en exemple:
.titre {
background: #000000;
color: #FFFFFF;
width: 200px;
height: 50px;
display: inline-block;
float: left;
line-height:50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 20px;
text-align: center;
}
Tu met un peu les attributs que tu veut, tu peut même mettre une image en background.
après tu peut créer deux div avec l'attribut id par exemple que tu ne pourra pas utiliser comme les classes, c'est à dire qu'on peut l'appelé une seul fois alors que les class plusieurs appel son possible.
Image (preview) de la vidéo a droite et description a gauche.
echo '<div id="video"> '.$data['embed'].'</div>';
echo '<div id="description"> '.$data['embed'].'</div>';
puis en css:
#description {
background: #000000;
color: #FFFFFF;
width: 100px;
height: 50px;
display: inline-block;
float: left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
font-size: 12px;
text-align: left;
}
#video {
background-color: #000000;
width: 100px;
height:50px;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
text-align:center;
}
bon c'est vraiment en gras y a surement des erreurs mais la j'ai pas tester le code a cause php/base de données.
mais j'espère que cela va te donner des idées...
++
Plusieurs problèmes font parfois une solution...