Atteindre une page
Accueil des forums
Recherche
Aide
Portables
PC
Moniteurs
Photo / Vidéo
T.V.
Audio
GPS
Stockage
Téléphonie
autres catégories
Windows & logiciels
Bureautique
Développement
Internet
Jeux
Loisirs
Multimédia
Personnaliser son pc
Sécurité
Utilitaires
Logiciels Linux
logiciels Mac
jeux PC
Xbox
Playstation
Wii
PSP
DS
Action
Aventure
MMORPG
Sports
Simulation
Enfant
Soluces et astuces
Actu
Ciné-TV
Musique
Etudes
Divers
Sports
Réseaux et Internet
Programmation et développement
Logiciels d'entreprise
Systèmes d'exploitation en entreprise
Sécurité en entreprise
Entreprenariat
Emploi
Services PRO
Matériel PRO
Les actualités de 01net.
Avis sur les jeux vidéos
Avis sur les produits
Avis sur les logiciels
Avis sur le site
Problème de Téléchargement
fonctionnement du forum
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 ????
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