Mise en forme : tableaux et blocs CSS

loufpad
WRInaute discret
WRInaute discret
 
Messages: 175
Inscription: 27 Oct 2005

Message le Jeu Jan 12, 2006 21:10

je crois avoir compris :oops: 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 ?

illicotravel
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 18
Inscription: 3 Jan 2006

Message le Jeu Jan 12, 2006 22:44

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
WRInaute discret
 
Messages: 175
Inscription: 27 Oct 2005

Message le Jeu Jan 12, 2006 22:55

Ok mais alors çomment expliquer que mon header se superpose à mon corps de page ? :oops:
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
Nouveau WRInaute
 
Messages: 18
Inscription: 3 Jan 2006

Message le Jeu Jan 12, 2006 23:18

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)

loufpad
WRInaute discret
WRInaute discret
 
Messages: 175
Inscription: 27 Oct 2005

Message le Ven Jan 13, 2006 0:14

Disons le tout net : je t'aime !!! :lol: :lol: 8)

Merci beaucoup d'avoir pris le temps de m'expliquer (longuement :oops: ) les choses. J'ai appris pas mal de trucs avec tes conseils et en faisant des tests à partir de ceux-ci.

Vraiment, merci :wink:

illicotravel
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 18
Inscription: 3 Jan 2006

Message le Ven Jan 13, 2006 13:05

anytime :wink:

Mise en forme : tableaux et blocs CSS

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité