III poziom menu css ?

[MadMax]

Witam

Mam następujący problem bo

I poziom menu - mainlevel
II poziom menu sublevel
III poziom menu - ????

Jak w css zdefiniować trzeci poziom menu czyli submenu juz od submenu ?


Pozdrawiam i proszę o pilna pomoc

[Jac]

Masz tutaj przerobiony przeze mnie plik mainmenu.php.
Dodam, że nie stosuję tabel w menu, tylko tagi ul, li, więc tabele usunąłem.

Struktura:

I poziom menu - mainlevel
II poziom menu - sublevel
III poziom menu - sublevel1
IV poziom menu - sublevel2
itd.

Do rozwijanych menu polecam moduł Extended menu (http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,163/Itemid,35/).

[MadMax]

a możesz podesłać plik przerobiony pod te klasy ze wszystkim tabelami itd ?

[zwiastun]

Odpowiem zamiast Jaca: To kwestia poglądów i ceny.

[MadMax]

to forum do udzielanie pomocy sobie nawzajem a co bym tutaj nie napisał to zaraz pieniądze chcecie

[zwiastun]

Chyba sobie żartujesz. Kto tu chce od Ciebie pieniądze!
Człowiek Ci daje porządny skrypt z menu w CSS-ie zgodnym ze standardami, a Ty chcesz, żeby Ci zrobił niezgodny.
Niezgodny masz w joomla! Nawet 6 poziomów podmenu Ci zrobi w tabelce.

[Jac]

Widzę, że Zwiastun wyprzedził mnie z odpowiedzią :).
Zgadzam się co do joty z tym, co napisał Zwiastun, więc nie będę się powtarzał.
MadMax, nie wiem po co chcesz robić menu na tabelach (bo "łatwiej", bo mniej walki z przeglądarką IE, bo niezgodnie z zaleceniami W3C?).
Jednak sugeruję Tobie: chociaż spóbuj zrobić to menu bez użycia tabel.
Możesz na tym tylko skorzystać.
Jeśli nie wiesz, jak sie do tego zabrać, nie martw się, Google (http://www.google.pl/search?hl=pl&q=menu+css&btnG=Szukaj&lr=lang_pl) na pewno pomoże i wskaże potrzebne informacje. Sam tak kiedyś zaczynałem...

[MadMax]

No przeksztalcilem sobie na liste nie mialem wiekszego problemu ale przy tym menu zrobily mi sie takie kropkie jak przy zwyklej liscie w arcie , jak sie tego pozbyc ?

[Jac]

ale przy tym menu zrobily mi sie takie kropkie jak przy zwyklej liscie w arcie , jak sie tego pozbyc ?


ul {
list-style: none;
}

Poczytaj jeszcze o dziedziczeniu w CSS, bo tak wstawiony styl będzie odnosił się do wszystkich list.
Dokładnie musisz tym stylem opisać najlepiej sam moduł twojego menu.

[MadMax]

Dzieki za to ale jest jeszcze jeden problem

W IE a w FF inaczej wygląda, mianowicie wcięcie przed elementem listy jest rożne i dzieje sie tak na każdej lisice. IE ma większe wcięcie , w ul{} ustawiłem już margin: 0px; i padding:0px; ale to nic nie dalo

[Jac]

IE tak już ma (to błąd ten przeglądarki).
Spróbuj zaaplikować w arkuszu css to:

* html ul li {
height: 1%;
}

[MadMax]

nic to nie zdziałało.

A czemu tam podałeś height ? to chodzi o odstęp z lewej strony


A moge jakos ustawic dla style menu ? jeden pod normalne a drugie pod IE

[Jac]

No to nie zrozumiałem. Myślałem, że chodzi o odległość pomiędzy. Gdyby można było rzucić okiem na to, co robisz, można by coś podumać więcej. Najlepiej podaj adres do strony.

[MadMax]

CHYBA JA TO ŹLE PRZEROBIŁEM NA TE LISTĘ
Wez sprobuj ty zmienić ten kod poniższy na listę


a.mainlevel:link, a.mainlevel:visited {
font-family: Tahoma;
display: block;
background-image: url(../images/przycisk.jpg);
background-repeat:no-repeat;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
color: #000000;
text-align: left;
text-decoration: none ;
padding-left: 25px;
height: 19px !important;
height: auto;
width: 158px;
margin: 2px 0px 0px 20px ;

}

a.mainlevel:hover {
display: block;
font-family: Tahoma;
background-image: url(../images/przycisk.jpg) ;
background-repeat:no-repeat;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
color: #000000;
text-align: left;
text-decoration: none ;
padding-left: 25px;
height: 19px !important;
height: auto;
width: 158px;
margin: 2px 0px 0px 20px ;

}



a.sublevel:link, a.sublevel:visited {
padding-left: 5px;
background-color: #d9d1bc;
background-repeat:no-repeat;

font-family: Tahoma;
font-size: 11px;
text-decoration: none ;
font-weight: normal;
color: #000000;

margin: 0px 0px 0px 42px ;
white-space:nowrap;
width:100%;
display:block;
}


a.sublevel:hover {
background-color: #d9d1bc;
padding-left: 5px;
background-position: center ;

font-size: 11px;
margin: 0px 0px 0px 42px ;
text-decoration: none ;
color: #000000;
font-family: Tahoma;
font-weight: normal;
white-space:nowrap;
width:100%;
display:block;
background-repeat:no-repeat;
}



Bede bardzo wdzięczny