lostyazilim
tr.link

[Çözüldü] Wordpress'e Tasarım entegre ediyorum ama <head> ve <body> birbirine giriyor.

5 Mesajlar 970 Okunma
acebozum
tr.link

yns52 yns52 Yunus Emre Uzun Kullanıcı
  • Üyelik 04.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Web Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad Y** U**
  • Mesajlar 21
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
EDIT: Tamamdır sorunu çözdüm.
Çok basitmiş aslında. Boşluğa sebebiyet veren şey buydu;

(Buraya bile koyduğumda gözükmüyor boşluk oluşuyor. O yüzden resim koydum.)
Google'da aratınca anladım sayfa kodlamasından kaynaklıymış ben UTF-8 BOM'lu kaydetmiştim. Sayfaları UTF-8 bomsuz yapınca düzeldi.

Başlıkta durumu tam açıklayamadım ama size resimlerle açıklayayım durumu.
Öncelikle durumu şöyle fark ettim sitemin Header'nın üstünde 10px civarı beyazlık var.
Bu neden diye bakmak için Chrome'un devtools'unu açtım ve durum bu;



Görüldüğü gibi Head'de olması gereken şeyler yok hepsi Body içerisinde gözüküyor.
Ayrıca ok şekli ile gösterip X olarak işaretlediğim kısımı sildiğim de yukarıda ki boşluk yok oluyor. (Ama tabii ki öyle bir şey benim kodlarımda yok. Ve o saçma şeyden footer'da da var. (ama footer da ki siteye etki etmiyor.)

Normalde benim kodlarım böyle;



Chrome'dan kaynağı görüntüle dediğimde de aynı benim yazdığım şekilde kodlar düzgün duruyor.

Neden böyle bir sorun var ? Ve nasıl çözebilirim ?
Şimdiden teşekkürler iyi forumlar :)
 

 

wmaraci
reklam

rootyetkiliadam rootyetkiliadam WM Aracı Kimlik Onayı
  • Üyelik 16.09.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek IT Staff, Jr. Sysadmin
  • Konum İstanbul Avrupa
  • Ad Soyad U** K**
  • Mesajlar 407
  • Beğeniler 1 / 104
  • Ticaret 0, (%0)
Sorun boşluk ise, margin ile sıfırlayabilirsin...

* {
margin: 0 auto;
}


*, parametreyi genel sayfa düzeni için uygular. Sen nereye uygulamak istiyorsan sadece ilgili CSS class'ına ata...
 

 

foximus foximus WM Aracı Kullanıcı
  • Üyelik 08.09.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım Uzmanlığı
  • Konum İstanbul Anadolu
  • Ad Soyad Ş** D**
  • Mesajlar 91
  • Beğeniler 10 / 33
  • Ticaret 0, (%0)
Body'nin altına rakamlar ekliyor ve boşluk o yüzden çıkıyor. Bu rakamları büyük ihtimalle javascript/jquery ile body'nin hemen altına append etmişsin.

Ayrıca yukarıda arkadaşın söylediği gibi tüm html elementlerini SAKIN sıfırlama. Siteyi yavaşlatır çünkü. Zaten reset.css kullanmışsın.
 

 

portal portal https://portalciyiz.com Kullanıcı
  • Üyelik 30.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Webmaster
  • Konum Bursa
  • Ad Soyad Y** Ö**
  • Mesajlar 689
  • Beğeniler 101 / 288
  • Ticaret 14, (%100)
wp_head(); ve wp_footer();

kodlarını girmediğin için üst menü yerini ayırmış ama kendini gösterememiş. Profilini düzenle de üst menüyü gizle de
burakisci

kişi bu mesajı beğendi.

wmaraci
wmaraci

yns52 yns52 Yunus Emre Uzun Kullanıcı
  • Üyelik 04.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Web Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad Y** U**
  • Mesajlar 21
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
EDIT: Tamamdır sorunu çözdüm. :)
Çok basitmiş aslında. Boşluğa sebebiyet veren şey buydu; 


Google'da aratınca anladım sayfa kodlamasından kaynaklıymış ben UTF-8 BOM'lu kaydetmiştim. Sayfaları UTF-8 bomsuz yapınca düzeldi.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al