Aller au contenu

mes pages html dans le cadre principal


b_dlz

Sujets conseillés

Grace à votre aide, j'ai trouvé sur alsacréation une structure pour mon site en html / css.

j'ai donc commencé à bidouiller ma page index et j'ai réussi à y mettre ma bannière en "header"

Par contre j'ai intégré mon premier lien mais il s'ouvre dans une autre fenêtre :wacko:

Quel code dois-je intégrer dans ma page html et dans mon css pour que mes pages html s'ouvrent dans mon block principal ????

Merci de votre aide

Lien vers le commentaire
Partager sur d’autres sites

Voici mon code HTML :


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>La Casa del Bruno - Bienvenue !</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css"
title="" href="http://s146736779.onlinehome.fr/design.css">
</head>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="haut">
<ul class="menuhaut">
<li><a href="">Accueil</a></li>
<li><a href="">Ma passion du velo</a></li>
<li><a href="">Plans d entrainement</a></li>
<li><a href="">Sante sportive</a></li>
<li><a href="http://s146736779.onlinehome.fr/forum/forum.php">Forums</a></li>
</ul>
</div>
<div id="gauche">
<p>menu gauche</p>
<p>largeur fixe : 150px</p>
<ul class="menugauche">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="droite">
<p>menu droit</p>
<p>largeur fixe : 150px</p>
<ul class="menudroit">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="centre">
partie centrale qui "pousse" les colones vers le bas.<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
partie avec du contenu occupant le reste de la largeur<br>
</div>
<div id="pied">pied de page</div>
</div>
</body>
</html>
[/quote]

Et voici mon code CSS :
[quote]
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
width: 900px;
height: 200px;
margin-left: 150px;
margin-right: 150px;
background-image: url(http://s146736779.onlinehome.fr/resources/banniere.jpg);
}
#haut {
height: 30px;
background-color:#CCCCFF;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#FFFFFF;
}
#centre {
background-color:#9999CC;
margin-left: 150px;
margin-right: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
right:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #99CC99;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
</style>

Comme je disais, je veux que mon forum s'affiche dans le <div id=centre> de ma page html. Hors il s'affiche dans une nouvelle page :unsure:

[Edit captain_torche :]Merci d'utiliser les balises CODE (pour les codes courts) et CODEBOX (pour les codes longs)

Modifié par captain_torche
Lien vers le commentaire
Partager sur d’autres sites

Le souci, c'est que tu ne pourras pas charger un élément dans une zone de ta page (Tu réfléchis apparemment en frames, ce qui n'est pas valable sans frames).

Il va falloir que tu crées un nouveau fichier par page, reprenant les éléments préincipaux de ta navigation (header, menu ...)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...