02-08-2010, 20:01
(Ten post był ostatnio modyfikowany: 02-08-2010, 20:04 przez smerf_usek.)
.Witam,
Prosiłbym o pomoc, próbowałem już wszystkiego, ale zawsze strona mi się w jakiś sposób rozsypuje,
Chciałbym aby menu rozwijane było na środku strony, mi jedynie udaje się ustawić na prawo bądź na lewo, wie może ktoś jak to wyśrodkować ?
Oto część kodu z pliku css:
Prosiłbym o pomoc, próbowałem już wszystkiego, ale zawsze strona mi się w jakiś sposób rozsypuje,
Chciałbym aby menu rozwijane było na środku strony, mi jedynie udaje się ustawić na prawo bądź na lewo, wie może ktoś jak to wyśrodkować ?
Oto część kodu z pliku css:
Kod:
body {
background-color: #000000;
behavior:url("csshover2.htc");
}
.mainmenu{
float: left;
width: 100%;
padding: 0;
}
.mainmenu ul {
float: left;
width: 100%;
list-style: none;
line-height: 1;
color:#FFFFFF;
background: #000000;
padding: 0;
border: solid #808000;
border-width: 1px 0;
margin: 0 0 1em 0;
}
.mainmenu a, .mainmenu a:visited {
display: block;
font-family:Arial, Helvetica,
sans-serif;font-size:1em;font-weight:bold;font-style:normal;text-decoration:underline;
color: #FFFFFF;
text-decoration: none;
padding: 1em 1em;
}
.mainmenu ul ul a{
width:100%;
height:100%;
}
.mainmenu ul a{
width:1%;
margin:0;
}
.mainmenu li {
float:left;
margin:0;
padding:0;
}
.mainmenu ul li {float:left; position:relative;}
.mainmenu ul li a {white-space:nowrap;}
.mainmenu li ul {
position: absolute;
left: -999em;
height: auto;
width:15em;
background: #000000;
font-weight: normal;
border-width: 1px;
margin: 0;
}
.mainmenu li li {
width:15em ;
}
.mainmenu li li a{
width:13em ;
}
.mainmenu li ul {
margin: 0;
}
.mainmenu li ul ul {
margin: -2.8em 0 0 13.5em;
}
.ul_ch,
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
left: auto;
}
.mainmenu li:hover>ul.ul_ch
{
left: auto;
}
.mainmenu li:hover{
background: #800000;