Css hizalama hakkında yardım

28.03.2017 01:37

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2772
Beğeniler 293 / 949
Ticaret 33, (%100)

Merhaba. Herkese iyi forumlar.

Aşağıdaki kodu sitem üzerinde kullanınca;

.home #content_box article {

    width: 49%;

    margin-right: 11px;

}

Şöyle bir görüntü elde ediyorum:
https://s15.postimg.org/qo7y6cqaz/Screenshot_2.png

Belirttiğim yerde sağ tarafta hizalama yapamıyorum. 11px değerini artırınca aşağı kayıyor. Yardımlarınızı bekliyorum. Şimdiden teşekkürler.

Site adresim: bilimokur.com

Udemy Wordpress Tema Yapımı Kursum

28.03.2017 04:25

#2

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 32 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

Margin-right dediğiniz zaman hem soldaki hem de sağdaki article'nin sağına uygulanıyor. Bu yüzden bu şekilde uygulanması pek mümkün görünmüyor.

28.03.2017 09:29

#3

ontedi www.ontedi.com Kullanıcı

Üyelik 03.10.2013
Yaş/Cinsiyet 44 / E
Meslek Yazılım Uzmanı, Matematikçi
Konum Ankara

Ad Soyad S** T**
Mesajlar 1119
Beğeniler 325 / 324
Ticaret 2, (%100)

.home #content_box article {
width: calc(49% - 11px);
margin-right: 11px;
}

şeklinde dener misiniz?

www.ontedi.com
www.cizgi.site

28.03.2017 13:02

#4

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2772
Beğeniler 293 / 949
Ticaret 33, (%100)

TEHET aklınızda başka bir yöntem var mı?
ontedi bu şekilde herhangi bir değişiklik olmadı.

Udemy Wordpress Tema Yapımı Kursum

28.03.2017 13:11

#5

ontedi www.ontedi.com Kullanıcı

Üyelik 03.10.2013
Yaş/Cinsiyet 44 / E
Meslek Yazılım Uzmanı, Matematikçi
Konum Ankara

Ad Soyad S** T**
Mesajlar 1119
Beğeniler 325 / 324
Ticaret 2, (%100)

Örnek görebilir miyiz, ona göre daha fazla yardımcı olabiliriz.

www.ontedi.com
www.cizgi.site

28.03.2017 13:18

#6

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2772
Beğeniler 293 / 949
Ticaret 33, (%100)

ontedi verdiğim sitede görseldeki gibi sağa ve sola yerleştirmek istiyorum yazıları. Yani şuan tek sütun. 2 sütun olarak yapmaya çalışıyorum.

Udemy Wordpress Tema Yapımı Kursum

28.03.2017 15:30

#7

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 32 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

bilimokur adlı üyeden alıntı

TEHET aklınızda başka bir yöntem var mı?
ontedi bu şekilde herhangi bir değişiklik olmadı.

Şöyle olabilir:
Article'lere sol ve sağ margin değerleri verilir. Article'leri kapsayan div'e ise sol ve sağ eksi (-) margin değerleri verilir.

.home .sidebar-with-content {

    max-width: 100% !important;

    width: 100%;

}



#content_box {

    margin-bottom: 0;

    margin: auto -30px;

    overflow: auto;

    width: auto;

}



.featured-category-title {

    width: 100%;

    float: left;

    padding-left: 30px;

    margin-bottom: 30px;

}



.widget h3:before, .featured-category-title:before {

    position: absolute;

    content: '';

    width: 30px;

    height: 1px;

    bottom: -1px;

    left: 30px;

    background: #aa1801;

}



div#content_box article {

    width: 46.8888%;

    margin: 0px 15px 30px 15px;

}

Sonrasında yeni bir sorunla karşılaşacaksınız tabi ki :p

Bu sorun neyden kaynaklı diye soracak olursanız eğer; article'lerin yükseklikleri eşit boyutlarda olmadığı için böyle oluyor.

28.03.2017 15:46

#8

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2772
Beğeniler 293 / 949
Ticaret 33, (%100)

TEHET çok teşekkür ederim. verdiğiniz kodda oynama yaparak sorunsuz bir şekilde siteye uyguladım. Şimdi responsive için ayarlama yapıyorum. :)

1 kişi bu mesajı beğendi.

Udemy Wordpress Tema Yapımı Kursum

28.03.2017 16:15

#9

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 32 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

bilimokur rica ederim.

28.03.2017 16:20

#10

wpuzman WordPress Developer Kullanıcı

Üyelik 13.01.2017
Yaş/Cinsiyet 33 / E
Meslek Yazılım
Konum Trabzon

Ad Soyad B** M**
Mesajlar 2772
Beğeniler 293 / 949
Ticaret 33, (%100)

TEHET bi bakın nasıl olmuş :)

Udemy Wordpress Tema Yapımı Kursum

Css hizalama hakkında yardım

Üye Girişi Yap