Mise en forme : tableaux et blocs CSS
21 messages
• Page 2 sur 2 • 1, 2
- loufpad
- WRInaute discret

- Messages: 175
- Inscription: 27 Oct 2005
je crois avoir compris
mais pourrais tu m'expliquer un peu mieux ?
tu veux dire que L'ENSEMBLE header + corps + footer doit être sous la forme :
<html>
<head>
</head>
<body>
</body>
</html>
Alors que moi mon header a cette forme et que mon corps aussi
et que du coup ça fait double emploi ?
tu veux dire que L'ENSEMBLE header + corps + footer doit être sous la forme :
<html>
<head>
</head>
<body>
</body>
</html>
Alors que moi mon header a cette forme et que mon corps aussi
- illicotravel
- Nouveau WRInaute

- Messages: 18
- Inscription: 3 Jan 2006
exactement: ton header est simplement une partie de ta page finale que tu as décidé d'exporter. Pour ne pas faire d'erreur, dessine ta page finale en premier, puis exporte la partie que tu souhaites, comme ça tu es sur de garder une cohérence d'ensemble.
- loufpad
- WRInaute discret

- Messages: 175
- Inscription: 27 Oct 2005
Ok mais alors çomment expliquer que mon header se superpose à mon corps de page ?
Ma nouvelle structure :
header :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">@import "test.css";</style>
</head>
<body leftmargin="0" topmargin="0">
<DIV class="boite1"></DIV>
mon corps de page :
<?php include ("header.php");
?>
<table width="142" height="540" border="0" cellspacing="0" bordercolor="#990000" summary="Menu">
<tr>
...
</tr>
</table>
<?php include ("footer.php");
?>
mon footer :
FOOTER
</body>
</html>
Et comme d'hab, le footer lui colle parfaitement avec le corps de page

Ma nouvelle structure :
header :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">@import "test.css";</style>
</head>
<body leftmargin="0" topmargin="0">
<DIV class="boite1"></DIV>
mon corps de page :
<?php include ("header.php");
?>
<table width="142" height="540" border="0" cellspacing="0" bordercolor="#990000" summary="Menu">
<tr>
...
</tr>
</table>
<?php include ("footer.php");
?>
mon footer :
FOOTER
</body>
</html>
Et comme d'hab, le footer lui colle parfaitement avec le corps de page
- illicotravel
- Nouveau WRInaute

- Messages: 18
- Inscription: 3 Jan 2006
Si je comprends bien, tu veux savoir pourquoi ta div avec la classe "boite1" se trouve au dessus du reste. Si c'est ta question, c'est parce que la position de cette classe est définie en absolute, donc décorrélée du reste des éléments de ta page.
Si tu cherches à avoir un header, un body et un footer, procède comme suit:
<!-- début header -->
<html>
<head>
</head>
<body>
<div class="header">
<div class="boite1"></div>
</div>
<!-- fin header -->
<!-- début body -->
<!-- fin body -->
<!-- début footer -->
</body>
</html>
<!-- fin footer -->
la classe "header" définie l'espace total de ton header (position: relative)
la classe "boite1" définie ta pub (sa position dans le header en fait)
Si tu cherches à avoir un header, un body et un footer, procède comme suit:
<!-- début header -->
<html>
<head>
</head>
<body>
<div class="header">
<div class="boite1"></div>
</div>
<!-- fin header -->
<!-- début body -->
<!-- fin body -->
<!-- début footer -->
</body>
</html>
<!-- fin footer -->
la classe "header" définie l'espace total de ton header (position: relative)
la classe "boite1" définie ta pub (sa position dans le header en fait)
21 messages
• Page 2 sur 2 • 1, 2
Lectures recommandées sur ce thème :
- Mise en forme HTML ou CSS ?
- [CSS] Mise en forme de formulaire
- CSS et mise en forme (verticale Menu fixe + contenu)
- Mise en forme CSS anormale sur une des pages
- Pb de position de blocs en CSS avec FireFox
- tableaux en css
- Le CSS et les tableaux
- CSS - tableaux et calques
- [CSS] Positionner un bloc sous des blocs positionnés en abso
- Les solutions: CSS + tableaux ?
Consultez la description détaillée des produits ou services de Google suivants : Google Reader Trends, Google Speed Tracer
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
