W tym artykule prezentuję 3 warte uwagi porady dotyczące projektowania szablonów XHTML/CSS.

  1. Faux Columns
  2. Wysokości box'ów w szablonach 2- i 3-kolumnowych
  3. Poprawa wyświetlania kolumn poprzez JS
  1. http://www.alistapart.com/articles/fauxcolumns/ [ANG] - artykuł opisujący koncepcję wykorzystywania "zmyślonych kolumn" (Faux Columns) dla poprawy wyświetlania wysokości div'ów. Patent opiera się na wykorzystaniu obrazka jako tła dla nadrzędnego kontenera na całej szerokości:

    background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;

  2. http://www.positioniseverything.net/articles/onetruelayout/equalheight [ANG] - problem równej wysokości box'ów w layout'ach 2- i 3-kolumnowych:

    #block_1, #block_2, #block_3 {
       padding-bottom: 32767px;
       margin-bottom: -32767px;
    }
    #wrapper {
       overflow: hidden;
    }

    Autor(zy) tymczasowo nie polecają stosowania tego rozwiązania, gdyż stwierdzono błędy.

  3. http://www.projectseven.com/tutorials/css/pvii_columns/index.htm [ANG] - skrypt napisany w JavaScript poprawiający problem wyświetlania kolumn.

Zobacz również

ThumbnailW lipcu 2017 na oficjalnym blogu Adobe.com pojawił się wpis informujący o przyszłości jednej z najpopularniejszych technologii webowych - Flash Player.

czytaj więcej…

ThumbnailRODO jest jednym z najpopularniejszych słów kluczowych na jakie możemy trafić w internecie od początku 2018. W tym artykule podaję podstawowe informacje nt tej regulacji, która weszła w życie 25...

czytaj więcej…

ThumbnailZachęcam do obejrzenia wystąpienia Michała Kosińskiego, który odbył się w ramach Blog Forum Gdańsk 2017. Z prezentacji możemy dowiedzieć wielu ciekawostek m.in. nt. profilowania osobowości na bazie naszej...

czytaj więcej…

Thumbnail "The 4 Types of Team Members You Can Hire" - ciekawa animacja obrazujące zachowanie najbardziej charakterystycznych postaw, z jakimi możemy mieć do czynienia w zespole.

czytaj więcej…