| |
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
jusob
Nouveau WRInaute
Inscrit le: 10 Fév 2004
Messages: 1
|
 Posté le : Mar Fév 10, 2004 22:41 Sujet du message: place dans le code html/apparence |
|
|
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 |
|
| |
|
 |
Invité
|
| Posté le : Mar Fév 10, 2004 23:47 Sujet du message: place dans le code html/apparence |
|
|
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) |
|
| |
|
|
jm
WRInaute discret
Inscrit le: 08 Déc 2003
Messages: 54
Localisation: Japon
|
| Posté le : Mer Fév 11, 2004 5:27 Sujet du message: place dans le code html/apparence |
|
|
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
| Citation: |
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
| Citation: |
<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.
  |
|
| |
|
|
ludoanimation
WRInaute passionné
Inscrit le: 25 Juil 2003
Messages: 500
Localisation: l'Hay les roses 94
|
| Posté le : Mar Fév 24, 2004 10:23 Sujet du message: place dans le code html/apparence |
|
|
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 
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 ! |
|
| |
|
|
| |
|
|
|
|
Autres sujets de discussion :
|
|
