[css] Wyświetlanie podkategorii

[arabeska]

Witam, używam sklepu internetowego Quick.cart v3.4 i mam taki mały problem z wyświetlaniem podkategorii w lewym menu. Kategoria główna i podkategoria wyświetlają się poprawnie, ale następna podkategoria (tzn. podkategoria podkategorii jest strasznie przesunięta w prawo przez co robi się misz-masz:

np.
- Biżuteria (kategoria główna - wyświetla się poprawnie)
- Biżuteria autorska (podkategoria - delikatnie wcięta, wyświetla sie poprawnie)
- Na ucho... (podkategoria - wyświetla się niepoprawnie - jest zdecydowanie zbyt daleko przesunięta w prawo, w stosunku do pozostałych, przesunięte są też małe znaczniki od których zaczyna się każda linijka menu)

Chciałabym przesunąć je w lewo...


Myślałam, że odpowiadają za to linijki w css -

#menu3 .sub2 a, #menu4 .sub2 a{padding-left:18%;}
#menu3 .sub3 a, #menu4 .sub3 a{padding-left:21%;}

POMOCY

-------------------------------------------------------
A.

[Labsta.com]

Najlepiej jak podasz link.

[arabeska]

www.fanaberia-art.pl

[Labsta.com]

Problem jest tu:
#menu3 ul, #menu4 ul{margin:10px 0 0 85px;
Twoje submenu dziedziczy to 85px
Dodaj

Kod:

#menu3 .sub2 {margin: 0px 0px;}

Ale nic nie gwarantuje, że zawsze to zadziała. Niezły masz tam bałagan.

[arabeska]

W którym miejscu powinnam to dodać? Co znaczy, że mam "niezły bałagan"?

Kod:

/* LEFT MENU */
#menu3 ul, #menu4 ul{margin:10px 0 0 85px;padding:10px 18px 10px 25px;background:transparent;list-style:none;}
#menu3 a, #menu4 a{display:block;display:inline-block;width:90%;padding:6px 6%;border-top:1px solid #74b3a2;background:url('img/point.gif') no-repeat 0 11px;color:#ffffff;text-decoration:none;}
#menu3 a:hover, #menu4 a:hover{background-color:inherit;color:#ede50c;font-weight:bold 1.0em;text-decoration:none;}
#menu3 .l1 a, #menu4 .l1 a{border-top:0;}

#menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 5px 0;border:0;}
#menu3 .sub1 a, #menu4 .sub1 a{display:block;width:80%;padding:2px 10% 2px 15%;border:0;background:url('img/point_sub.gif') no-repeat 15px 6px;}
#menu3 .sub2 a, #menu4 .sub2 a{padding-left:18%;}
#menu3 .sub3 a, #menu4 .sub3 a{padding-left: 21%;}
* html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;}
#menu3 .selected, #menu4 .selected{background-color:inherit;color:#ede50c;text-weight:bold;text-decoration:none;}

[Labsta.com]

Umieścić możesz sobie to np. w tej przerwie.

Co do bałaganu to chodzi mi o szablon np. że masz tam sporo zbednych class i id. Praktycznie każdy tag ma id i class, class czasem występuje pojedyńczo. Pomieszane jednostki px, % i jeszcze kilka spraw. Sklep ma stałą szerokość, więc użycie % jest zbędne.
Stąd też pojawiają się takie problemy jak z tym menu. Sub menu III stopnia dziedziczy po <ul> I stopnia.

Nie wiem jaka jest historia tego szablonu, jęsli jest darmowy to ok, jeśli się uczysz to staraj się upraszać, jeśli jest kupiony to od słabego speca. Oczywiście mówię wyłacznie o kodzie i jego wykonaniu.

[arabeska]

Dzięki - pomogło, choć muszę to jeszcze dopracować.

Sklep jest darmowy - quick.cart v 3.4

Postaram się trochę ogarnąć bałagan, o którym pisałeś.

Pozdrawiam,
A.