place dans le code html/apparence

le Mar Fév 10, 2004 21:41

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

le Mar Fév 10, 2004 22:47

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

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

le Mer Fév 11, 2004 4:27

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:
http://www.webrankinfo.com/forums/viewtopic_7856.htm

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.

:?:

le Mar Fév 24, 2004 9:23

salut,

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

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

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

place dans le code html/apparence

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne