Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
wyśrodkowanie menu rowijanego na stronie
#1
.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;
Odpowiedz
#2
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.
Odpowiedz
#3
.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
Odpowiedz
#4
Toż rozwiązanie. Wykorzystanie tabeli do centrowania? Przepis dostałeś. margin:0 auto
Odpowiedz
#5
(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.
Odpowiedz
#6
.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
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 3,156 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 10,338 18-06-2017, 18:34
Ostatni post: lemans88
  Automatyczne aktualizowanie danych z serwera na stronie bm1209 19 16,316 01-07-2016, 19:59
Ostatni post: marekst74
  CSS dla menu i problem z selektorami neferith 4 5,260 30-06-2016, 00:58
Ostatni post: Brain23
  Tło header na stronie starej jak świat michalecpp 4 5,440 21-06-2016, 15:45
Ostatni post: webminister

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl