Marion
-
20 avril 2008 à 21:16
Dalida
Messages postés6728Date d'inscriptionmardi 14 mai 2002StatutContributeurDernière intervention11 janvier 2016
-
20 avril 2008 à 21:27
Bonsoir,
voila le code d'une page web que j'ai faite dans la création d'un site:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link title="test" type="text/css" rel="stylesheet" href="mafeuille.css"/>
<title>Musique,Lecture,Film et Jeux</title>
</head>
<body >
<div id="conteneur"> <!-- le conteneur entoure tout le contenu de la page -->
<div id="entete"> <!-- bandeau en haut de la page -->
<?php
$jour=date("d");
$nomjour=date("l");
$mois=date("m");
$nommois=date("M");
$an=date("Y");
$heure = date("H:i");
?>
<?php echo $nomjour.'-'.$jour.'-'.$nommois.'-'.$an.'-'.$heure ;?>
</div> <!-- fin du div entete -->
<!-- menu apparaîssant à gauche de la page -->
<div id="conteneurmenu">
<a href='Bienvenue.php'>Retour à la page d'accueil</a><br/><br/>
<a href='Films.php'><b>Films</b></a><br />
<a href='Livres.php'><b>Livres</b></a><br />
<a href='Musiques.php'><b>Musiques</b></a><br />
<a href='Sudoku.php'><b>Sudoku</b></a><br />
</div>
<div id="contenu"> <!-- contenu de la page -->
<?php
include ('connexion.php');
$id_connexion= connexion_bd();
if ($id_connexion) {
?>
<?php
$requete = 'select titrefilm, realisateur, datesortiefilm, resumefilm, txtcritiquefilm, libgenre from films';
$requete=$requete.' Inner join genre on films.idgenre=genre.idgenre';
$requete=$requete.' Where films.idgenre=1;';
$result=mysqli_query($id_connexion, $requete);
while ($ligne=mysqli_fetch_array($result)) {
echo '<br />Détails du film policier :<br />';
echo '<table border=\'0\'>';
echo '<tr><td>Titre du film: '.$ligne['titrefilm'].'</td></tr>';
echo '<tr><td>Réalisateur: '.$ligne['realisateur'].'</td></tr>';
echo '<tr><td>Date de sortie du film: '.$ligne['datesortiefilm'].'</td></tr>';
echo '<tr><td>Résumé: '.$ligne['resumefilm'].'</td></tr>';
echo '<tr><td>Critique personnelle à propos du film: '.$ligne['txtcritiquefilm'].'</td></tr>';
//echo $ligne['titrefilm'].'-'.$ligne['realisateur'].'-'.$ligne['datesortiefilm'].'-'.$ligne['resumefilm'].'-'.$ligne['txtcritiquefilm'].'<br />';
echo '</table>';
}
?>
<?php
mysqli_free_result($result);
mysqli_close($id_connexion);
}
?>
</div> <!-- fin du div contenu -->
<p id='pied'></p>
</div><!-- fin du div conteneur-->
</body></html>
et maintenant voila le code de ma feuille de style: height: 70px;
background-color:#FF0066;
font-size:1em;
margin-right:1em ;
margin-left:1em;
font-family:lucida;
font-size:40%;
color:#FF9999;/*couleur des écriture dans l'entete*/
}
#conteneur {
position: absolute;
background-color:#FF0066;
width: 100%;
height:100%;
font-size:200%;
}
#contenu {
background-color:#FF3366;
height:50%;
font-family:Verdana;
border-color:#EE6633;
border-style:double;
padding:61px;
margin-left:7em;
margin-right:2em;
}
p#pied
{
background-color:#FF0066;
text-align:left;
font-size:x-small;
margin-left:7em;
}
#conteneurmenu {
position:absolute;
left:8px;
width: 300px;
font-size:20px;
}
#texte{
font-family:Verdana;
margin-left: 50px;
margin-right:30px;
color:#FFFFFF;
font-size:50%;/*taille des mots des paragraphes*/
}
#lienmenu {
position:absolute;
left:0px;
}
a:hover{/* correspond aux caractéristiques des liens vers les autres pages*/
color: #DDFFAA;
font-size:15px;
}
a{
color:#AAFFBB;
font-size:15px;
}
h1 {
color:#FFFFFF;
text-align:center;
font-size: 1em;
}
h2 {
text-align:left;
font-size: 1.5em;
}
p {
color:#FFFFFF ;
font-family:verdana;
text-align:left;
text-indent:0px;
}
titre{
font-size:70%;/*taille des mots des paragraphes*/
font-style:bold;
color:#FFFFFF ;
font-family:verdana;
text-align:center;
}
je ne comprend pas, il y a un problème de mise en page lors de l'execution. En effet , les informations qui devraient s'affichées DANS le div "contenu", dépassent les limites de ce div..
Et du coup j'ai une mise en forme cracra...
Comment résoudre este problemo?
tu n'as pas une version en ligne plutôt ?
ta CSS est incomplète et le code PHP ne nous intéresse pas pour de la mise en page, il faut putôt le code HTML servi.
