Archiwum | CSS

02 września 2010 ~ Komentarzy: 53

Facebook Like-Box (dawniej Fan-Box)

{lang: 'pl'}

Posiadacze blogów i stron internetowych mogą promować je za pomocą znanego na całym świecie serwisu społecznościowego Facebook. Najbardziej popularną i moim zdaniem najlepszą formą promocji strony na FB jest wtyczka społecznościowa Like-Box. Jak dodać stronę do Facebooka? Jak zainstalować Like-Box na stronie? Jak zmienić jego wygląd? Jak zadbać o walidację? W tym wpisie można znaleźć odpowiedzi na te pytania. [...]

Czytaj dalej

03 lipca 2010 ~ Komentarzy: 9

Bezpieczne czcionki WWW

CSS
{lang: 'pl'}

11 gotowych deklaracji czcionek CSS dla 3 systemów. Czcionki Linuksa i MacOSa są odpowiednikami czcionek Windows. W niektórych przypadkach są jedynie podobne. Istnieje możliwość zainstalowania pakietu czcionek Microsoft na Linuksie, jednak wyglądają one gorzej niż czcionki natywne. W deklaracjach jako pierwsze podawane są czcionki Linuksowe, następnie dla MacOS, a na końcu Windows. Taka kolejność zapewnia wybranie czcionki Linuksa czy MacOSa nawet w przypadku zainstalowanych czcionek MS. [...]

Czytaj dalej

05 czerwca 2010 ~ 1 Komentarz

Tabelka z paskiem przewijania

CSS
{lang: 'pl'}

Tabela <table> jest jedynym elementem języka HTML, dla którego można określić tylko jeden wymiar – szerokość. Jej wysokość zależy od ilości wierszy i ich zawartości, a co za tym idzie, wartość scroll własności CSS overflow nie zadziała na tabeli, gdyż do poprawnego działania potrzebuje określonej wysokości elementu. [...]

Czytaj dalej

03 maja 2010 ~ 0 Komentarzy

Fixed OVERLAY w CSS

CSS
{lang: 'pl'}

Fixed overlay to blok przykrywający treść pozostający w stałej pozycji względem okna przeglądarki. Utworzenie takiego elementu jest problematyczne, ponieważ IE≤7 nie obsługuje wartości fixed dla właśności position w CSS. Większość przykładów, które można znaleźć w sieci, zawiera elementy JS służące do obliczania pozycji i centrowania warstwy overlay. Poniższy tutorial prezentuje rozwiązanie tego problemu bez wykorzystania JavaScript. [...]

Czytaj dalej

18 kwietnia 2010 ~ Komentarzy: 4

Centrowanie w pionie

CSS
{lang: 'pl'}

Temat jest znany z czasów przeglądarki IE6. Brak obsługi CSS 2.1 uniemożliwia pionowe centrowanie w elementach innych niż komórki tablic <td>. Dušan Janovský na swoim blogu wyczerpująco opisał problem i zaproponował dwa rozwiązania. Wersja zgodna ze standardami niestety nie działa we współczesnych przeglądarkach. [...]

Czytaj dalej

02 kwietnia 2010 ~ Komentarzy: 4

Płynny layout w poziomie i pionie

CSS
{lang: 'pl'}

Płynny layout, to taki, w którym rozmiar elementów blokowych dostosowuje się do wymiarów okna przy jednoczesnym zachowaniu układu strony. Implementacja standardu CSS 2.1 we współczesnych przeglądarkach pozwala to osiągnąć bez wykorzystania tablic. W sieci można znaleźć kilka przykładów i tutoriali dotyczących tej techniki, jednak zwykle opisują one jedynie płynność poziomą – 2 lub 3 kolumnowy układ, z czego jedna kolumna jest płynnej szerokości. [...]

Czytaj dalej