Insertion d'un spoiler dans un code php
Résolu
calsifere
Messages postés
195
Statut
Membre
-
Nono_igo Messages postés 73 Statut Membre -
Nono_igo Messages postés 73 Statut Membre -
Bonjour,
J'ai des difficultés à insert dans mon code PHP un spoiler qui s'ouvre en faisans une petite fenêtre qui va s'ouvrir au dessus de mon articles .
Comme ce ci : http://www.hebergeur-images.fr/image-1133583440.html
la fenêtre grise et le résultat que je désire a l'ouverture de mon spoiler
Pourriez vous m'aidez ? Merci <3
J'ai des difficultés à insert dans mon code PHP un spoiler qui s'ouvre en faisans une petite fenêtre qui va s'ouvrir au dessus de mon articles .
Comme ce ci : http://www.hebergeur-images.fr/image-1133583440.html
la fenêtre grise et le résultat que je désire a l'ouverture de mon spoiler
Pourriez vous m'aidez ? Merci <3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head><!-- En-tête de la page --><meta charset="utf-8" /><!-- css --><link rel="stylesheet" href="style.css" /><!-- fin css --></head>
<body><section id="corps" >
<header> <a href="accueil.php"><img src="Images/banniere.png" alt="eclat rouge" WIDTH=100% HEIGHT=100%/></a></header>
<!-- Corps de la page -->
<?php include("boutons.php");?>
<a href="accueil.php"><img src="Images/deco.png" alt="eclat rouge" WIDTH=100% HEIGHT=30%/></a><br/><br/><br/>
<center><section id="presentation2"><article><center>
<?php
// on se connecte à MySQL
$db = mysql_connect('localhost', 'root', '');
// on sélectionne la base
mysql_select_db('les_vins_d_alsace_',$db);
// on crée la requête SQL
$sql = 'SELECT * FROM rouge';
// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
// on fait une boucle qui va faire un tour pour chaque enregistrement
$limite = 4;
$row_num = 0;
#ma table s'ouvre
echo '<table c width="100%"><tr>';
while($data = mysql_fetch_assoc($req))
{
echo '<td></td><td></td><td valign="top" width="25%">';#ma premiere colonne #<section >ouverture de ma section ligne pour le tour du texte#<center> il me centre le titre#h1 le titre#strong me met le titre grand#mon php pour le nom et la date
echo '<section id=ligne ><center><p id=prix><strong>'.$data['nom'].' ('.$data['date'].')</strong></p><hr></center><br/>';#php mon image#les prix#ouverture de la table
echo '<table >';#colone de mon deuxieme tableau#image fin de colone#ouverture de ma colone a coté#prix et fin de colone#fin de la table 2
echo '<td><img src="'.$data['image'].'" WIDTH="100px" HEIGHT="200px" ></td><td style="margin:0;padding:0;vertical-align:top;"><br> '.'<p id=prix> La bouteil 0.750 l : '.$data['prix-bouteil'];
echo '<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></strong><br> La bouteil 0,375 l : <strong>'.$data['prix-demi-bouteil'].'<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></strong>
<br> Le verre 0.370 l : '.$data['prix-verre'].'<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></p></strong><section id=des>
( c ici que je veux mon spoiler )<spoiled>
'.$data['description'].'
(fin du spoiler )
</spoiled>
</section></td></table><br/></section> ' ;
echo '</td><td></td><td></td>';
$row_num++;
if($row_num % $limite == 0)
echo'</tr><tr>';
}
echo '</tr></table>';
mysql_close();?>
</section><center><br/></article></center></center></center>
<footer><br/><br/><?php include("pied.php");?></footer>
</center></body></center></section><br/><br/>
</html>
A voir également:
- Spoiler forum code
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Code blocks - Télécharger - Langages
2 réponses
Bonjour,
La solution que tu as retenue est peut-être intéressante, néanmoins, si j'ai bien compris ce que tu cherches à faire, je crois avoir utilisé une utilisation html/css plus simple pour arriver au même résultat.
Regarde du côté de la balise <span>. On peut lui donner des attributs particulier dans un fichier .css, comme l'affichage d'une fenêtre descriptive lorsque tu passeras ta souris sur une image précise. Voilà un tuto sur l'utilisation de cette balise : http://fr.html.net/tutorials/css/lesson8.php
Si c'est bien ce que tu cherches à faire bien sûr...
La solution que tu as retenue est peut-être intéressante, néanmoins, si j'ai bien compris ce que tu cherches à faire, je crois avoir utilisé une utilisation html/css plus simple pour arriver au même résultat.
Regarde du côté de la balise <span>. On peut lui donner des attributs particulier dans un fichier .css, comme l'affichage d'une fenêtre descriptive lorsque tu passeras ta souris sur une image précise. Voilà un tuto sur l'utilisation de cette balise : http://fr.html.net/tutorials/css/lesson8.php
Si c'est bien ce que tu cherches à faire bien sûr...
