La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Deplacer menu horizontal a droite
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Deplacer menu horizontal a droite  (Lu 1185 fois)
Deplacer menu horizontal a droite
« sur: le 13-11-2010 a 08:10:13 »
djodjo64
Membre récent
*

Hors-Ligne

Messages: 1





Voir le Profil    E-Mail
Répondre avec citation

Bonjour,



Je debute en creation de site et je bloque a mon menu horizontal : tout est nickel, sauf que j'aimerais deplacer mon menu a droite (de maniere a ce que tous les titres des menus soit à droite de ma feuille) ; là, pas moyen d'y arriver, il reste coller à gauche.

Avez-vous une solution ?

Merci.

Mon CSS :

-------------------------------------------------------------------------------------------------------------------
body
{
background-color: #b1d2fb;
}
#container
{
width: 900px;
margin: 10px auto;
background-color: #ffffff;
color: #333;
line-height: 130%;
border : 1px solid;
border-color: #d5d5d5;
}

a:link, a:visited
{
color:#c02976;
}

a:hover
{
color:#ff0082;
}

h1
{
text-indent: -50000px;
}

#logo
{
background: url("images/logo.png") no-repeat;
position: absolute;
width: 234px;
height: 146px;
}

#en_tete {
border-bottom: 1px solid gray;
padding: .5em;
background: url("images/banniere.jpg") no-repeat;
width: 884px;
height: 130px;
}

#en_tete h1
{
margin: 0;
padding: 0;
}

#banniere1
{
position: absolute;
top: 40px;
left: 790px;
}

#menu_horizontal
{
width: 100%;
background-color: #424242;
}

#menu_horizontal ul
{
margin: 0; padding: 0;
float: left;
}

#menu_horizontal ul li
{
display: inline;
}

#menu_horizontal ul li a
{
float: left;
text-decoration: none;
color: white;
padding: 8.5px 9px;
background-color: #424242;
}

#menu_horizontal ul li a:visited
{
color: white;
}

#menu_horizontal ul li a:hover, .menu ul li .current
{
color: #fff;
background-color:#c756a4;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 5px;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 5px;
}

.menu
{
background-color: #f7f7f7;
border-style: solid;
border-width: 1px;
border-color: #d5d5d5;
margin-bottom: 5px;
}

.menu h3
{
margin: 2px;
height:29px;
background:url("images/menu.png") no-repeat;
line-height:29px;
color:#FFF;
font-size:16px;
text-transform:uppercase;
text-align:center;
}

.menu ul
{
padding-left: 18px;
list-style-type: none;
}

#content
{
margin-left: 165px;
margin-right: 165px;
padding: 5px;
}

.bloc_corps
{
background-color: #f7f7f7;
border-style: solid;
border-width: 1px;
border-color: #d5d5d5;
margin-bottom: 5px;
}

#footer
{
background: url("images/pied.jpg") no-repeat;
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fdc3eb;
border-top: 1px solid gray;
}

#leftnav p, #rightnav p
{
margin: 0 0 1em 0;
}

#content h2, #footer p
{
margin: 0 0 .5em 0;
}

Rapporter au modérateur  

Re:Deplacer menu horizontal a droite
« Répondre #1 sur: le 10-12-2010 a 19:36:22 »
clem62
Membre récent
*

Hors-Ligne

Messages: 58





Voir le Profil    E-Mail
Répondre avec citation

merci de me communiqué votre site par message privé
et ou par mail car le css ne suffit pas on a besoin de votre code html

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2019 - Tous droits réservés

creation site internet strasbourg