IE7’de Display Inline-Block Hatası

Eğer ie7 uyumlu tasarımlar döktüyseniz bazen blok seviyesinden elemanları float yerine display özelliğini inline-block yaparak yan yana getirmek istemişsinizdir.. Ancak fark edeceğiniz üzere ne yazık ki doğrudan display: inline-block; ie7’de işlevini yerine getirmiyor.. Ancak bu sorunu aşmanın kolay bir yolu var.. Kısaca eğer inline-block uygulayacaksanız ie7 uyumlu hali şöyledir;

ul.tab li {
    display: inline-block;
    *display: inline;
    zoom: 1
}

Ve işte hepsi bu kadar, artık ie7 uyumlu hale geldi. Okumaya devam et “IE7’de Display Inline-Block Hatası”

CSS: Font Özellikleri

Bu dersimizde CSS’de tüm font özelliklerini ele alacağız.. Fontlar için bir çok tanmlı özellik bulunmakta, bu dersimizde göreceğimiz özellikler şunlardır;

font-family
font-size
font-style
font-variant
font-weight
font
@font-face

Okumaya devam et “CSS: Font Özellikleri”

CSS: Seçiciler (31 ~ 41)

CSS’de seçicilere kaldığımız yerden devam ediyoruz.. Bu dersimizde aşağıdaki seçicileri öğreneceğiz;

31) X:focus
32) X:active
33) X:lang(Y)
34) :root
35) X:empty
36) X:target
37) X:enabled
38) X:disabled
39) X:valid
40) X:invalid
41) ::selection

Okumaya devam et “CSS: Seçiciler (31 ~ 41)”

CSS: Seçiciler (21 ~ 30)

CSS’de seçicilere kaldığımız yerden devam ediyoruz.. Bu dersimizde aşağıdaki seçicileri öğreneceğiz;

21) X:nth-child(n)
22) X:nth-last-child(n)
23) X:nth-of-type(n)
24) X:nth-last-of-type(n)
25) X:only-child
26) X:only-of-type
27) X:first-child
28) X:last-child
29) X:first-of-type
30) X:last-of-type

Okumaya devam et “CSS: Seçiciler (21 ~ 30)”

CSS: Seçiciler (11 ~ 20)

CSS’de seçicilere kaldığımız yerden devam ediyoruz.. Bu dersimizde aşağıdaki seçicileri öğreneceğiz;

11) X[Y=’Z’]
12) X[Y*=’Z’]
13) X[Y^=’Z’]
14) X[Y$=’Z’]
15) X[Y~=’Z’]
16) X:checked
17) X::before ve X::after
18) X:hover
19) X:not(Y)
20) X::first-letter ve X::first-line

Okumaya devam et “CSS: Seçiciler (11 ~ 20)”