[CSS]Problem z marginesem na stronie Opcje

[KrissLhasa]

Witam !

Panowie, mam problem a mianowicie od dłuższego czasu borykam sie z problemem menu na stronie a dokładniej po najechaniu na napis główna pole podświetle sie tzn. robi sie jasniejsze jednak istnieje ok. 1,5 cm przestrzeni nie mam pojęcia co zmienić aby jej nie było (IMG:style_emoticons/default/sad.gif)

Ma ktoś może jakiś pomysł ? Nie będe umieszczał kodu bo musiał bym cały można zobaczyć go w źródle.
www.music-network.pl

Z góry dzięki za pomoc !

[by_ikar]

[CSS] pobierz, plaintext 
#navigation ul { padding: 0;} 
[CSS] pobierz, plaintext 

Tylko nie wiem czy dobrze zrozumiałem. Dodatkowo, masz tam w tej liście (ul) jednego diva, którego tam być de facto nie powinno. A dokładniej chodzi mi o diva o klasie first.

[KrissLhasa]

jak dodałem #navigation ul { padding: 0;} to nic się nie zmienia
konkretniej chyba chodzi o ten kod :

#navigation { margin: 0 0 0 7px; padding: 2px 0 0 3px; width: 983px; height: 73px; background: url(images/navigation.png) no-repeat 0 0; }
#navigation ul li { list-style: none; display: inline; float: left; line-height: 60px; text-shadow: 1px 1px #1b3242; background: url(images/nav-sep.png) no-repeat right 0; }
#navigation ul li { font-family: 'Play', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#navigation ul li a { display: inline; float: left; padding: 0 16px 0 16px; color: #fff; background: url(images/nav-item.png) repeat-x 0 -4000px; }
#navigation ul li a:hover { background-position: 0 0; text-decoration: none; }

a jesli coś jest nie jasne chodzi o to aby po najechaniu na pierwszy odnosnik tj. główna poświata zaczynała sie od początku niebieskiej belki jak tutaj www.music-network.pl/radio

[zamper]

W powyższym kodzie masz styl diva #navigation, w którym masz zdefiniowany lewy margines na 7px oraz lewy padding na 3px...
Jak nie pomoże to daj na początku pliku stylów *{margin:0;padding:0;}

Ten post edytował zamper 23.03.2012, 21:29:15

[KrissLhasa]

Kurcze tak jak myślałem nadal nic (IMG:style_emoticons/default/sad.gif)
może ktoś ma inny pomysł ?

[zamper]

UL w divie #navigation ma lewy padding na 40px (IMG:style_emoticons/default/tongue.gif)
Polecam zainstalować FireBug'a (IMG:style_emoticons/default/smile.gif)

Ten post edytował zamper 23.03.2012, 21:34:44

[KrissLhasa]

Ja chyba ślepy jestem w #navigation nigdzie padding 40px niema :/

[kkpre]

Ja chyba ślepy jestem w #navigation nigdzie padding 40px niema :/

no nie ma (IMG:style_emoticons/default/wink.gif) masz ustawić to wtedy caly link "główna" przedłuży się o 40px z lewej (IMG:style_emoticons/default/wink.gif)

możesz jeszcze długość tego pierwszego ula zwiększyć, ale nie wiem do końca czy to pomoże

[CSS] pobierz, plaintext 
#navigation ul li.first a { padding: 0 5px 0 6px; background: url(img/nav-first.png) no-repeat 0 -4000px; }
[CSS] pobierz, plaintext 

Ten post edytował kkpre 24.03.2012, 03:20:53

[zamper]

To ciekawe, bo mi FireBug pokazuje lewy padding na 40px

[KrissLhasa]

@Zamper w której niby lini ?

[zamper]

[CSS] pobierz, plaintext 
/*...*/
outline-style: none;
outline-width: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
 
padding-left: 40px;
 
padding-right: 0px;
padding-top: 0px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: static;
resize: none;
right: auto;
/*...*/
[CSS] pobierz, plaintext 

Ten post edytował zamper 24.03.2012, 10:44:21

[KrissLhasa]

Sory ale ja w całym CSS niemam nawet frazy "40px" więc nadal mi niewiadomo skąd to wziełeś ?

[crocodillo]

Sory ale ja w całym CSS niemam nawet frazy "40px" więc nadal mi niewiadomo skąd to wziełeś ?

Te 40px, które niektórzy widzą, to wartość automatyczna.

Jeśli chodzi Ci o tą przestrzeń przed linkiem GŁÓWNA, to w stylach do swojego <UL> dopisz: padding:0px;
Tylko wtedy będziesz musiał ustawiać poszczególne szerokości <li> jeśli chcesz, żeby się ładnie rozłożyło na całej długości. Nie sprawdzałem dokładnie jak to masz rozwiązane.

Ten post edytował crocodillo 24.03.2012, 12:17:41

[KrissLhasa]

A da rade żeby zrobić to bez wpisywania szerokości do poszczególnych odnosniów ?
Tzn. żeby nie definiować szerokości tylko abyła ona automatyczna?