🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Thread View: pl.comp.lang.javascript
6 messages
6 total messages Started by Pan Łoś Tue, 27 Oct 2009 07:46
position absolute/relative a skrypt menu
#49482
Author: Pan Łoś
Date: Tue, 27 Oct 2009 07:46
30 lines
2255 bytes
Witam,

Zanim proszę o pomoc zazwyczaj próbuję sam wszystko rozgryźć,
ale już nie mam siły i liczę na Was! Tworzę stronę dla własnych potrzeb
i chciałem skorzystać z darmowego skryptu wykonującego "rozwijane menu"

Pobrałem go ze strony: 
http://www.kurshtml.boo.pl/skrypty/wyglad,menu_rozwijane.html

Oczywiście dla własnych potrzeb musiałem go jakoś opisać w CSS i wpasować do 
swojej strony, jej wyglądu i układu. I tu zaczęły się problemy: całe menu 
mam zrobione w plikach gif, a wszystko to jest jedną częścią tabelki. Menu 
jednak wykorzystuje "position absolute/relative", które ja rozumiem dość na 
czuja.

Jeśli ktoś znalazłby chwilę, to proszę zerknąć na www.miceart.pl/beta i tam 
w stronie indeksowej od zakładki <!-- Menu główne --> jest moja twórczość. 
Przy różnych częściach tego menu bawię się w zmianę pozycjonowania 
relative/absolute, marginesy, ale praktycznie zawsze GIF, który jest 
przypasowany do <dl> wyskakuje gdzieś daleko poniżej <td> które dla niego 
zaplanowałem. Podsuwanie go wyżej marginesami okazało się nieprofesjonalne, 
bo inne przeglądarki wtedy wyświetlają ten gif powyżej owego <td>

Może coś jest źle w pliku style.css?


Będę wdzięczny za każdą sensowną pomoc :)

Pozdrawiam,
Pan Łoś 
Re: position absolute/relative a skrypt menu
#49483
Author: Peter
Date: Tue, 27 Oct 2009 08:03
24 lines
1609 bytes
Pan Łoś pisze:
> Witam,
> 
> Zanim proszę o pomoc zazwyczaj próbuję sam wszystko rozgryźć,
> ale już nie mam siły i liczę na Was! Tworzę stronę dla własnych potrzeb
> i chciałem skorzystać z darmowego skryptu wykonującego "rozwijane menu"
> 
> Pobrałem go ze strony: 
> http://www.kurshtml.boo.pl/skrypty/wyglad,menu_rozwijane.html
[...]

Przekombinowane menu. Spróbuj tego:

http://purecssmenu.com/

lub w ogóle:
http://www.google.pl/search?q=pure+css+menu&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:pl:official&client=firefox-a

Wyjątkiem jest niewielki hack dla IE6, który nie rozumie :hover dla 
innych elementów, niż <a>. Ale zajrzyj tutaj:
http://www.alistapart.com/articles/dropdowns/

-- 
Peter
Re: position absolute/relative a skrypt menu
#49484
Author: Pan Łoś
Date: Tue, 27 Oct 2009 10:29
10 lines
1365 bytes
> Przekombinowane menu. Spróbuj tego:
> http://purecssmenu.com/

No sympatyczne, ale jak już zacząłem tamto, zrobiłem wszystkie gify,
to wolałbym dokończyć tamto. Tym bardziej, że ono chyba nie jest złe,
tylko coś się sypnęło, a ja nie wiem co... bo samo menu działa dobrze
i tylko nie chce siedzieć w wyznaczonym mu miejscu ;)


Pan Łoś. 
Re: position absolute/relative a skrypt menu
#49485
Author: Peter May
Date: Tue, 27 Oct 2009 14:24
15 lines
1624 bytes
Pan Łoś pisze:
>> Przekombinowane menu. Spróbuj tego:
>> http://purecssmenu.com/
> 
> No sympatyczne, ale jak już zacząłem tamto, zrobiłem wszystkie gify,
> to wolałbym dokończyć tamto. Tym bardziej, że ono chyba nie jest złe,
> tylko coś się sypnęło, a ja nie wiem co... bo samo menu działa dobrze
> i tylko nie chce siedzieć w wyznaczonym mu miejscu ;)

Pomysł oparcia menu na definicji listy, i tym bardziej przy użyciu 
"spacer gif-ów", jest trochę nie trafiony. Do tego masz <ul> lub <ol>. I 
tony JavaScript-u też nie są potrzebne. Zwykły CSS wystarczy (poza IE6).

-- 
Peter
Re: position absolute/relative a skrypt menu
#49486
Author: Pan Łoś
Date: Tue, 27 Oct 2009 17:04
14 lines
1786 bytes
>> No sympatyczne, ale jak już zacząłem tamto, zrobiłem wszystkie gify,
>> to wolałbym dokończyć tamto. Tym bardziej, że ono chyba nie jest złe,
>> tylko coś się sypnęło, a ja nie wiem co... bo samo menu działa dobrze
>> i tylko nie chce siedzieć w wyznaczonym mu miejscu ;)
>
> Pomysł oparcia menu na definicji listy, i tym bardziej przy użyciu "spacer 
> gif-ów", jest trochę nie trafiony. Do tego masz <ul> lub <ol>. I tony 
> JavaScript-u też nie są potrzebne. Zwykły CSS wystarczy (poza IE6).

A czy w takiej kontrukcji CSS mogę uzyskać podobny efekt graficzny do 
zamierzonego (mniej więcej widzisz jak otworzysz stronę). Czy mogę w nich 
użyć swoich gifów?

Bernard 
Re: position absolute/relative a skrypt menu
#49487
Author: Peter May
Date: Wed, 28 Oct 2009 08:13
17 lines
1849 bytes
Pan Łoś pisze:
>>> No sympatyczne, ale jak już zacząłem tamto, zrobiłem wszystkie gify,
>>> to wolałbym dokończyć tamto. Tym bardziej, że ono chyba nie jest złe,
>>> tylko coś się sypnęło, a ja nie wiem co... bo samo menu działa dobrze
>>> i tylko nie chce siedzieć w wyznaczonym mu miejscu ;)
>> Pomysł oparcia menu na definicji listy, i tym bardziej przy użyciu "spacer 
>> gif-ów", jest trochę nie trafiony. Do tego masz <ul> lub <ol>. I tony 
>> JavaScript-u też nie są potrzebne. Zwykły CSS wystarczy (poza IE6).
> 
> A czy w takiej kontrukcji CSS mogę uzyskać podobny efekt graficzny do 
> zamierzonego (mniej więcej widzisz jak otworzysz stronę). Czy mogę w nich 
> użyć swoich gifów?

W samym CSS możesz uzyskać to, co chcesz na pewno.

-- 
Peter
Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads