Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z usunięciem marginesu !
Forum PHP.pl > Forum > Przedszkole
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 sad.gif
Dziś mam otwarcie radia i musze dodać tam odnosnik radio a przez ten odstęp wszystko sie psuje


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 !
milbau
Chodzi Ci o odstęp po lewej stronie? Zresetuj padding dla listy

#navigation ul { padding-left:0}

Edit:
No i w pionie to meny chyba nie jest do końca wycentrowane.
KrissLhasa
Cytat(milbau @ 31.03.2012, 13:03:14 ) *
Chodzi Ci o odstęp po lewej stronie? Zresetuj padding dla listy

#navigation ul { padding-left:0}


Wiele to nie zmieniło sad.gif albo źle to robie
mam kod odpowiedzialny za to menu:

  1. #top-navigation { color: #000; padding-left: 10px; }
  2. #top-navigation a { color: #818082; }
  3. #top-navigation a:hover { color: #b2b2b2; }
  4. #top-navigation span { padding: 0 6px 0 9px; }
  5.  
  6. #navigation { margin: auto; padding: 0px 0 0 3px; width: 740px; height: 73px; background: url(img/navigation.png) no-repeat 0 0; }
  7. #navigation ul li { list-style: none; display: inline; float: left; line-height: 60px; text-shadow: 1px 1px #1b3242; background: url(img/nav-sep.png) no-repeat right 0; }
  8. #navigation ul li { font-family: 'Play', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; }
  9. #navigation ul li.first a { padding: 0 5px 0 6px; background: url(img/nav-first.png) no-repeat 0 -4000px; }
  10. #navigation ul li a { display: inline; float: left; padding: 0 5px 0 7px; color: #fff; background: url(img/nav-item.png) repeat-x 0 -4000px; }
  11. #navigation ul li a:hover { background-position: 0 0; text-decoration: none; }


A "#navigation ul" jest kilka więc do którego to dodać ?
xxdrago
Temat: Tematyka i zasady panujace na forum Przedszkole - popraw nazwę tematu.
d3ut3r
w twoim kodzie jest trochę namieszane np:

  1. <ul>
  2. <div class="first">
  3. ....
  4. ....


na szybko to dla pierwszego li zrób margin-left -39px ale to kiepskie rozwiązanie lepiej napisać to menu raz jeszcze smile.gif
KrissLhasa
Wiem bo z tym kodem długa historia jest sad.gif
Potrzebuje rozwiązania na szybko.
malin90
Ustaw dla głownej inną niż dla pozostałych odnośników klasę i dostosuj w niej lewy padding
KrissLhasa
Cytat(malin90 @ 31.03.2012, 13:35:10 ) *
Ustaw dla głownej inną niż dla pozostałych odnośników klasę i dostosuj w niej lewy padding


łatwo powiedziec jak ja dopiero zaczynam poznawać css dlatego tak źle zrobione sad.gif

@d3ut3r
"na szybko to dla pierwszego li zrób margin-left -39px"
Nom kiepskie bo wtedy wszystkie sie sprzestawiły sad.gif
milbau
Zrób tak:

  1. #top-navigation { color: #000; padding-left: 10px; }
  2. #top-navigation a { color: #818082; }
  3. #top-navigation a:hover { color: #b2b2b2; }
  4. #top-navigation span { padding: 0 6px 0 9px; }
  5.  
  6. #navigation { margin: auto; padding: 0px 0 0 3px; width: 740px; height: 73px; background: url(img/navigation.png) no-repeat 0 0; }
  7. /*Tutaj dopisz*/ #navigation ul {padding-left:0}
  8. #navigation ul li { list-style: none; display: inline; float: left; line-height: 60px; text-shadow: 1px 1px #1b3242; background: url(img/nav-sep.png) no-repeat right 0; }
  9. #navigation ul li { font-family: 'Play', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; }
  10. #navigation ul li.first a { padding: 0 5px 0 6px; background: url(img/nav-first.png) no-repeat 0 -4000px; }
  11. #navigation ul li a { display: inline; float: left; padding: 0 5px 0 7px; color: #fff; background: url(img/nav-item.png) repeat-x 0 -4000px; }
  12. #navigation ul li a:hover { background-position: 0 0; text-decoration: none; }

KrissLhasa
K**wa koleś wielkie dzięki ! O to własnie chodziło biggrin.gif
Poleciało pomógł ..
Dzięki wielkie również innym

Można zamknąć smile.gif

@Edit:

$ur:= ** biggrin.gif
Daiquiri
Proszę nie dublować tematów.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.