lostyazilim
tr.link

CSS Div ortalama

8 Mesajlar 3.885 Okunma
acebozum
tr.link

MehmetMasa MehmetMasa WM Aracı Kullanıcı
  • Üyelik 05.10.2016
  • Yaş/Cinsiyet 26 / E
  • Meslek Yazılımcı
  • Konum İzmir
  • Ad Soyad M** M**
  • Mesajlar 1946
  • Beğeniler 552 / 554
  • Ticaret 40, (%100)
Merhaba arkadaşlar,
https://i.hizliresim.com/ALpq6r.png
Resimde gördügünüz gibi div içinde 3 tane div var bu divler yan yana getirdim birbirine yapışık bir türlü ortalayamadım.
1. div border'ı olan div'e yapışık sağda kalıcak 2. ortalanıcak 3.'de sağ tarafa yaslanıcak şekilde nasıl yapabilirim.



.hizmet {width:1000;
height:600px;
background-color:#fff;
margin-right:120px;
margin-left:120px;
border:1px;
border-style:solid;

}
.hizmetlerimiz {width:330px;
height:475px;
background-color:#ccc;
float:left;
margin-top:30px;

}
.ürün { border:1px solid;
border-color:#eeeeee;
background-color:white;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;

}
.ürünfoto {width:100%; height:225px; }

 

 

wmaraci
reklam

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
https://wmaraci.com/forum/html-css-xml/css-kutulari-yan-yana-ortalama-sorunu-hata-var-430167.html
 

 

TuncerDemir TuncerDemir WM Aracı Kullanıcı
  • Üyelik 07.02.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Front-end developer
  • Konum Zonguldak
  • Ad Soyad T** D**
  • Mesajlar 175
  • Beğeniler 18 / 28
  • Ticaret 0, (%0)
.hizmet divine margin: 0 auto ekleyin. Width 1000px olarak değiştirin. Float yüzüne ortalama gerçekleşmeyebilir bu durumda ne yapıyoruz. .hizmetlerimizi ana bir div toplayıp bu dive .hizmet width büyük olmayacak değer veriyoruz atiyorum 600px margin: 0 auto deyip sağdan soldan ortalaması yapıyoruz.
 

 

Hızlı deneyin, hızlı başarısızlığa uğrayın ve hızlı bir şekilde kendinizi yenileyin.
― T. Peters

CoolVirus CoolVirus Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.02.2017
  • Yaş/Cinsiyet 26 / E
  • Meslek Sosyalmedya
  • Konum Adana
  • Ad Soyad D** A**
  • Mesajlar 25
  • Beğeniler 15 / 7
  • Ticaret 3, (%67)
Css div ortalama;

test

test

test


div[
float:left;
width:300px;
height:50px;
background:green;
margin-left:10px;
}
div:first-child{margin-left:0}
 

 

wmaraci
wmaraci

agt34 agt34 WM Aracı Kullanıcı
  • Üyelik 24.05.2017
  • Yaş/Cinsiyet 31 / E
  • Meslek Ögrenci
  • Konum İstanbul Avrupa
  • Ad Soyad A** G**
  • Mesajlar 19
  • Beğeniler 5 / 2
  • Ticaret 0, (%0)
Divlerin basina id degeri ile bir div atayin width olarak 95% degerini ardindan margin 0 auto degeri ve padding 1px degerini girin istediginiz olacaktir
 

 

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 561
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)
RVLjQq
salihdk HeadCMoon

kişi bu mesajı beğendi.

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)
HapyMan

2 gündür uğraşıyordum. Kodu revize edip istediğim gibi kullanabildim. Teşekkürler!
HapyMan MehmetMasa

kişi bu mesajı beğendi.

onur1989tc onur1989tc Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 21.04.2017
  • Yaş/Cinsiyet 35 / E
  • Meslek WordPress
  • Konum İzmir
  • Ad Soyad O** K**
  • Mesajlar 35
  • Beğeniler 8 / 9
  • Ticaret 0, (%0)
En sağlıklı yöntem dış div'e text-align: center, iç div'lere display: inline-block ve vertical align: top vermek olacaktır.
 

 

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