Problème de mise en page lors de l'éxecution
Marion
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
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;
}
table {
color:#FFFFFF;
font-family:Verdana;
width:100%;
margin-left:2em;
}
td{
width:30%;
}
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?
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;
}
table {
color:#FFFFFF;
font-family:Verdana;
width:100%;
margin-left:2em;
}
td{
width:30%;
}
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?
A voir également:
- Problème de mise en page lors de l'éxecution
- Impossible de supprimer une page word - Guide
- Mise en forme conditionnelle excel - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
- Mise a jour windows 10 - Accueil - Mise à jour
- Numéro de page word - Guide
1 réponse
salut,
tu devrais te créer un profil mais surtout utiliser le bouton pour la mise en page !
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.
tu devrais te créer un profil mais surtout utiliser le bouton pour la mise en page !
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.
