Ubuntu Türkiye

Sanat ve Üretim => Web Tasarım => HTML/CSS => Konuyu başlatan: utopyada - 03 Şubat 2013 - 13:50:16

Başlık: [Çözüldü] h1 tagları arasındaki boşluk
Gönderen: utopyada - 03 Şubat 2013 - 13:50:16
merhabalar..
Sayfamda şöyle bir şekil kullanmam gerekiyor.
<h1>hede </h1>
<h1>hödö</h1>

ancak bunların arasında sanki <br> varmış gibi satır atlıyor. Bunu nasıl engellerim ?Yani ben
hede
hödö şeklinde istiyorum. Ama

hede

hödö şeklinde çıkıyor
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: freeman - 03 Şubat 2013 - 14:17:10
CSS de display niteliğine; inline özelliğini vererek siliyordum ben. Belki başka yollarda vardır ama bu yötem işime yarıyordu benim. Tabi bu seferde başlıkları yan yana görüntüler. Onu da br etiketi ile ayarlarsınız.
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: ct - 03 Şubat 2013 - 14:18:48
Bu h1 etiketleri arasındaki boşluklar belirlenmiş oluyor. Bunu css ile çözebilirsiniz. Tasarımcı olmadığım için css'den çok anlamıyorum ama şununla çözebilirsiniz:

<style>
body {
  line-height: 0.3;
}
</style>
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: freeman - 03 Şubat 2013 - 14:21:17
ct 'nin verdiği yöntem daha pratik. :D
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: utopyada - 03 Şubat 2013 - 14:43:49
 buna benzer bir şeyler denemiştim ama tekrar bakıyorum, atladığım bir nokta oldu sanırım.
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: alquirel - 03 Şubat 2013 - 20:33:10
H1 H2 gibi etiketler için varsayılan olarak "margin" kuralı atanmış oluyor.
Yani bahsettiğiniz boşluğu gidermek için ilgili etiketin ilgili "margin" değerini ayarlamanız gerekiyor.


h1 {
    margin : 0px;
}


gibi
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: ahmet_matematikci - 03 Şubat 2013 - 20:44:29
Hangi editörü kullanıyorsunuz hocam.
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: canosayan - 04 Şubat 2013 - 01:23:01
http://meyerweb.com/eric/tools/css/reset/ (http://meyerweb.com/eric/tools/css/reset/)




reset.css tarayıcıların kendi başlarına yaptıkları yorumlamaları sıfırlamak ve tarayıcı uyumluluğu yakalamak için iyi bir araçtr.
Başlık: Ynt: h1 tagları arasındaki boşluk
Gönderen: utopyada - 04 Şubat 2013 - 22:00:14
Teşekkür ediyorum sorunu hallettim.