[layout] Radex's lay, Jaką by tu nazwę dać?:P Opcje

[.radex]

Cały czas nad tym pracuję, ale dam do zobaczenia w pół-skończony prawie skończony layout.

Link: http://radex.byethost18.com/skin/szablon.htm


[Uwaga!] Layout ten nie działa pod IE. Dla IE zrobiona będzie wersja osadzona na tabelkach, lub o stałej szerokości, chyba że coś wymyślę:P

Niezabardzo wiem co zrobić z tym zdjęciem. Bo zbyt mało szerokie by strasznie wyglądało na miejszych monitorach. Naprawdę bez tego zdjęcia wygląda strasznie, ale dopasowanie tego zdjęcia nie jest najlepsze :/ Mam nadzieję że doradzicie mi w sprawie zdjęcia, wersji ie, no i samego laya.

Powyżej stare informacje nijak odnoszące się do dzisiejszego stanu.

Stare odsłony lay'a:

http://radex.byethost18.com/skin/szablon_old.htm
http://radex.byethost18.com/skin/szablon_older.htm - najstarsza wersja, niedziałająca całkowicie pod ie.


Czkeam na opinie

Ten post edytował radex_p 1.06.2007, 14:59:52

[haponiuk]

Cały czas nad tym pracuję, ale dam do zobaczenia w pół-skończony layout.

pracuj, pracuj, pracuj i pracuj

[.radex]

prosiłem o opinie, komentarze a nie nabijanie postów:P

[babejsza]

Błagam Cię ... . Tak prosty lay na prawdę da się zrobić bez hacków, no może tylko z jednym dla przeźroczystości.

Błędy:
- Strona wygląda tragicznie w rozdzielczości 1600x1200.
- brak doctype
- kwiatek: <a href="ie/">
- do tworzenia menu służy znacznik listy nieuporządkowanej
- <br> pomiędzy div'ami :|

Samo zdjęcie powienieneś na końcach zgradientować do czerni i położyć na czarnym tle od lewej do prawej.

Jak trochę nad tym popracujesz to będzie to jakoś wyglądało. Na razie jest bardzo marnie. I pod względem graficznym i kodu.

[phpion]

Poprzednicy właściwie wszystko już napisali. Dodam tylko, że nagłowki wyglądają paskudnie - szczegolnie to pogrubienie pierszej litery... I po co dajesz buttony o poprawności kodu skoro podczas walidacji wywalane są błędy?

Naprawdę bez tego zdjęcia wygląda strasznie

Z nim również

[.radex]

- Strona wygląda tragicznie w rozdzielczości 1600x1200.

- mówiłem, że to zdjęcie jest do bani, pod 1280x1024 i 1024x768 wygląda całkiem dobrze

- brak doctype

- hmm... to ciekawe. Jest doctype HTML4.0 Strict. Są błędy validacji tylko przez serwer [reklama]

- kwiatek: <a href="ie/">

- to tylko tak testowo. Będzie się automatycznie przekierowywało ( if IE6 itd.)

- do tworzenia menu służy znacznik listy nieuporządkowanej

- tylko że nie ma tu jeszcze żadnego menu! To tylko opis

- <br> pomiędzy div'ami :|

- coś nie działało, więc to wstawiłem, ale jest to niepotrzebne

Jak trochę nad tym popracujesz to będzie to jakoś wyglądało. Na razie jest bardzo marnie. I pod względem graficznym i kodu.

- mówiłem że jest w pół skończone

Ten post edytował radex_p 17.05.2007, 17:10:40

[Daimos]

zaczne zliczac strony w sieci co daja znaczniki w3c dla ozdoby bo juz mi sie nie dobrze robi
This page is not Valid HTML 4.01 Strict!
a reszte bedzie mozna oceniac jak skonczysz, bo za wiele tam niema

[babejsza]

- mówiłem, że to zdjęcie jest do bani, pod 1280x1024 i 1024x768 wygląda całkiem dobrze

Tu nie chodzi tylko o zdjęcie

- hmm... to ciekawe. Jest doctype HTML4.0 Strict. Są błędy validacji tylko przez serwer [reklama]

Sorki - jakoś tak przewinąłem źródło, że nie zauważyłem

- to tylko tak testowo. Będzie się automatycznie przekierowywało ( if IE6 itd.)

chodziło mi o slash pomiędzy cudzysłowami

- tylko że nie ma tu jeszcze żadnego menu! To tylko opis

Nie link określa co jest menu a co nie, a to że tworzysz pewną listę. Tu wykorzystałeś do tworzenia listy zły znacznik

- coś nie działało, więc to wstawiłem, ale jest to niepotrzebne

Zdecydowanie .

- mówiłem że jest w pół skończone

Prosileś o rady to je dostajesz .

[.radex]

Nie link określa co jest menu a co nie, a to że tworzysz pewną listę. Tu wykorzystałeś do tworzenia listy zły znacznik

- ale jakie menu skoro tu nie ma menu?! Podaj kod. [do menu używa się ul/ol, li]

Tu nie chodzi tylko o zdjęcie

- a więc o co? Layout ma stałą szerokość 80% ekranu

[babejsza]

- ale jakie menu skoro tu nie ma menu?! Podaj kod. [do menu używa się ul/ol, li]

Albo robisz sobie ze mnie jaja, albo z siebie. Dokładnie wiesz o czym pisałem. to całe test test test ... to nic innego jak menu w wersji projektowej. Już w tej fazie powinno wylądować w liście.

- a więc o co? Layout ma stałą szerokość 80% ekranu

Niby tak, ale wszystko robi się strasznie "naleśnikowate" .

[.radex]

