+- 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: [css] Wyświetlanie podkategorii (/thread-css-wy%C5%9Bwietlanie-podkategorii)
[css] Wyświetlanie podkategorii - arabeska - 17-10-2009
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.
RE: [css] Wyświetlanie podkategorii - Labsta.com - 17-10-2009
Najlepiej jak podasz link.
RE: [css] Wyświetlanie podkategorii - arabeska - 17-10-2009
www.fanaberia-art.pl
RE: [css] Wyświetlanie podkategorii - Labsta.com - 17-10-2009
Problem jest tu:
#menu3 ul, #menu4 ul{margin:10px 0 0 85px;
Twoje submenu dziedziczy to 85px
Dodaj
Kod:
#menu3 .sub2 {margin: 0px 0px;}RE: [css] Wyświetlanie podkategorii - arabeska - 18-10-2009
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;}RE: [css] Wyświetlanie podkategorii - Labsta.com - 18-10-2009
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.
RE: [css] Wyświetlanie podkategorii - arabeska - 21-10-2009
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.