» » » » CSS'te Ortalama Sorunu Hakkında

CSS'te Ortalama Sorunu Hakkında

tmr_026
tmr_026 31-10-2017, 11:32
Merhabalar, kullandığım temada aşağıdaki resimdeki alan için normalde main.tpl içerisinde cust2 isimli dosyadan konu çekimi yapıyor,
ben konu çekimi istemediğim ve o bölümde sabit kalması gereken değer olduğu için cust2.tpl içeriğini main.tpl'ye aktardım fakat ilgili alan 3 adet konu için tasarlanmış, ben iki adet değer girdiğimde ilgili alanlar sol tarafta kalıyor, Bunu nasıl ortaya alabilirim? yardımcı olabilirseniz sevinirim.

CSS'te Ortalama Sorunu Hakkında

Main.tpl de orjinal kod:
<div class="mainorx">
	<div class="container-use">
		<div class="mainor">
		{custom category="1" template="cust2" aviable="main" from="0" limit="3" cache="no"}
		</div>
	</div>
</div>


cust2.tpl orjinal kod:
<div class="blocolock">
<div class="imageslock"><a href="{full-link}"><img src="{THEME}/images/spacer.png" style="background:url({image-1}) no-repeat; background-position: center; background-size:cover;-webkit-background-size:cover; -o-background-size:cover;moz-background-size:cover;" alt=""></a></div>
<h2 class="titles"><a href="{full-link}">{title}</a></h2>
<div class="shortits">{short-story limit="190"} </div>
<a href="{full-link}" class="readsmor">ПОДРОБНЕЕ</a>
<div class="icon-store"><img src="{THEME}/icons/set.png"></div>
</div>


Main.tpl de kendi düzenlediğim kod:
<div class="mainorx">
	<div class="container-use">
		<div class="mainor">
		

<div class="blocolock">
<div class="imageslock"><a href="{http://muhendislik.cedfem.info/"><img src="http://www.cedfem.info/uploads/muh.jpg" no-repeat; background-position: center; background-size:cover;-webkit-background-size:cover; -o-background-size:cover;moz-background-size:cover;" alt="Mühendislik Hizmetleri"></a></div>
<h2 class="titles"><a href="http://muhendislik.cedfem.info/">Mühendislik Hizmetleri</a></h2>
<div class="shortits">ÇED Raporlarının hazırlanması ile başlayan faaliyetlerimiz, tesislerin tüm yasal izinleri, ISO 14001 Çevre Yönetim Sistemi danışmanlık hizmetleri, atık yönetimi, Ekolojik Rapor, Seragazı hesaplamaları gibi konularda danışmanlık hizmeti verecek kapsama ulaşmıştır.</div>
<a href="http://muhendislik.cedfem.info/" class="readsmor">Şirket Profili</a>
<div class="icon-store"><img src="{THEME}/icons/set.png"></div>
</div>


<div class="blocolock">
<div class="imageslock"><a href="http://analiz.cedfem.info/"><img src="http://www.cedfem.info/uploads/lab.jpg" no-repeat; background-position: center; background-size:cover;-webkit-background-size:cover; -o-background-size:cover;moz-background-size:cover;" alt="Çevre Analizleri"></a></div>
<h2 class="titles"><a href="http://analiz.cedfem.info/">Çevre Analizleri</a></h2>
<div class="shortits">Faaliyetlerini bünyesinde oluşturduğu TSE EN  ISO 17025 Kalite Sistemi gerekleri doğrultusunda  sürdüren kuruluşumuz, hizmetleri ile ilgili  Türk Akreditasyon Kurumundan ( TÜRKAK ) akreditasyon, Çevre ve Şehircilik Bakanlığı tarafından da Yeterlik Belgesi sahibidir.</div>
<a href="http://analiz.cedfem.info/" class="readsmor">Şirket Profili</a>
<div class="icon-store"><img src="{THEME}/icons/set.png"></div>
</div>



		</div>
	</div>
</div>


style.css:
.blocolock{
float: left;
width: 31.7%;
margin-right: 25px;
height: 420px;
position: relative;
margin-top: -35px;
transition: 0.3s;
background: #fff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(17,17,17,0.16);
-moz-box-shadow: 0px 0px 5px 1px rgba(17,17,17,0.16);
box-shadow: 0px 0px 5px 1px rgba(17,17,17,0.16);
}
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
tmr_026 3 Kasım 2017 11:06
@Emre,
hocam onu denedim, hiçbir değişiklik olmuyor.
zaten floatın aldiği değerler: left | right | none | inherit şeklindeymiş.
right değeri verince en sağa yaslıyor, center değeri verince ilk blok solda kalıyor, ikinci blok onun altına geliyor.
0
Emre 2 Kasım 2017 15:07
float: left; yazmışın orada. left yazanı center yaparsan ortalanır
deneme bonusu veren siteler