PDA

Zobacz pełną wersję : Problem z łamaniem menu zapisanego inline


Grisza
07-09-2010, 19:26
Kończę już taki oto portalik:

http://aktywizacja.home.pl/legislacjon/
Jednakże w Menu:


Zdrowie (http://aktywizacja.home.pl/legislacjon/index.php/zdrowie)
Edukacja (http://aktywizacja.home.pl/legislacjon/index.php/edukacja)
Transport (http://aktywizacja.home.pl/legislacjon/index.php/transport)
Pomoc Społeczna (http://aktywizacja.home.pl/legislacjon/index.php/pomocspoleczna)
Zatrudnienie (http://aktywizacja.home.pl/legislacjon/index.php/zatrudnienie)
Rehabilitacja (http://aktywizacja.home.pl/legislacjon/index.php/rehabilitacja)

Automatycznie mi się łamie Pomoc Społeczna. Próbowałem zawężać Divy jednakże nic nie pomaga. Bardzo proszę o pomoc w tym by Pomoc Społeczna w całości została u góry.

Specjalnie dałem border na Divie byście dobrze widzieli.
Robster
07-09-2010, 19:45
Łamie się bo masz za dużo pozycji w menu i się nie mieszczą. Sam sprawdź poprzez usunięcie kilku lub przeniesieniu tej dwuczłonowej nazwy na początek lub koniec menu. Zmniejsz czcionkę lub zagwarantuj więcej miejsca dla niego.
a_m
07-09-2010, 19:50
ojoj @grisza - .item18{margin-left: 41px;white-space: no-wrap;}?
Robster
07-09-2010, 19:52
Jakby nie było i tak się w obecnym bloku całość nie pomieści :D
Grisza
07-09-2010, 20:40
ojoj @grisza - .item18{margin-left: 41px;white-space: no-wrap;}?
Próbowałem wszystkiego. I z no wrap i bez.

---------- Post dodany o 20:40 ---------- Poprzedni post był o 20:37 ----------


Jakby nie było i tak się w obecnym bloku całość nie pomieści :D
Ale właśnie żaden Div tego nie obejmuje.

Muszę osiągnąć coś takiego:
Zdrowie (http://aktywizacja.home.pl/legislacjon/index.php/zdrowie) Edukacja (http://aktywizacja.home.pl/legislacjon/index.php/edukacja) Transport (http://aktywizacja.home.pl/legislacjon/index.php/transport) Pomoc Społeczna (http://aktywizacja.home.pl/legislacjon/index.php/pomocspoleczna)
Zatrudnienie Rehabilitacja (http://aktywizacja.home.pl/legislacjon/index.php/rehabilitacja)

Musi być przełamane, ale nie spacją.
a_m
07-09-2010, 20:49
hej, mi chodziło o zapis no-wrap; zaś co do takiego efektu, to będzie konieczna małą przebudowa
dkint
07-09-2010, 21:00
Witam

Coś takiego ma być ?

3011

pozdrawiam
Krzysiek
a_m
07-09-2010, 21:11
hej @dkint, Twój załącznik nie działa; kolega @Grisza, źle wpisał polecenie, ale nawet jak je wpisze w końcu poprawnie...
Robster
07-09-2010, 21:12
Myślałem, że to wszystko ma być w jednej linii. Trochę nieczytelne to menu, po poprawkach wyjdzie :/
dkint
07-09-2010, 21:14
Witam

a_m dziwne ja otwieram ten załącznik, ale może więc http://www.roztocze.info/tmp/Schowek-2.jpg ...

ogólnie problem to jeden div i jeden padding ...

pozdrawiam
Krzysiek
a_m
07-09-2010, 21:14
nie, chodzi o to, żeby się zawijało w pewnym obszarze bez łamania zawartości "pomoc społeczna"
dkint
07-09-2010, 21:17
ja właśnie zrozumiałem, że problem jest tylko z linkiem pomoc społeczna ...

pozdrawiam
Krzysiek
Grisza
07-09-2010, 22:14
hej @dkint, Twój załącznik nie działa; kolega @Grisza, źle wpisał polecenie, ale nawet jak je wpisze w końcu poprawnie...
To ?? :) Oki jutro już popróbuję. Dzisiaj padam.

---------- Post dodany o 22:11 ---------- Poprzedni post był o 22:09 ----------


Witam

a_m dziwne ja otwieram ten załącznik, ale może więc http://www.roztocze.info/tmp/Schowek-2.jpg ...

ogólnie problem to jeden div i jeden padding ...

pozdrawiam
Krzysiek
Tak takie jest założenie. Jak to osiągnąłeś ? Czyli bez wrapa ? :)



---------- Post dodany o 22:13 ---------- Poprzedni post był o 22:12 ----------


nie, chodzi o to, żeby się zawijało w pewnym obszarze bez łamania zawartości "pomoc społeczna"
Nie nie a_m. Chodzi właśnie by się tak złamało jak to dkint wrzucił screena.

---------- Post dodany o 22:14 ---------- Poprzedni post był o 22:13 ----------


ja właśnie zrozumiałem, że problem jest tylko z linkiem pomoc społeczna ...

pozdrawiam
Krzysiek

Dobrze zrozumiałeś :) Może właśnie te paddingi zerowe globalnie to rozbiegały.
dkint
07-09-2010, 22:20
tak na szybko bez ponownego analizowania Twojego kodu jeden z paddingów zamiast 20 na 5 i jeden div z 500 na 600 ... jak nie znajdziesz to wejdę jeszcze raz ... pobaw się firebugiem naprawdę świetne rozszerzenie ... grzebiesz w css na żywo ...

edit-

display musi być też inline-block ...

pozdrawiam
Krzysiek
Grisza
08-09-2010, 10:03
tak na szybko bez ponownego analizowania Twojego kodu jeden z paddingów zamiast 20 na 5 i jeden div z 500 na 600 ... jak nie znajdziesz to wejdę jeszcze raz ... pobaw się firebugiem naprawdę świetne rozszerzenie ... grzebiesz w css na żywo ...

edit-

display musi być też inline-block ...

pozdrawiam
Krzysiek

Ten display: inline-block był kluczem do sukcesu :) Dzięki wielkie :)

---------- Post dodany o 10:03 ---------- Poprzedni post był o 09:50 ----------

http://aktywizacja.home.pl/legislacjon/

Tylko, że na IE się rozwala :(
dkint
08-09-2010, 10:12
Witam

Po południu popatrzę ... powiem szczerze, że zapomniałem o IE ...

pozdrawiam
Krzysiek
dkint
08-09-2010, 10:17
W między czasie poczytaj tutaj - http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/, i tutaj - http://kurs.browsehappy.pl/Bugi/InlineBlock i na koniec tutaj http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

pozdrawiam
Krzysiek
Grisza
08-09-2010, 10:27
Jupii pomogło :)

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

Pierwszy Hack pomógł :) Zajebiste tekściory :) Dzięki wielkie :)