[www] pierwsze powazne kodowanie Opcje

[bhacas]

Witam, chciałbym pokazać Wam moje pierwsze kodowanie na potrzeby projektu z HTMLa na studia. Docelowo będzie to sklep Internetowy w PHP na zaliczenie z innego przedmiotu Proszę oceniać kodowanie, grafikę znalazłem na stronach z templatami, nieco ją też zmodyfikowałem. Proszę o opinie.

http://bhacas.ayz.pl/html_new/

[zzeus]

Nie ma za bardzo co oceniać bo tylko strona główna jak się domyślam działa, żaden link nigdzie nie prowadzi, wyszukiwarka nie działa.
Ogólnie design dosyć przyjemny, wygląda jak dla mnie całkiem fajnie.
Plus jest taki że stronka się waliduje, zapewne więcej konstruktywnych uwag dostaniesz jak coś zacznie działać ...

[pastan]

Stronka wykonana czysto i estetycznie. Tylko według mnie trochę dziwnie wygląda te ucięte logo.

[Moli]

Za dużo linków tam gdzie mogła by być fajna grafika. Czyli hover w np. menu, w buttonach itp.

Kod

<li class="first-item">

Kod

<li class="last-item"><a href="#" rel="contact">KONTAKT</a></li>

http://www.quirksmode.org/css/firstchild.html

Kod spoko, ale za dużo divów. Są też inne, czasami lepsze znaczniki.

[Speedy]

Dlaczego ten monitor na górze jest obcięty?

[Fishu]

Trochę zbyt jaskrawe tytuły menu przez co trudno czyta się tekst na stronie. No fakt ten monitor i klawiatura niezbyt ładnie wygląda w połowie

[phpion]

http://www.quirksmode.org/css/firstchild.html

Szczególnie w IE6.

[mike]

Szczególnie w IE6.

A czemu nie? Jeśli dla jakiegoś elementu chcesz skorzystać z first-child w stylach ogólnych dajesz:

Kod

element:first-child, element.first-child {
    /* --- */
}

A w stylach warunkowwych dla IE6 dajesz:

Kod

element {
    -ie-xp: expression(
        this.parsed ? 0 : (
            this.className = (this === this.parentNode.firstChild) ? "first-child" : "",
            this.parsed = 1
        )
    );
}

[phpion]

@mike:
Wow, takiego myku nie znałem! Wygląda na super sprawę! Przy najbliższej możliwej okazji wypróbuję, dzięki za poprawienie mnie.

[mike]

Wow, takiego myku nie znałem!

A tu masz na żywo: http://michalmech.pl/code-house.org/index.html , http://michalmech.pl/code-house.org/subpage.html
Cięłem znajomemu coś i wszystkie listy linków gdzie jest | jako separator oraz menu główne stosują :first-child. Życie staje się prostsze :-)

[phpion]

Cięłem znajomemu coś i wszystkie listy linków gdzie jest | jako separator oraz menu główne stosują :first-child. Życie staje się prostsze :-)

No zdecydowanie prostsze! Jeszcze raz dzięki bo mi również sporo to uprości Znając taką konstrukcję CSS metodą prób i błędów może dojdę jeszcze do innych uproszczeń. A ten tajemniczy znajomy to (strzelam) Ł. Dywicki?

PS: sugeruję zakończyć prywatny offtop aby nie narażać się szychom

[Moli]

Fajny ten myk dla ie, też nie wiedziałem że tak można

ps. Mike, jeśli adres na stronie którą podałeś jest prawdziwy, to biuro tej firmy jest 2 bloki obok mnie

Ten post edytował Moli 29.03.2009, 16:06:29

[Louner]

Jak dla mnie chaos totalny, na pierwszy rzut oka myślałem, że to strona z tapetami. Dopiero po paru sekundach zauważyłem, że to sklep, a to chyba nie dobrze. Jak dla mnie, wszystko tu pasuje, tylko naglówek i linki z lewej strony trochę psują efekt.

[drake88]

Nagłówki tych paneli są dziwne, popracuj jeszcze nad nim, bo na razie słabo to wygląda.

[SHiP]

Ogólnie średnie wrażenie robi na mnie ta strona. Stopka mi sie podoba i boks "Dostawca". Ogólnie czysto i schludnie ale strona wygląda jak typowy sklep internetowy na standardowej skórce. Niczym nie zachwyca

Co do first-child w IE6

Kod

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

I już działają brakujące selektory . Dodatkowo naprawiane są znaczniki <img> z przezroczystymi PNG, :hover dla innych elementów niż <a> i wiele wiele innych.

Strona projektu: http://code.google.com/p/ie7-js/

Ten post edytował SHiP 12.04.2009, 23:24:32