Sitemizde 18 Kategoride Toplam 51 Yazı, Bu Yazılara Yazılmıs Toplam 132 Yorum Bulunmaktadır.
11:20
HTML/CSS sayfa,element,div,yazı,resim… ortalama kodu kullanımı örneği (HTML/CSS page,element,div,text,image… centralise code usage example)
HTML de ortalama kodu olarak “align” niteliği(attribute) veya “style” niteliğinin “text-align” özelliğinden faydalanababilirsiniz.
Yada en aşağıdaki kod bloğunda olduğu gibi “style” niteliğinin “margin”(kenar,kenar boşluğu) ve “width”(genişlik) özelliklerinden yararlanarak HTML de ortalama işlemini yapabilirsiniz.
1
2
3
| <div align= "center">centralised div</div> |
1
2
3
| <p align= "center">centralised p</p> |
1
2
3
| <div style="text-align: center">centralised with text-align</div> |
1
2
3
| <div style="margin-left: 25%; widht:50%;">centralised with margin and width</div> |
“center” elementi kullanımı ise önerilmemektedir, sonraki sürümlerde desteği kesilecek elementler arasına alınmış olabileceği yada çalışma şekli günümüz diğer elementlerine uygun olmadığı için kullanılmaması gerekir
1
2
3
| <center>centralised with center tag</center> |
Sayfada bulunan diğer element css lerinin sizin kullanacağınız kodları etkileme durumu olabileceği için yukarıdaki kodları size yardımcı olmaz ise aşağıdaki kodlardan uygun olanı seçip uygulayabilirsiniz.
1
2
3
| <div style="margin:auto; width:50%;">centralised with width</div> |
1
2
3
| <img src="image01.png" style="margin:auto; width:50%;"><br>centralised image |
1
2
3
| <div style="margin:0; width:50%;">centralised with margin and width 2</div> |
