mes pages html dans le cadre principal

b_dlz · 12 Novembre 2006

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

karnabal · 12 Novembre 2006

Salut,

Cite-nous donc ton code.

Il doit pour faire ce que tu souhaites, ressembler à ça :

<a href="http://www.blablabla.tld">Texte cliquable</a>

b_dlz · 13 Novembre 2006

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é 13 Novembre 2006 par captain_torche

**captain_torche** · 13 Novembre 2006

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 ...)

Connexion

mes pages html dans le cadre principal

Sujets conseillés

b_dlz

karnabal

b_dlz

captain_torche

Veuillez vous connecter pour commenter

Parcourir

Activité