DizTest par PapyClic

Menu de gauche à droite

ACCUEIL <<< Menu vertical gauche <<<

 

Comment placer le menu vertical gauche... à droite de la page.

Dans un premier temps , ouvrir l'onglet "Modification directe du CSS".

Dans le fichier CSS modifier, un attribut absent dans l'assistant, dans la règle #menu changer la valeur de float:left; en float:right;


...puis éventuellement en même temps, vous pouvez également rectifier les marges extérieures de la Partie "Contenu", règle #contenu, marge de gauche margin-left qui est en principe à 200px, pour laisser la place au menu quand il est à gauche et marge de droite margin-right.


... comme ci-dessous.

Code CSS


<STYLE type=text/css>
#menu
{
width : 170px;
float:right;
}
#contenu
{
margin-left:5px;
margin-right:10px;
}
</STYLE>

Si par la suite vous souhaitez changer la valeur des marges, vous pourrez le faire avec l'assistant dans la Partie "Contenu".


Comme exemple je vous propose de voir le résultat dans le blog "Mangafury".

Merci Hiroku


Cliquez sur cette vignette pour agrandir En cliquant sur la bannière vous accédez directement sur la page d'accueil de ce blog, au cas où le webmaster aurait modifié la position du menu, cliquez sur la vignette pour agrandir un aperçu de l'apparence avec la position du menu à droite.


 

 



Article ajouté le 2008-06-04 , consulté 164 fois

Commentaires


HIROKU site : mangafury.blog4ever.com | le 06/06/2008 à 17:09:05
Salut papyclic, c'est super bien expliqué, on ne peut pas se tromper ^^
merci de m'avoir expliquer tout ce qu'il fallait.
voilà bonne continuation .


Poster un commentaire





http://





Merci de recopier le nombre présent à gauche dans la case de texte ci-dessous ( Pourquoi ? )





Liens

Voir les articles de la catégorie " Menu vertical gauche "

Afficher une version imprimable de cet article
Retour aux articles

Recommander ce blog | Contacter l'auteur | Blog illicite ? | S'abonner au blog Flux RSS du blog | Espace de gestion

Créer un blog gratuit avec Blog4ever - Actu PC

Recherche :


Parraine par PapyClic du blog/site "BRICABRAC" - CSS & HTML dans BLOG4EVER