Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Fuck tables! No… wait…

20 sierpnia 2005

Okej, super… <label/>, <fieldset/>, układ beztabelkowy. Tylko czy jest sens opakowywać każdy <input/> i <select/> w <div/> razem z <label/>, żeby trzymały jeden poziom? O nadawaniu zachowania blokowego via CSS nie wspomnę. Zostają tabelki - jedyne sprawdzone, gdy display:table jakby nie istnieje.

A o co poszło? O układ podobny jak na pierwszej stronie ustawień Joggera.

Tagi wpisu:

Informacje i hiperłącza

To ja! Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 20 sierpnia 2005 o 21:47

Kategorie: Design, HTML & Semantyka, Standardy sieciowe

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

Komentarze

  1. wassago 1 20 sierpnia 2005, 21:50

    Ale jaki problem widzisz w tym aby zastosować metodę blokową?

  2. riddle 2 20 sierpnia 2005, 21:52

    W tym, że klarowny, semantyczny kod zaczyna roić się od <div/> wszerz i wzdłuż. :/ Uwierz mi, probowałem masy konstrukcji, zwykłego tabelkowego, równo rozłożonego laya dla formularza nijak zrobić bez setek znaczników.

  3. wassago 3 20 sierpnia 2005, 21:54

    Rozumiem, że:

    <label for="."></label><input ... />

    Jest to ten właśnie z "setek znaczników"?

  4. Puck 4 20 sierpnia 2005, 22:00

    <label for> <input> </label>
    label - blokowo, clear: both; input: float: right/left;

  5. riddle 5 20 sierpnia 2005, 22:54

    Ok, cofam... dzięki Wassago, dzięki Puck. Jednakże bez CSS to ... nie spełnia nawet „WAI Level 0” (czyli wszystko jest zlepione) ;)

  6. Puck 6 20 sierpnia 2005, 23:04

    Nie interesowałem się formularzami pod względem WAI. Pewnie są dziesiątki artykułów na ten temat. Ale skoro pozlepiane, może zastosować listę, LI-inline, hmm? :-)

  7. riddle 7 20 sierpnia 2005, 23:38

    Udało mi się z Waszą pomocą zrobić coś takiego:
    http://royy.net/~wimana/jogger/version2/labels.html

    Martwi mnie jednak to, że floatowanie, jak to floatowanie, powoduje że container staje się malutki. Więc musiałem dać height: 3em; co skutkuje tym, że nie jest w pełni flexible.

  8. Puck 8 20 sierpnia 2005, 23:41

    Dodaj submita - clear:both. rozciągnie parenta i będzie cacy. :-)

  9. riddle 9 20 sierpnia 2005, 23:43

    <input type="submit" /> ?
    A do tego nie mogę dać clear: both, bo czasem będzie potrzeba dodać napis, podpowiedź, _za_ inputem, selectem.. jak tutaj ".jogger.pl".

  10. Puck 10 20 sierpnia 2005, 23:46

    No to... Label, pos: relative; '.jogger.pl', absolute i ustaw go od prawej. ;-) Coś wykombinujesz.

  11. nbw 11 21 sierpnia 2005, 10:08

    Widzę, że w końcu się za to wziąłeś :)

  12. Wojtas_Sopot_PL 12 21 sierpnia 2005, 12:58

    Jak tak czytam co Wy tu piszecie zastanawiam sie czy pchać się na Politechnike Gdańską (telekomunikacja), czy zabrać się na poważnie za innę moje zainteresowanie :)

    P.S. myślalłem, że znam się na kompach, a tu widze takie hmm jakby to nazwać... cosie :P

    Pozdrawiam ;)

  13. nbw 13 21 sierpnia 2005, 14:30

    Wojtas: jeśli tym zainteresowaniem jest składanie stron, to lepiej idź na tę Politechnikę.

    HTML'a można nauczyć się wszędzie i zawsze. Standardów sieciowych itd również. A papierek w Polsce przydaje się, niestety, BARDZO.

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.