Marek wrote:

..
> Tak, już trochę wypadłem z dziedziny hacków IE6. Wspominałeś, że poradziłeś
> sobie z przypadkem menu. Czy mógłbyś rozwinąć wątek przy moim poscie "CSS -
> problem z prostym menu". Mam już pewną koncepcję obejścia z zastosowaniem
> podwójnych tagów np. stosując <div><span>tekst menu</span></div> i nadając
> lewe wcięcie dla spanów. Wtedy zagnieżdżenie opcji w opcji zadziała.

IMO to jest rozwiązanie dorzucane do stron na siłę i albo robisz
możliwie estetycznie i piszesz z bólem CSS pod konkretne warunki
(zachowania i grafiki: kolory, odstępy, ramki etc) albo korzystasz z
gotowca - jest tego trochę (Google: CSS menu generator itp) - ale
liczysz się z bałaganem w CSS którego strach wogóle badać. Ja robie w
wariancie 1 (w htmlu na listach ul) ale najchętnie unikam ;).
Najprościej podpatrzeć u innych i się bawić samemu - takie łamigłówki
oswajają z CSSem.

Grzegorz

do góry

> IMO to jest rozwiązanie dorzucane do stron na siłę i albo robisz
> możliwie estetycznie i piszesz z bólem CSS pod konkretne warunki
> (zachowania i grafiki: kolory, odstępy, ramki etc)

Tak właśnie chcę zrobić. Ideowo takie pionowe menu jest banalne i robiłem je
mnóstwo razy natomiast w tym przypadku problem jest nietypowy gdyż podmenu z
jednej strony musi zachowywać się jak wcięte, a z drugiej strony background
każdej opcji musi rozciągać na całą szerokość. Warunek wykluczający się
pozornie...

> albo korzystasz z
> gotowca - jest tego trochę (Google: CSS menu generator itp) - ale
> liczysz się z bałaganem w CSS którego strach wogóle badać.

Nie, to odpada.

> Ja robie w
> wariancie 1 (w htmlu na listach ul) ale najchętnie unikam ;).

Ja również na <ul>. Zazwyczaj w 10 minut mam ostylowane i działające menu.
Jednakże listy tu nie mają (chyba) zastosowania gdyż w ten sposób klasyczne
wcięcia robisz, które w tym projekcie są bardziej złożone j/w.

> Najprościej podpatrzeć u innych i się bawić samemu - takie łamigłówki
> oswajają z CSSem.

Już się pobawiłem i głowa mi spuchła :-) Trudno szukać w Googlach "menu bez
wcięć z punktu widzenia tła ale zachowujące się jak z wcięciami z punktu
widzenia tekstu". Nie sposób zadać pytanie Googlom więc nie sądzę abym
znalazł jakąkolwiek referencję. Ponadto jest to dość unikalny sposób
prezentowania menu więc tym bardziej nie będzie czego podpatrywać.

do góry

Marek wrote:

..
> Trudno szukać w Googlach "menu bez
> wcięć z punktu widzenia tła ale zachowujące się jak z wcięciami z punktu
> widzenia tekstu".

Ja tego nie rozumiem, może Google też nie. Pokaż najlepiej na jakiejś
bitmapie o co chodzi (może być kilka stanów).

GC

do góry

> Ja tego nie rozumiem, może Google też nie. Pokaż najlepiej na jakiejś
> bitmapie o co chodzi (może być kilka stanów).

Bitmapa byłaby banalna. Składałaby się z szarych pasków zawierających tekst
(są to pozycje menu) i białych 5px odstępów. Wszystkie szare i białe paski
mają tą samą szerokość i zaczynają się od tej samej pozycji X. Nie ma więc
czego rysować. Wysokość szarego paska zależy od ilości linii tekstu
znajdującego się w nim. Wielkość wcięcia tekstu zależy od poziomu menu. Np.
Punkt 1 zacznie się wcięciem 5px. Podpunkt 1.1 będzie miał 10px itd. Proste
a zarazem skomplikowane...

Czego byś szukał w Googlach? Bo ja szczerze mówiąc nie wiem.

do góry

Marek wrote:

> > Ja tego nie rozumiem, może Google też nie. Pokaż najlepiej na jakiejś
> > bitmapie o co chodzi (może być kilka stanów).
>
> Bitmapa byłaby banalna. Składałaby się z szarych pasków zawierających tekst
> (są to pozycje menu) i białych 5px odstępów. Wszystkie szare i białe paski
> mają tą samą szerokość i zaczynają się od tej samej pozycji X. Nie ma więc
> czego rysować. Wysokość szarego paska zależy od ilości linii tekstu
> znajdującego się w nim. Wielkość wcięcia tekstu zależy od poziomu menu. Np.
> Punkt 1 zacznie się wcięciem 5px. Podpunkt 1.1 będzie miał 10px itd. Proste
> a zarazem skomplikowane...

