place dans le code html/apparence

jusob · 10 Février 2004

Bonjour
J'ai le meme menu sur toutes les pages de mon site. Helas, c'est lui aui est affiche comme description du site dans google. Je souhaite donc placer le code html du menu APRES celui du corps de la page, mais faire apparaite le menu AU-DESSUS du corps:

code html:
<div class="menu>
Mon menu
</div>

<div class="corps">
Mon corps

</div>

<div class="footer">
Notes de bas de page
</div>

A l'ecran:
_________________________
| Menu |
|________________________|
| corps |
| de la page |
|________________________|
| footer |
|________________________|

Pour cela, j'ai tente de mettre le boc menu en position: absolute; top: 0; left: 0;
Mais il recouvre alors le haut du bloc "menu". De plus, je ne peux pas ajouter de margin-top a bloc "corps", car je ne sais pas quelle hauteur va prendre le menu (cela depend de la resolution du client).

Je voudrais donc essayer de placer le bloc cors juste en-deoouis du bloc menu, quelaue soit la heuteur du menu.

Je code en HTML 4.01 Strict et CSS 1 & 2

Merci

Anonymous · 10 Février 2004

N'as tu pas une image placé en entete avant le menu sur laquelle tu pourrais placer un tag ALT avec une phrase reprenant tes mots clefs principaux.

Google l'utiliserai pour l'affichage de la description dans sa page de résultats (en tout cas ca marche pour mon site...).

https://www.google.fr/search?q=sarlat&ie=UTF-8&oe=UTF-8&hl=fr&meta= (position 6)

jm · 11 Février 2004

Bonjour... Hier j'ai pose une question qui je crois repond a ce probleme ...
Mais d'autres pourront surement t'eclairer plus que moi...

Voila l'essai que j'ai fais en reaction a ce que j'ai cru comprende hier sur ce post:
https://www.webrankinfo.com/forum/t/css-class-ou-id.7856/

Fichier Css pour le positionement tonStyle.css

body{
margin: 0px;
}
#top
{
margin-top: 0px;
width: 100%;
height: 20%;
background-color: Black;
}
#center
{
margin-left: 20%;
margin-right: 20%;
position: absolute;
top: 20%;
width: 60%;
background-color: Gray;
height: 70%;
}
#left
{
position: absolute;
top: 20%;
left: 0px;
width: 20%;
background-color: Green;
height: 70%;
}
#right
{
position: absolute;
right: -1px;
width: 20%;
top: 20%;
background-color: Lime;
height: 70%;
}
#bottom
{
position: absolute;
bottom: 0px;
height: 10%;
width: 100%;
background-color: Fuchsia;
}
.Le reste de ton css pour la deco en
{
"class" et non en "id";
}

Fichier Html

<html>
<head>
<title>Titre</title>
<link href="tonStyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="center">Contenu Principal</div>
<div id="left">Contenu de Gauche</div>
<div id="right">Contenu de Droite</div>
<div id="top">Contenu du haut La vient ton menu</div>
<div id="bottom">Contenu du bas</div>
</body>
</html>

Je pense que ca devrais fonctioner ... puisque le robot voie la source... mais pour ce qui est de ce qu'il indexe... je ne suis pas sur...

mais d'autres surement porront t'eclairer plus que moi....

Si plus de reponces nous dise que ca fonctione tu n'aurras qu'a changer les dimensions a ta guise.

:?: :roll: :?:

ludoanimation · 24 Février 2004

salut,

Je reprend ce post après avoir galéré avec l'exemple toute la soirée

En fait, je voudrai faire la meme chose, mais avec du 800x600 centré quelque soit la taille d'écran, et c'est la que ca se gâte :x

les 100% et position: absolute remplissent tout l'écran, et comme je suis une bille en css j'ai jamais réussi a le modifier convenablement.

Help !

place dans le code html/apparence

jusob

Nouveau WRInaute

Anonymous

Guest

jm

Guest

ludoanimation

WRInaute impliqué

Discussions similaires

Connect with us