zmiana szerokości - border lewe menu

jankesmj

Avatar: jankesmj

2012-03-16 14:19

witam! dwoje się i troje i nie mogę znaleźć parametru / lub nie mam go użytego
aby zmienić szerokość szerokość border dashed w lewym menu przy ostatniej zakładce

link do strony : www.spnoskow.pl

chodzi mi o zakładkę: Galeria zdjęć w menu Szkoła i Przydatne linki w menu dla Rodziców

część kodu CSS:


/* LEFT COLUMN STYLES */
#column{float:left;width:200px;padding:0px 10px;}
#column .type{padding:0px 0px;background:inherit;color:#28597A;font:normal 1.75em Calibri, Georgia, Tahoma;}
#menu2, #menu3, #menu4{padding:0 20px 10px;}

/* LEFT MENU    ------ szkola */
#menu3 ul, #menu4 ul{margin:0px 8px;list-style:none;border-bottom:1px dashed #FFA502;font-family: Calibri, Georgia, Tahoma;}
#menu3 a, #menu4 a{display:block;width:170px;padding:5px 5px;border-top:1px dashed #FFA502;background:inherit;color:#28597A;font-size:1.3em;text-decoration:none;}
#menu3 a:hover, #menu4 a:hover, #menu3 .sub1 a:hover, #menu4 .sub1 a:hover{background-color:#FFA502;color:#28597A;text-decoration:none;}
#menu3 .selected, #menu4 .selected{background-color:#FFB833;color:#FFFFFF;text-decoration:none;}
/* submenu */
#menu3 .sub1, #menu4 .sub1{margin:0;padding:0 0 10px  0;border:0;}
#menu3 .sub1 a, #menu4 .sub1 a{display:block;width:75%;padding:2px 10% 2px 15%;border:0;}
html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;}


/* MENU TOP 2 -----  dla rodzicow*/
#menu2 ul, #menu4 ul{margin:0px 8px;list-style:none;border-bottom:1px dashed #12B1CF;font-family: Calibri, Georgia, Tahoma;}
#menu2 a, #menu4 a{display:block;width:170px;padding:5px 5px;border-top:1px dashed #12B1CF;background:inherit;color:#28597A;font-size:1.3em;text-decoration:none;}
#menu2 a:hover, #menu4 a:hover, #menu2 .sub1 a:hover, #menu4 .sub1 a:hover{background-color:#12B1CF;color:#28597A;text-decoration:none;}
#menu2 .selected, #menu4 .selected{background-color:#14C3E6;color:#FFFFFF;text-decoration:none;}
/* submenu */
#menu2 .sub1 .selected, #menu4 .sub1 .selected{background-color:#BFDEFD;text-decoration:none;}
#menu2 .sub1, #menu4 .sub1{margin:0;padding:0px 0px 0px 0px;border:0;font-size:0.8em;text-decoration:none;}
#menu2 .sub1 a, #menu4 .sub1 a{display:block;width:160px;padding:10px 5px 8px 15px;border:0;background:#D4E9FC; color:#28597A;border-top:1px dashed #12B1CF;}
#menu2 .sub1 a:hover, #menu4 .sub1 a:hover{display:block;width:160px;padding:10px 5px 8px 15px;border:0;background:#BFDEFD; color:#28597A;border-top:1px dashed #12B1CF;}
html #menu2 a, * html #menu4 a, * html #menu2 .sub1 a, * html #menu4 .sub1 a{width:100%;} 

» Quick.Cms v3.x

treewood (OpenSolution)

Avatar: treewood

2012-03-17 09:48

W tym jest problem:
#menu2, #menu3, #menu4{padding:0 20px 10px;}

gdy to zmienilem na np:
#menu2, #menu3, #menu4{padding:0 4px 10px;}

to wyglada ok

jankesmj

Avatar: jankesmj

2012-03-19 15:39

ok 4px to działa, lecz menu wysuwa się za mocno w lewo co powoduje wizualne wysunięcie po za margines
zmieniłem na 12px

#menu2, #menu3, #menu4{padding:0 12px 10px;}


co wyrównuje z lewym bokiem rotatora/baner lecz nadal dolny border jest obcięty

co to jeszcze może być - co to powoduje?

Do góry
o nas | kontakt