HTML/CSS - <td> avec header/footer fixes+bg
Fermé
GMan
Messages postés
28
Date d'inscription
mardi 4 décembre 2007
Statut
Membre
Dernière intervention
26 avril 2008
-
30 déc. 2007 à 00:09
GMan Messages postés 28 Date d'inscription mardi 4 décembre 2007 Statut Membre Dernière intervention 26 avril 2008 - 30 déc. 2007 à 19:48
GMan Messages postés 28 Date d'inscription mardi 4 décembre 2007 Statut Membre Dernière intervention 26 avril 2008 - 30 déc. 2007 à 19:48
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
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
A voir également:
- HTML/CSS - <td> avec header/footer fixes+bg
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- Gpt header corruption ✓ - Forum Windows 10
- Espace en html - Astuces et Solutions
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
1 réponse
GMan
Messages postés
28
Date d'inscription
mardi 4 décembre 2007
Statut
Membre
Dernière intervention
26 avril 2008
2
30 déc. 2007 à 19:48
30 déc. 2007 à 19:48
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 !
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 !
