+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: wyśrodkowanie menu rowijanego na stronie (/thread-wy%C5%9Brodkowanie-menu-rowijanego-na-stronie)
wyśrodkowanie menu rowijanego na stronie - smerf_usek - 02-08-2010
.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:
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;RE: wyśrodkowanie menu rowijanego na stronie - Pedro84 - 03-08-2010
Pomyśl...jak chcesz cokolwiek wyśrodkować skoro nadajesz mu float:left;?
Określony rozmiar dla listy, wywal nadrzędnego diva (nie potrzebny!), display:block oraz margin:0 auto dla listy.
RE: wyśrodkowanie menu rowijanego na stronie - smerf_usek - 03-08-2010
.Daje left i jest po lewej, daje right i jest po prawej, ale w żaden sposób nie mogłem tego wyśrodkować.
Znalazłem inny sposób.
Przyda się także innym--umieściłem menu w tablicy, a tablice wyśrodkowałem i mam pożądany efekt.
Pozdrawiam
RE: wyśrodkowanie menu rowijanego na stronie - Kartofelek - 04-08-2010
Toż rozwiązanie. Wykorzystanie tabeli do centrowania? Przepis dostałeś. margin:0 auto
RE: wyśrodkowanie menu rowijanego na stronie - Pedro84 - 05-08-2010
(03-08-2010, 13:30)smerf_usek napisał(a): .Daje left i jest po lewej, daje right i jest po prawej, ale w żaden sposób nie mogłem tego wyśrodkować.
Znalazłem inny sposób.
Przyda się także innym--umieściłem menu w tablicy, a tablice wyśrodkowałem i mam pożądany efekt.
Pozdrawiam
Chłopie, przeczytaj kilka razy mojego poprzedniego posta.
RE: wyśrodkowanie menu rowijanego na stronie - smerf_usek - 06-08-2010
.To was wszystkich zdziwie, dawałem margin:0 auto. i nadal nic.
ale problem jest już rozwiązany, a to strona nie jest dla jakiejś firmy tylko na zaliczenie.
Pozdrawiam