S'abonner :  Newsletters    Magazines
Avis sur les produits Avis sur les logiciels Avis sur les jeux Actualités A propos de 01net
1170 utilisateurs connectés

prob de css

fabou001 le 14 mars 2008 à 14h36
Bonjour!

Je suis en train d'essayer de me faire une page d'accueil pour ma gallerie (www.instantsmagics.net) en html/css et il me reste un petit prob:

Quand je réduis fort ma fenêtre avec FF les boutons de ma barre de menu se superposent verticalement au lieu de rester côte à côte horizontalement...

aidez-moi siouplait ça fait des jours que je chipotte...

Ma feuille Css:

html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: black;
color: #ccccff;
font-size: 25px;
text-align: center;
}


div#bandeau {
margin-top: 10px;
width: 100%;
height: 50px;
background-color: #000000;
text-align: center;
font-size: 30px;
text-transform: capitalize;
color: #ffffcc;
font-size: 70px;
font-family: Rage Italic;
font-weight: normal;
background-color: black;
line-height: 100%;
}




div#main-menu {
position:relative;
margin-left: 30%;
margin-right: 30%;

bottom:0;

font-family: Rage Italic;
white-space:nowrap;
font-size: 75%;
}

#main-menu li {
display:block;
float:left;
list-style-type:none;
margin:3px;
padding:0;
text-transform: Capitalize;
}

/*Les liens normaux*/
#main-menu a {
display:block;
float:left;
padding:2px 10px 1px 10px;
background:#616161;
border-bottom: 1px solid #808080;
color: #000000;
font-weight: normal;
text-decoration: none;
}

/*Les liens au survol et rubrique en cours*/
#main-menu a:hover, #main-menu #selected a {
color:#000000;
background: #616161;
border-bottom: 2px solid #ffffcc;
font-weight: normal;
text-decoration: none;
}
div#page {
position: relative;
}
div#piedpage {
float:left;
position: absolute;
bottom: 0; left: 0;
width: 100%;
height:50px;
background-color:#000000;
font-family: arial;
font-size: 9px;
text-align: center;
color: #E0E0E0
}
-->Message édité par fabou001 le 18/03/2008 16:42:11<--
fabou001 le 16 mars 2008 à 12h04
personne ne peut me donner un coup de main ???? :pleure:
Q'il manque des info dites moi !!

polov le 22 mars 2008 à 23h38
essaye de changer ça

div#main-menu {
position:relative;
margin-left: 30%;
margin-right: 30%;
...

div#main-menu {
position:relative;
margin-left: 10%;
margin-right: 10%;
...

et pourquoi une marge gauche-droite en % ??
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
magikmanu le 30 septembre 2008 à 16h48
Bonjour,

tu trouveras de l'aide sur http://www.cssdebutant.com/ (site pour débutants en CSS)

Manu
polov le 30 septembre 2008 à 18h13
salut
c'est à toi ce site ?
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
magikmanu le 30 septembre 2008 à 19h07
yes
polov le 01 octobre 2008 à 10h42
c'est très clair bravo
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
magikmanu le 01 octobre 2008 à 10h44
merci :)


PRODUITS

TÉLÉCHARGER - LOGICIELS

JEUX VIDÉOS

LOISIRS

01NET PRO

AVIS ET COMMENTAIRES

A PROPOS DE 01NET

publicité
>Jeu : Plants vs Zombies
Défendez votre maison en plaçant des plantes armées dans votre jardin.

Service 01net
Newsletters 01net
abonnez vous gratuitement !
  
01Informatique
01 INFORMATIQUE
L'hebdo de référence des décideurs informatiques.
Micro Hebdo
MICRO HEBDO
L'hebdo qui vous simplifie la micro
et Internet.
L'Ordinateur Individuel
L'ORDINATEUR INDIVIDUEL
Le mensuel informatique qui vous informe et vous conseille.
Nous contacter  |  Charte de confiance  |  Voir notice légale

01net.  -  01men  -  RMC  -  BFM Radio  -  BFM TV  -  TousLesPodcasts  -  01informatique.fr  -  Association RMC-BFM
Tous droits réservés © 1999 - 2009 Internext - 01net.