Albo robisz sobie ze mnie jaja, albo z siebie. Dokładnie wiesz o czym pisałem. to całe test test test ... to nic innego jak menu w wersji projektowej. Już w tej fazie powinno wylądować w liście.

Chodzi o header menu? Hmmm... Przecież to są pojedyncze linki i a nie cała lista (nie jest też rozwijana) - więc po co lista? Listy nie używa się do linków, chyba że jest to lista (szczególnie z podgrupami) , menu - wtedy tak.

Niby tak, ale wszystko robi się strasznie "naleśnikowate" .

- Kurde. Doskonale wygląda na miejszych monitorach. Może zrobić tak, aby były dwie ikonki - Zmienna szerokość (te 80%) i stała szerokość (powiedzmy 975px) - chybaże masz lepszy pomysł


EDIT
Na serwer doszła częściowo poprawiona wersja

[babejsza]

Podstawową sprawą, którą powinieneś się zająć to dostosowanie tego do IE FF i Opery na raz. Tak jak pisałem, strona jest banalnie prosta i nic nie stoi na przeszkodzie, aby obsługiwał ją jeden szablon.

- Kurde. Doskonale wygląda na miejszych monitorach. Może zrobić tak, aby były dwie ikonki - Zmienna szerokość (te 80%) i stała szerokość (powiedzmy 975px) - chybaże masz lepszy pomysł

To może być jakiś pomysł. Ja osobiście nie lubię stron, które nie mają stałej szerokości, szczególnie, że korzystam z dużych rozdzielczości. Tyle, że jest to odczucie zdecydowanie subiektywne.

Chodzi o header menu? Hmmm... Przecież to są pojedyncze linki i a nie cała lista (nie jest też rozwijana) - więc po co lista? Listy nie używa się do linków, chyba że jest to lista (szczególnie z podgrupami) , menu - wtedy tak.

Nie ważne czy jest wielopoziomowe czy jednopoziomowe. Menu to menu i robi się je na listach. U ciebie na ten moment powinno to wyglądać tak:

Kod

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

Z kolei dla updatu menu powinieneś dla linków w liście dodać atrybut display: block i width. Będzie łatwiej trafić w link.

[Unité]

[Uwaga!] Layout ten nie działa pod IE. Dla IE zrobiona będzie wersja osadzona na tabelkach, lub o stałej szerokości, chyba że coś wymyślę

To rozwiązanie jest bez sensu jak lokata. ;-)

[.radex]

To rozwiązanie jest bez sensu jak lokata. ;-)

Czy to kolejna osoba ktora pisze post "bo pisze" ? Jeżeli tak sądzisz to daj mi uzasadnienie.

[babejsza]

Ja Ci już dawałem. Lay jest tak banalnie prosty, że nic nie stoi na przeszkodzie, aby zrobić jedną wersję dla wszystkich przeglądarek .

[.radex]

Wiem. Nie o to wcale chodziło, tylko nie lubię jak ktoś krytykuje bez uzasadnienia ( oczywiście co innego jesli ktos uzasadni, bo wtedy jest to konstruktywna krytyka)

[Unité]

Czy to kolejna osoba ktora pisze post "bo pisze" ? Jeżeli tak sądzisz to daj mi uzasadnienie.

Ależ oczywiście. Po pierwsze da się zrobić stronę, która będzie poprawnie wyświetlana pod IE 6 / 7, Operą, czy FireFoxem, bez tworzenia osobnych wersji dla wyżej wymienionych przeglądarek.
Po drugie chcesz zrobić wersję dla IE "osadzoną na tabelkach" co jest rozwiązaniem niesemantycznym (czyt. idiotycznym), ponieważ tabele do tego bynajmniej nie służą.

[.radex]

Ależ oczywiście. Po pierwsze da się zrobić stronę, która będzie poprawnie wyświetlana pod IE 6 / 7, Operą, czy FireFoxem, bez tworzenia osobnych wersji dla wyżej wymienionych przeglądarek.
Po drugie chcesz zrobić wersję dla IE "osadzoną na tabelkach" co jest rozwiązaniem niesemantycznym (czyt. idiotycznym), ponieważ tabele do tego bynajmniej nie służą.

No:P Już to ktoś mówił, ale masz rację. Osobiście nie lubię tabel i uzywam ich jak najrzadziej...

PS: Nowa wersja na serwerze!

Proszę o ocenę, jak to wygląda graficznie (bo te błędy wyeliminuję:P spokojnie)

EDIT:

kolejna poprawka (animacja header menu)

Przypominam link: http://radex.byethost18.com/skin/szablon.htm

[babejsza]

Witam,

graficznie bardzo oszczędne, ale poprawne. Podoba mi się kolorystyka. Ładna zieleń. Co do reszty to się nie wypowiadam póki co bo są ciągle te same błędy, w które dodatkowo brniesz dalej.

[.radex]

Ok:) Tak jak mówiłem, błędami się zajmę (prawdopodobnie dziś), ale cieszę się że się podoba. No i usunąłem już przezroczystość, bo jest gradient, a nie zdjęcie - a po co zwiększać wielkość pliku:P (niedużo ale zawsze, bo cztery forumuły (opacity, KhtmlOpacity, MozOpacity i filter) w kilku miejscach to jednak jest)

EDIT:
No i zastanawiam się jak ten hack wyeliminować i konieczność tworzenia dwóch wersji....

Bo musi coś takiego spełniać:

mieć szerokość zmienną ( % )
przy czym stałą szerokość menu ( px )
i równe długości kolumn.

Bez hacka nie da się tego spełnić na div'ach (da się na samym CSS'ie , ale nie na IE)
A tabele odpadają.

Więc co proponujecie?

Z góry dzięki

Ten post edytował radex_p 22.05.2007, 12:23:33