CSS bloktaki boşluklar

08.09.2016 19:10

delirium WM Aracı Kullanıcı

Üyelik 27.04.2015
Yaş/Cinsiyet 37 / E
Meslek Çalışmıyorum
Konum Mersin

Ad Soyad E** S**
Mesajlar 12
Beğeniler 3 / 1
Ticaret 0, (%0)

merhaba, yan yana dizdiğim ve uzunlukları değişken olan 4 çubuğun arasında, antında ve üstünde boştuklar çıkıyor. Hiç boşluk olsun istemiyorum bunu nasıl yapabilirim. Kodları aşağıda verdim ve resimdeki gibi olmasını istiyorum. Pencerenin üst tarafında boşluksuz olucak. Nerde yanlış yaptım acaba yardımcı olur musunuz.

/*Genel Özellikler*/

body {margin-top:0 auto;font-size:18px;background-color:#fff;}

body a:link {color:#1a0dab;text-decoration:none;}

body a:visited {color:#609;}

body a:hover {text-decoration:underline;}





/*Header*/



.line1, .line2, .line3, .line4 {width:20%;height:8px;display:inline-block;margin-top:0 auto;}

.line1 {background-color:yellow;}

.line2 {background-color:green;}

.line3 {background-color:turquoise;}

.line4 {background-color:red;}

bu da bendeki görüntüsü

08.09.2016 21:03

#2

berkayztr WM Aracı Kullanıcı

Üyelik 15.08.2014
Yaş/Cinsiyet 27 / E
Meslek Software Developer
Konum İstanbul Avrupa

Ad Soyad B** B**
Mesajlar 223
Beğeniler 51 / 67
Ticaret 5, (%100)

CSS kodları içine

* {margin:0;padding:0;}

ekleyip tekrar dener misiniz?

08.09.2016 21:31

#3

delirium WM Aracı Kullanıcı

Üyelik 27.04.2015
Yaş/Cinsiyet 37 / E
Meslek Çalışmıyorum
Konum Mersin

Ad Soyad E** S**
Mesajlar 12
Beğeniler 3 / 1
Ticaret 0, (%0)

malesef değişiklik olmadı.

08.09.2016 23:05

#4

Gokss FE & BE Dev. Kullanıcı

Üyelik 14.07.2016
Yaş/Cinsiyet 34 / E
Meslek Webmaster
Konum Sinop

Ad Soyad G** Ö**
Mesajlar 17
Beğeniler 0 / 6
Ticaret 1, (%100)

tablo oluştur
şeklinde yap

08.09.2016 23:48

#5

soulmy WM Aracı Kullanıcı

Üyelik 12.06.2012
Yaş/Cinsiyet 38 / E
Meslek Öğretmen
Konum Samsun

Ad Soyad O** Y**
Mesajlar 1722
Beğeniler 398 / 400
Ticaret 20, (%100)

olarak yaz. Yani alt alta değil de, yan yana olsun div'ler.

.

09.09.2016 00:04

#6

berkayztr WM Aracı Kullanıcı

Üyelik 15.08.2014
Yaş/Cinsiyet 27 / E
Meslek Software Developer
Konum İstanbul Avrupa

Ad Soyad B** B**
Mesajlar 223
Beğeniler 51 / 67
Ticaret 5, (%100)

reset.css dosyası ekleyip deneseniz veya skype eklerseniz canlı olarak göstereyim birlikte inceleyelim..

skype : berkayztr

1 kişi bu mesajı beğendi.

09.09.2016 00:06

#7

asonons WM Aracı Kullanıcı

Üyelik 27.05.2015
Yaş/Cinsiyet 28 / E
Meslek Wordpress
Konum Balıkesir

Ad Soyad Ç** U**
Mesajlar 500
Beğeniler 211 / 210
Ticaret 11, (%100)

.line1, .line2, .line3, .line4 {width:20%;height:8px;float:left;margin-top:0 auto;}

09.09.2016 00:27

#8

delirium WM Aracı Kullanıcı

Üyelik 27.04.2015
Yaş/Cinsiyet 37 / E
Meslek Çalışmıyorum
Konum Mersin

Ad Soyad E** S**
Mesajlar 12
Beğeniler 3 / 1
Ticaret 0, (%0)

soulmy adlı üyeden alıntı

olarak yaz. Yani alt alta değil de, yan yana olsun div'ler.

Bununla ne alakası var diyecektim ki oldu, aradaki boşluklar kapandı. Ama alttan üstten hala boşluk var.

berkayztr adlı üyeden alıntı

reset.css dosyası ekleyip deneseniz veya skype eklerseniz canlı olarak göstereyim birlikte inceleyelim..

skype : berkayztr

ekliyorum, bi uzman bakışı lazım yoksa çıkamam içinden

09.09.2016 00:43

#9

47003 WM Aracı Anonim Üyelik

Üyelik 12.03.2015
Yaş/Cinsiyet - /
Meslek
Konum

Ad Soyad ** **
Mesajlar 576
Beğeniler 46 / 205
Ticaret 16, (%100)

display:inline-block yerine float:left kullanman gerekiyor.

1 kişi bu mesajı beğendi.

09.09.2016 01:18

#10

delirium WM Aracı Kullanıcı

Üyelik 27.04.2015
Yaş/Cinsiyet 37 / E
Meslek Çalışmıyorum
Konum Mersin

Ad Soyad E** S**
Mesajlar 12
Beğeniler 3 / 1
Ticaret 0, (%0)

Winston adlı üyeden alıntı

display:inline-block yerine float:left kullanman gerekiyor.

Float left yapınca ortalamıyor bu sefer de. Kodlar konudakinden ibaret yeni başlamıştım niye böyle anlamadım.

Dılo abinin yeri diye bir youtuber izliyordum responsive tema yapımı için float yerine display kullanın diyordu.

CSS bloktaki boşluklar

Üye Girişi Yap