Powiedziałbym proste (kropka)
Choć sam guru CSS się nie czuję z pewnością bym to zrobił.

> Czego byś szukał w Googlach? Bo ja szczerze mówiąc nie wiem.

Podobnych rozwiązań i patrzeć jak zrobione, można róznież pod różnymi
generatorami, ale chyba nie trzeba bo to wydaje się dość proste.
Ja szukałem różnych, często nietypowych trików dla CSS i zawsze
znajdywałem rozwiązania (albo pewność, że w CSS x.x tego nie osiągnę). W
skrajnych przypadkach (ten na taki nie wygląda) zorpoznanie problemu
zajmowało mi nawet kilkadziesiąt godzin. Ale cóż, biorę za pracę
pieniądze to się jej uczę.

Grzegorz

do góry

jesli masz poszczegolne poziomy menu na listach ul i li (zagniezdzonych)
to styl dla kolejnego poziomu definiujesz:

ul li
ul ul li
ul ul ul li

i dla kazdego poziomu ustawiasz inne text-indent

nie wiem czy jasno i przystepnie wytlumaczylem, jesli chcesz jakies
zrodla do przejrzenia to podesle wzor na priv

do góry

> Powiedziałbym proste (kropka)
> Choć sam guru CSS się nie czuję z pewnością bym to zrobił.

Ja również za pomocą podwójnego tagowania, a może raczej potrójnego nawet:
<li><div>opcja

<ul>

<li><div>podopcja 1</div></li>

<li><div>podopcja 2</div></li>

</ul>

</div>

</li>



ul {

padding: 0px;

margin: 0px;

}



li {

background-color: #CCC;

border-bottom: 5px #FFF solid;

padding: 0px;

margin: 0px;

}



div {

pudding-left: 5px;

}



czy jakoś tak. Mi to się wydało chore (nie sprawdzałem czy zadziała). Czy
nie możesz choćby wspomnieć jak rozwikłałbyś sprzeczność między
koniecznością robienia wcięć tekstu i braku wcięć dla opcji?


> Podobnych rozwiązań i patrzeć jak zrobione, można róznież pod różnymi
> generatorami, ale chyba nie trzeba bo to wydaje się dość proste.

Generatory nie mają tu zastosowania. One i tak nic innego nie wygenerują niż
HTML. Ich HTML nie będzie innym HTMLem niż napisany przeze mnie.Rozwiązania
na JS mnie nie interesują.

> Ja szukałem różnych, często nietypowych trików dla CSS i zawsze
> znajdywałem rozwiązania (albo pewność, że w CSS x.x tego nie osiągnę). W
> skrajnych przypadkach (ten na taki nie wygląda) zorpoznanie problemu
> zajmowało mi nawet kilkadziesiąt godzin. Ale cóż, biorę za pracę
> pieniądze to się jej uczę.

Osobiście preferuję efektywniej zarabiać i nie marnować czasu na okładanie
się biczami w imię idei, że na grupy pisać nie wolno w żadnym temacie :-)
Jeśli nie potrafię zadać pytania dla wyszukiwarek to nie mam po co drążyć
tematu. Bez sensu jest po całym świecie oglądać przypadkowe serwisy WWW bo
być może ktoś zastosował podobne rozwiązanie. Szansa jak jeden do miliona *
2 minuty na serwis = 1.5 roku pracy :-D Tyle czasu mój klient nie będzie
czekał dlatego nie widzę niczego niewłaściwego w pytaniu o rozwiązanie tu.

do góry

Marek wrote:

> Osobiście preferuję efektywniej zarabiać i nie marnować czasu na okładanie
> się biczami w imię idei, że na grupy pisać nie wolno w żadnym temacie :-)
> Jeśli nie potrafię zadać pytania dla wyszukiwarek to nie mam po co drążyć
> tematu.

To zleć to na zewnątrz. Chcesz aby ktoś robił robotę za którą ty
skasujesz? Pytasz o podstawy! Trochę przyzwoitości na boga.

Grzegorz

do góry

> To zleć to na zewnątrz. Chcesz aby ktoś robił robotę za którą ty
> skasujesz? Pytasz o podstawy! Trochę przyzwoitości na boga.

Ok, zróbmy więc tak: są to podstawy jak twierdzisz... Pewnie też parę linii
kodu. Czy podejmiesz się tego banalnego zlecenia? Jeśli nie wywiążesz się z
niego: Ty mi zapłacisz, ok?

Warunek od strony HTML: nie ma podwójnego tagowania opcji menu bo to i sam
potrafię. Stosować można wyłącznie HTML i CSS.

do góry