lostyazilim
tr.link

CSS ile Sayfayı Ortalama

7 Mesajlar 5.578 Okunma
lstbozum
tr.link

bd bd WM Aracı Kullanıcı
  • Üyelik 26.10.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek 2
  • Konum Manisa
  • Ad Soyad B** D**
  • Mesajlar 4926
  • Beğeniler 784 / 3953
  • Ticaret 18, (%100)
Bir web sayfası oluşturdunuz ve yazılar, resimler sağa veya sola dayalı. Peki bunları nasıl ortalarız? Bu yazımda size css kullanarak web sayfanızı nasıl ortalarsınız onu anlatacağım.

Öncelikle bir CSS dosyası oluşturun, adlandırın ve sayfanızın bulunduğu dizine atın. Örnek olarak style.css dosyası oluşturabilirsiniz. Daha sonra web sayfanızda bu CSS dosyanıza link verin.

Bunu yapmak için şağıdaki kodu sayafanızın tagları arasına yapıştırmanız yeterli.



Daha sonra oluşturduğunuz CSS dosyasına aşağıdaki kodları ekleyin. Bu kodlar tarayıcınıza sayfanızı ortalamak için gerekli olan talimatları verecektir. Yalnız Firefox ve İnternet Explorer’da ortalamak için gereken kodlar farklı işliyor. Bu yüzden aşağıdaki iki koduda CSS dosyanıza eklemenizi tavsiye ederiz ki her iki tarayıcının kullanıcılarıda sayfanızı ortalı olarak görsün.

İnternet Explorer İçin ::

body{
text-align: center;
}


Firefox için ::

#container{
margin: 0 auto;
}


Bu kodları CSS dosyanıza ekledikten sonra son olarak CSS dosyasına eklediğimiz #container‘ı sayfamızda belirtmemiz gerekiyor. Bunun içinde aşağıdaki kodu sayfamızın tagları arasına eklememiz lazım. Kodu ’den hemen sonra eklemeniz daha iyi olacaktır.

buraya sayfanızın içeriği gelecek


İşe bu kadar. Bu tag içinde yer alan her şey bundan sonra tarayıcılarınızda ortalanmış bir halde görünecektir. Umarım yardımcı olabilmişimdir. Hertürlü sorunuz için aşağıdaki yorum sistemini kullanabilirsiniz. En kısa zamanda cevaplamaya çalışacağım.
 

 

wmaraci
reklam

deliveli deliveli WM Aracı E-Mail Onaysız
  • Üyelik 08.07.2016
  • Yaş/Cinsiyet 30 / E
  • Meslek BÖTE
  • Konum Almanya
  • Ad Soyad K** K**
  • Mesajlar 388
  • Beğeniler 53 / 49
  • Ticaret 8, (%100)
Teşekkürler admin :))
 

 

0ebedi 0ebedi Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 17.08.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad E** E**
  • Mesajlar 188
  • Beğeniler 49 / 44
  • Ticaret 0, (%0)
CSS 'te

{align-items:center; justify-content:center; display:flex;}

İle De Tam Olarak Ortalama Yapılabilir...

Ek Bilgi Olmuş Olsun :D
 

 

bd bd WM Aracı Kullanıcı
  • Üyelik 26.10.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek 2
  • Konum Manisa
  • Ad Soyad B** D**
  • Mesajlar 4926
  • Beğeniler 784 / 3953
  • Ticaret 18, (%100)
8 sene geçmiş üzerinden, vay be :)
ismail03 kaanst

kişi bu mesajı beğendi.

wmaraci
wmaraci

TEKNOATU TEKNOATU Asla Pes Etme... Kullanıcı
  • Üyelik 20.10.2016
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Programcılığı
  • Konum Kayseri
  • Ad Soyad M** Y**
  • Mesajlar 335
  • Beğeniler 24 / 56
  • Ticaret 0, (%0)
Paylaşım hortlamış resmen 😂😂😂
 

 

" Kimse senin dalgalarla nasıl boğuştuğuna bakmaz. Gemiyi limana getirip getirmediğine bakar. "

Umitunal Umitunal Webfaresi.net Kullanıcı
  • Üyelik 06.12.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek webfaresi.net r00tadmin
  • Konum Kocaeli
  • Ad Soyad Ü** Ü**
  • Mesajlar 998
  • Beğeniler 379 / 378
  • Ticaret 27, (%93)
Admin icinde iyi olmuştur forum nerden nereye geldigini gormus olurda merak ettigim admin bu konuyu ozmanlarda hit cekmek icin mi acti :) nasil bir durum icindeydi suan ole bir derdi oldugunu sanmiyorum nasil bir duygu
 

 

Webfaresi.net Beklerim

bd bd WM Aracı Kullanıcı
  • Üyelik 26.10.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek 2
  • Konum Manisa
  • Ad Soyad B** D**
  • Mesajlar 4926
  • Beğeniler 784 / 3953
  • Ticaret 18, (%100)
Bir hit amacı güderek açmadım konuyu. Amaç sadece forumda bilgi verici konuların olmasıydı. En çok sorulan sorulara göre konuları açıyordum.

Yine kendi öğrendiğim şeylerin de konularını açarak paylaştım. Amaç herkesin yararlanması :)

Misal:
https://wmaraci.com/forum/linux-sunucular/linux-sunucuda-ssh-port-numarasini-degistirmek-9894.html
https://wmaraci.com/forum/linux-sunucular/csf-configserver-security-and-firewall-kurulumu-9577.html
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al