Salut à tous,
j'ai déjà résolu quelques problèmes via le forum et ceci avec une étonnante rapidité, j'espère qu'il en sera de même pour cette question qui ne devrait pas poser de problèmes à certains chevronnés...
J'aimerais connaitre la marche à suivre pour afficher les différentes parties de mon menu (quand on clique sur les liens) dans un conteneur de ma page, sans être obligé de recharger celle-ci en entier (ne modifier dans mon conteneur que ce qui change sur la page).
Merci d'avance à ceux qui voudront bien tester mon code et me débloquer
Voici mon code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>La Plateforme Android</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
</head>
<body>
<!-- L'entête de la page, affiché tout en haut de l'écran : -->
<div id="entete">
<h1>La Plateforme Android</h1>
<!-- Le menu principal du site, affiché horizontalement: -->
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<!-- La page en elle-même : -->
<div id="page">
<!-- Le sous-menu, affiché dans une colonne sur la gauche du site : -->
<div id="sous-menu">
<p class="grand_titre">La Plateforme Android</p>
<p class="sous_titre"><a href="">Présentation générale</a></p>
<p class="sous_titre"><a href="">Architecture</a></p>
<p class="sous_titre"><a href="">Interface, fonctionnalités</a></p>
<p class="grand_titre">Communauté/Concurrence</p>
<p class="sous_titre"><a href="">Etat de l'art</a></p>
<p class="sous_titre"><a href="">Comparaisons</a></p>
<p class="grand_titre">Enjeux et stratégie de Google</p>
<p class="sous_titre"><a href="">Positionnement</a></p>
<p class="sous_titre"><a href="">Bataille des fréquences</a></p>
<p class="sous_titre"><a href="">Un média pour la publicité</a></p>
</div>
<!-- Le contenu utile de la page : -->
<div id="contenu">
<h2>Présentation générale</h2>
<h3>L'idée</h3>
<p>Android veut être le point de ralliement des développeurs, des opérateurs et des fabricants de terminaux
</p>
</div>
<!-- Le pied de page : -->
<div id="pied">
Paragraphe de copyrights...
</div>
</div>
</body>
</html>
et la feuille CSS qui est liée:
Modifié par remenems (15 Feb 2008 - 16:54)
j'ai déjà résolu quelques problèmes via le forum et ceci avec une étonnante rapidité, j'espère qu'il en sera de même pour cette question qui ne devrait pas poser de problèmes à certains chevronnés...
J'aimerais connaitre la marche à suivre pour afficher les différentes parties de mon menu (quand on clique sur les liens) dans un conteneur de ma page, sans être obligé de recharger celle-ci en entier (ne modifier dans mon conteneur que ce qui change sur la page).
Merci d'avance à ceux qui voudront bien tester mon code et me débloquer
Voici mon code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>La Plateforme Android</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->
</head>
<body>
<!-- L'entête de la page, affiché tout en haut de l'écran : -->
<div id="entete">
<h1>La Plateforme Android</h1>
<!-- Le menu principal du site, affiché horizontalement: -->
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<!-- La page en elle-même : -->
<div id="page">
<!-- Le sous-menu, affiché dans une colonne sur la gauche du site : -->
<div id="sous-menu">
<p class="grand_titre">La Plateforme Android</p>
<p class="sous_titre"><a href="">Présentation générale</a></p>
<p class="sous_titre"><a href="">Architecture</a></p>
<p class="sous_titre"><a href="">Interface, fonctionnalités</a></p>
<p class="grand_titre">Communauté/Concurrence</p>
<p class="sous_titre"><a href="">Etat de l'art</a></p>
<p class="sous_titre"><a href="">Comparaisons</a></p>
<p class="grand_titre">Enjeux et stratégie de Google</p>
<p class="sous_titre"><a href="">Positionnement</a></p>
<p class="sous_titre"><a href="">Bataille des fréquences</a></p>
<p class="sous_titre"><a href="">Un média pour la publicité</a></p>
</div>
<!-- Le contenu utile de la page : -->
<div id="contenu">
<h2>Présentation générale</h2>
<h3>L'idée</h3>
<p>Android veut être le point de ralliement des développeurs, des opérateurs et des fabricants de terminaux
</p>
</div>
<!-- Le pied de page : -->
<div id="pied">
Paragraphe de copyrights...
</div>
</div>
</body>
</html>
et la feuille CSS qui est liée:
body {
background: white;
margin: 10px 250px;
font-family: sans-serif;
font-size: small;
}
#entete{
width : 750px;
background: #97C024;
border-bottom: none;
}
h1{
background: #97C024;
color: white;
word-spacing: 1em;
letter-spacing: 3px;
height: 150px;
line-height:150px;
text-align: center;
font-size: xx-large;
}
#menu {
background: #3570F5;
list-style: none;
margin: 0;
padding: 0;
height: 30px;
line-height:30px;
}
#menu li {
float: left;
margin: 0 10px;
}
#menu a {
text-decoration: none;
color: white;
cursor: pointer;
}
#page {
width : 748px;
background: white;
border: 1px solid #454545;
}
#sous-menu {
height: 450px;
background: #EEEEEE repeat-y;
float: left;
width: 198px;
margin-top:0;
margin-left: 0;
padding:10px;
}
#sous-menu a{
text-decoration: none;
color: #666666;
}
.grand_titre{
margin-top: 40px;
margin-left: 4px;
margin-bottom: 5px;
color: blue;
font-weight: bolder;
}
.sous_titre{
padding: 0;
margin-left: 4px;
}
#menu a:hover, #sous-menu a:hover,
#menu a:focus, #sous-menu a:focus,
#menu a:active, #sous-menu a:active
{
color: black;
}
#contenu{
margin-left: 220px;
padding: 15px;
}
p{
text-align: justify;
}
#pied{
clear:both;
border-top: 1px solid #454545;
}Modifié par remenems (15 Feb 2008 - 16:54)
