Elektroda.pl
Elektroda.pl
X
Sklep HeluKabel
Proszę, dodaj wyjątek www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

HTML i CSS - początki i trudności

Ejdem 12 Mar 2011 18:51 2747 8
  • #1 12 Mar 2011 18:51
    Ejdem
    Poziom 7  

    Witam!!

    W szkole mam zrobić stronę .html na podstawie i z dokładnym odwzorowaniem tego dokumentu .doc
    http://castor.am.gdynia.pl/~pik/prokom/pliki/dok1.doc (to jest strona prowadzącego zajęcia - kliknięcie od razu pobiera dokument .doc).

    Wcześniej jedyny HTML jakiego używałem to strona O mnie na alledrogo, która i tak jest beznadziejnie zrobiona :P
    Zabrałem sie do pracy po 2 wykładach. Jeden z html'a jeden z css'ów.

    Oto moje wypociny:

    Kod: html4strict
    Zaloguj się, aby zobaczyć kod


    :D wiem, że tego trochę jest i jest mega bałagan, właśnie "skończyłem" i nie daje mi to spokoju więc chcę jak najszybciej szukać pomocy :D
    A teraz o co chodzi. Oczywiście strona musi zgadzać się z W3C, za pomocą "validate" w3schools.com sprawdzamy poprawność strony. Używam programu kED i jego podglądu.
    1) problem z marginesem/rozmiarem. Mój tok myslenia mówi mi, że skoro daje width 21cm i padding 2cm na lewo i prawo to sam tekst powinien być w 17cm, jak sie okazuje jest inaczej :P
    2) prosiłbym o sprawdzenie popraności
    3) wiem, nie ma jeszcze list il ale to juz pozniej zrobię.
    4) czy ktoś sie może orietnuje w jakich jednostak Word ustawia rozmiar czcionki i jak to się ma do HTML'a
    6) ramki w tabeli, w podglądzie mam odstepy w tabeli 1, w Chrome jest ok, ale w chrome w tabeli 2 brak wewnętrznych ramek
    7) coś jeszcze było ale już zapomniałem. pół nocy pracy, 5 godzin spania i dziś do rana dalej zasuwam bo spać nie mogłem przez to :)

    p.s. sprawdzałem jeszcze błędy na w3schools. widzę, że jest błąd z procentową szerokością - jeżeli ją usunę to wszystko mi się psuje Chce się dowiedzieć trochę o używaniu niektórych elementów, o układzie tego co wyżej napisałem, co poprawić i jak. Nie oczekuje na nowy kod tylko proszę o wskazówki :)

    0 8
  • Sklep HeluKabel
  • Pomocny post
    #2 13 Mar 2011 00:04
    sakuwbarakushow
    Warunkowo odblokowany

    wartości zmień na px z %.
    i nie pisz że Ty pisałeś ten kod bo jest on dany z generatora.

    0
  • Sklep HeluKabel
  • #3 13 Mar 2011 00:06
    Ejdem
    Poziom 7  

    jakiego generatora? haha. siedziałem kilka godzin i sam go pisałem. na jakiej podstawie padła ocena, że to jakiś generator? nie mniej jednak dziekuje za odpowiedź.

    0
  • #4 13 Mar 2011 00:23
    sakuwbarakushow
    Warunkowo odblokowany

    chodź by po samej sekcji head.
    ona już Cie zdradziła.
    I nie możliwe abyś jako początkujący potrafił napisać taką stronkę.

    0
  • #5 13 Mar 2011 00:28
    Ejdem
    Poziom 7  

    sekcja head jest programu kED 2.1.4.0 plik -> nowy z szablonu. bo w tym tez pisze strone (mam jeszcze inną jak by co ;) )
    za mało wiary w ludzi :) jak pisałem o samym htmlu mialem jakies pojecie, chociaz 4.01 to juz nie to samo jak kiedys sobie robiłem < b > czy < i >, uzwanie stronga czy emfazy powoduje, że musiałem sobie przypomnieć i nauczyc się pewnych rzeczy od nowa :) nie mowiac, że tabel unikałem jak ognia :)
    ale student potrafi, jedna nocka druga nocka i już napisane :)
    tabele zamienie na div z float lewy i prawy, cm i % na px i juz to powinno troche rozwiazać mój problem :)
    dzięki za podpowiedź :)

    0
  • #6 13 Mar 2011 00:37
    sakuwbarakushow
    Warunkowo odblokowany

    nie ma za co ;]
    ładniej i profesjonalniej by było jak byś zbudował statyczną na CSS a nie podpierał ja na tabeli.
    Też ich nie lubiłem i nie umiałem ale w końcu trzeba było się przełamać.

    P.S
    powtarzać to samo formatowanie na 4 divach jest trochę bez sensu ?

    Kod: css
    Zaloguj się, aby zobaczyć kod


    Jak widzę jest to to samo ...więc czemu ma to służyć ?

    0
  • #7 13 Mar 2011 00:56
    Ejdem
    Poziom 7  

    tylko po to by rozgraniczyć strony, ale juz to zmieniam na jeden div i pozniej w kodzie 4x div.str.
    jest masa błędów jesli chodzi o stylistykę kodu, brak wcięć itp - to zadanie na dziś wieczór :)
    tabele wywalam i wrzucam div, arkusz css do osobnego pliku - wszystko będzie ładnie i czytelnie :)

    p.s: no i jeszcze dla innego marginesu górnego na str1 i innego na pozostałych trzech :)

    0
  • #8 13 Mar 2011 07:51
    sakuwbarakushow
    Warunkowo odblokowany

    Powodzenia.
    PS

    pisze się <br />
    jak dasz tylko <br> na nie których przeglądarkach nie będzie działac.
    Ale gdy już używasz css ustaw odstępy poprzez padding.

    0
  • #9 13 Mar 2011 13:48
    LtLog
    Poziom 30  

    1. Zamotałeś w okolicach pierwszej tabeli popraw zagęszczenie bo W3C Ci tego nie przyjmie na 100%.
    2. Jednostka czcionki w MS Word to PT lecz tej jednostki nie powinno się używać skorzystaj z: http://sureshjain.wordpress.com/2007/07/06/53/ aby przeliczyć ją do PX.
    3. Twój problem z "marginesem/rozmiarem" bierze się z tego że używasz dopełnienia zamiast marginesu...
    4. Biorąc pod uwagę używane w tekście znaki radził bym użyć UTF-8 zamiast ISO

    sakuwbarakushow <br /> i padding to dwie zupełnie inne rzeczy nie wprowadzaj w błąd. Ponadto kolega używa HTML, a nie XHTML więc zapis <br> jest poprawny.

    0