High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

HTML/CSS - <td> avec header/footer fixes+bg

Dernière réponse le 30 déc 2007 à 19:48:20 GMan, le 30 déc 2007 à 00:09:11 
 Signaler ce message aux modérateurs

Bonsoir !

Je développe un site pour mes TPE (et accessoirement, pour le bac...) et mon site est entièrement concu à partir de tables.
Tout fonctionne bien, mais j'aimerais créer une td avec un header fixe et un footer fixe également, ainsi qu'un background qui se répète tout du long de mon contenu... comment faire ?
PS: Google est mon ami, mais pas celui qui a posté les réponses, parce que j'ai pas compris grand chose... J'ai pas un grand niveau de programmation ;)

Merci beaucoup pour vos futures réponses :D

Configuration: Windows XP
Internet Explorer 7.0 (ouais bah chsuis pas chez moi hein!)

Meilleures réponses pour « HTML/CSS avec header/footer fixes+bg » dans :
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Posez votre question Répondre

1

 GMan, le 30 déc 2007 à 19:48:20

Bon ! J'ai suvi les conseils d'une personne sur un autre forum et j'ai tout refait en div !
Voici mon code, le contenu étant totalement initéressant ^^ :
[code]
<!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" >
<head>
<title>TPE - Le Colza une vraie solution pour les nouveaux carburants ?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="icon" type="image/gif" href="images/favicon.gif" />
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="en_tete"></div>

<div id="menu">
<div class="element_menu">
Menu
</div>
</div>

<div id="corps">
Texte
</div>

<div id="pied_de_page">
Copyright
</body>
</html>
[/code]
[code]
body {
width: 987px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/background.png");
background-repeat: repeat-x;
background-color: black;
font-family : Trebuchet MS;
color: white;
}

#en_tete
{
width: 987px;
height: 182px;
background-image: url("images/header.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}

#menu
{
float: left;
width: 246px;
height: 374px;
background-image: url("images/menu.png");
background-repeat: no-repeat;
}


#corps
{
width: 720px;
margin-left: 255px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
}

#pied_de_page
{
width: 975px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
}

.element_menu
{
margin-left: 10px;
margin-top: 10px;
}


img { border:0; }

a:focus
{
background-color: #FFCC66;
}


a:hover
{
text-decoration: underline;
color: green;
}

a
{
text-decoration: none;
color: green;
font-weight: bold;
}
[/code]
J'aimerais savoir s'il est correct.
Je réitère également ma première question :
J'aimerais que le fond de ma div corps soit un header (j'ai fait mon image de 733x366px), puis une image (733x1px) qui se répète en fonction de la logueur de ma div corps et donc de la taille de son texte, enfin un footer (733x366px).
J'aimerais que mon texte puisse passer par dessus mon header et mon footer, puisqu'ils sont assez grands...

Merci beaucoup pour vos futures réponses (claires, enfin je l'éspère ^^ )
Joyeuses fêtes
Bon courage dans tous ce que vous entreprenez !

   
Répondre à GMan
Posez votre question Répondre
Ils ont besoin de votre aide