Sayfanızı CSS kodları ile ortalamak
Bir web sitesi oluşturdunuz, diyelim ki tasarımınızı Photoshop’ta yaptınız. Doğru bir şekilde export edin, örneğin: .php, .html, .asp uzantılarına sahip.
Bir CSS oluşturun ve sayfanızdan buna link verin. Bunun için harici bir CSS olsun ve ismi de style.css olsun.
Aşağıdaki kodu web sayfanızda <head> tagları arasına kopyalayıp yapıştırın.
<link media=”screen” type=”text/css” href=”style.css” rel=”stylesheet”>
CSS dosyanıza aşağıdaki CSS kodlarını ekleyin. Bu kodlar tarayıcınıza sayfanızı ortalamak için gerekli talimatı verecektir.
body
{
text-align: center; */ IE’de ortalama */
}
#container
{
margin: 0 auto; */Firefox’ta ortalama */
}
Şimdi de aşağıdaki kodu web sayfanıza eklemeniz gerekiyor. Varsa isimlerde gerekli değişiklikleri yapın.
<body>
<div id=”container”>
<!– İçeriğinizi buraya yazın.–>
</div>
</body>
Bu kadar. Bu tag içinde yer alan her şey tarayıcılarınızda ortalanmış bir halde görünecektir.
Kategori : CSS
Yorumlar
Bu yazı hakkında ne düşünüyorsunuz...