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";
}
Cliquez pour agrandir...

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>
Cliquez pour agrandir...

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 !

Similar Threads - place code apparence	Forum	Date
Importance de l'emplacement du texte dans le code ?	Référencement Google	19 Novembre 2015
Tracking ecommerce, quel code placer?	Google Analytics	8 Décembre 2014
Doute au sujet de l'emplacement du code de suivi	Google Analytics	11 Août 2013
Texte visible en haut du code source mais placé en bas de page	Référencement Google	23 Novembre 2012
Mettre en place un système de code de réduction sur un site E-commerce:	Développement d'un site Web ou d'une appli mobile	28 Août 2012
Remplacer un domaine par un autre dans Google - Code obligatoire ?	Problèmes de référencement spécifiques à vos sites	8 Juillet 2012
Où placer le code de conversion pour le téléchargement d'un PDF ?	AdWords	3 Mai 2012
Importance de l'emplacement des mots clés dans le code	Débuter en référencement	27 Avril 2012
Place du code de suivi Analytics sur les pages	Google Analytics	25 Novembre 2011
Variables personnalisées Google Analytics, code asynchrone et placement dans code source	Google Analytics	14 Septembre 2011
Sanction Google - H1 en début code puis replacé dans le footer en css	Référencement Google	8 Novembre 2010
Remplacement texte code html	Développement d'un site Web ou d'une appli mobile	6 Mai 2010
[Résolu] Redirection 301 en PHP non prise en compte (code 200 à la place mais redirection)	Débuter en référencement	16 Avril 2010
Place du menu dans le code html	Débuter en référencement	11 Février 2010
Ou trouver le nouveau code de suivie pour remplacer l'ancien ?	Google Analytics	2 Janvier 2010
Ou placer ce code ?	Administration d'un site Web	27 Novembre 2008
Déplacer le code Google Analytics	Google Analytics	4 Novembre 2007
Un script que je nai pas placé apparait dans le code source	Demandes d'avis et de conseils sur vos sites	27 Juillet 2007
Remplacer du texte entre balises par un code en php	Développement d'un site Web ou d'une appli mobile	29 Octobre 2006
Un petit soucis ( placer une image dans du code )	Développement d'un site Web ou d'une appli mobile	23 Octobre 2006