Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] menu na różnych poziomach
szczurek
post 4.10.2006, 19:35:37
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 1.10.2006
Skąd: Bydgoszcz

Ostrzeżenie: (10%)
X----


Witam, mam taki problem, kolega grafik zrobił miejsce na menu w pozycji



jedna pozycja w stosunku do drugiej jest wyżej i to im dalej w prawo tym wyżej.

Nie mam pomysłu jak to rozwiązać, poza zronieniem każdego linka niezależnym i pozycjonowanie go, ale to nie jest najlepszy pomysł.

moje menu składa się z trzech pozycji i ma taką strukturę:
  1. <div id="menu">
  2. <ul class="menu">
  3. <li class="menu pierwszy"><a href="#" title="">link</a></li>
  4. <li class="menu drugi"><a href="#" title="">link2</a></li>
  5. <li class="menu trzeci"><a href="#" title="">link3</a></li>
  6. </ul></div>


najczęściej menu robię jako listę.


--------------------
"Nie masz żadnej szansy, ale ją wykorzystaj" Arthur Schopenhauer
wiersze
Go to the top of the page
+Quote Post
mike
post 4.10.2006, 19:37:35
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


To daj ul jako duży blok pozycjonowany relatywnie lub absolutnie a elemnty li wypozycjonuj absolutnie względem niego.

Co widzisz złego w tym rozwiązaniu?
IMO jest najlepsze.
Go to the top of the page
+Quote Post
szczurek
post 5.10.2006, 11:31:32
Post #3





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 1.10.2006
Skąd: Bydgoszcz

Ostrzeżenie: (10%)
X----


hmm no w sumie pozycjonuję, grafika ma być slakowalna do pewnego rozmiaru.
Potrzeba jest taka żeby litery zmniejszały lub zwiększały się tak jak grafika.

podawanie wartości em, % nic nie daje. A kiedy ktoś mniejszy stronę zebyt duże litery wyjdą mu poza grafikę.


--------------------
"Nie masz żadnej szansy, ale ją wykorzystaj" Arthur Schopenhauer
wiersze
Go to the top of the page
+Quote Post
Fusin
post 5.10.2006, 14:32:26
Post #4





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 25.09.2006
Skąd: Sucha Beskidzka

Ostrzeżenie: (0%)
-----


Nie wiem czy Cie dobrze zrozumiałem... ale może spróbuj do każdego linku dodać id ;] i ustaw przez position ;] może się uda, spróbuj smile.gif


--------------------
Ubuntu 6.10
$Kobieta zmienną jest ;)
Go to the top of the page
+Quote Post
szczurek
post 5.10.2006, 17:42:23
Post #5





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 1.10.2006
Skąd: Bydgoszcz

Ostrzeżenie: (10%)
X----


Aktualnie mój problem polega na tym że
Tutaj w rozdzielczości 1024x768 wszystko wygląda dobrze(idealnie pozycję jeszcze ustawię). Jednak kiedy zaczynam zmniejszać stronę linki się nie przesuwają. nie mam pomysłu jak to rozwiązać żeby tak się działo chociaż do szerokości okna 800 px

plik css jest tutaj

Tak na żywo lepiej będzie widać o co mi chodzi.


--------------------
"Nie masz żadnej szansy, ale ją wykorzystaj" Arthur Schopenhauer
wiersze
Go to the top of the page
+Quote Post
Fusin
post 5.10.2006, 18:30:42
Post #6





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 25.09.2006
Skąd: Sucha Beskidzka

Ostrzeżenie: (0%)
-----


Heh, nawet w rozdzielczości 1024x768 super to to nie wygląda... nie wiem za bardzo jak Ci pomóc, idz na łatwizne i napisz do Erica Meyera ^^ A tak serio, to jeszcze pomyśle nad tym winksmiley.jpg


--------------------
Ubuntu 6.10
$Kobieta zmienną jest ;)
Go to the top of the page
+Quote Post
szczurek
post 5.10.2006, 19:13:27
Post #7





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 1.10.2006
Skąd: Bydgoszcz

Ostrzeżenie: (10%)
X----


Eric się na mnie obraził więc mi nie pomoże smile.gif Ja nad tym już jakiś czas myślę i coś nie za bardzo mi wychodzi.


--------------------
"Nie masz żadnej szansy, ale ją wykorzystaj" Arthur Schopenhauer
wiersze
Go to the top of the page
+Quote Post
s_w_ir
post 5.10.2006, 21:43:34
Post #8





Grupa: Zarejestrowani
Postów: 315
Pomógł: 1
Dołączył: 6.08.2003
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Rozumiem że obrazek sie zminejsza, zwiększa prawda? Więc tak samo zrób pozycjonowanie nie pixealmi a procentami a wtedy będzie się trzymać tego czego musi. Ode mnie BRAWO za plan skalowności. IMPRESSIVE.

edit: co do zmniejszania textu to poszukma, jak coś to wkleje.
Go to the top of the page
+Quote Post
szczurek
post 5.10.2006, 22:31:56
Post #9





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 1.10.2006
Skąd: Bydgoszcz

Ostrzeżenie: (10%)
X----


NO tak tylko tam jest dla bloku menu position:absolute;
W tym momencie nie mam relacji między blokiem a poszczególnymi linkami a pozycjonowanie względem całem jestony też się coś wali. Chodzi o to że nawet jak się przesuwa w lewo to do góry już jest lipa. Kombinowałem troche na procentach, zawsze staram się dawać relatywne jednostki.

Tak grafika jest skalowana.


--------------------
"Nie masz żadnej szansy, ale ją wykorzystaj" Arthur Schopenhauer
wiersze
Go to the top of the page
+Quote Post
s_w_ir
post 7.10.2006, 19:53:15
Post #10





Grupa: Zarejestrowani
Postów: 315
Pomógł: 1
Dołączył: 6.08.2003
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Daj jakiś okrojony kodzik plus tą grafike to się popróbuje.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 10:03