astropaykartsatis.net
User Tag List

Yeni Konu Aç Cevap Yaz
2.03.2017, 09:33 1 (permalink)
cano
  • Üyelik Tarihi25.01.2011
  • Ticaret Sayısı0
  • Mesajlar22
Css ile yanyana dizme problemi #permalink (permalink)
Merhabalar; Css hakkında sorun yaşıyorum yardımcı olursanız sevinirim.

Anasayfa da kutucuk alanları yer alıyor bu alanlar 4'lü olarak gidiyor yani 8 tane kutu eklesem 4 üst diğer 4 kutu da alta tarafa geliyor.

Benim ihtiyacım ise 5 kutucuktan oluşuyor ve eklediğimde üstte 4 altta 1 kutu geliyor haliyle görüntüyü bozuyor. Üstte yer alan kutuların boyutunu küçülttüm ve alttaki 5. kutucuğa da fazlasıyla yer açıldı fakat altta kalan bu kutu üst tarafa yerleşmiyor. Bunu nasıl düzenleyebilirim?

İlgili css kodları burda:

/* Portfolio
----------------------------------------------------------- */
#portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
#portfolio-description p:last-child, .portfolio-description p { margin: 0 }
#portfolio-wrap ul { margin: 0px; list-style: none; }
/*portfolio entry*/
.portfolio-entry a { display: block; text-decoration: none; }
.portfolio-entry-img-link { display: block; margin-bottom: 13px; -webkit-transition: all 0.2s ease-in-out; }
.portfolio-entry-img-link img { width: 160px; display: block; padding: 3px; background: #eee; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.portfolio-entry-img-link img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.portfolio-entry-description p { margin: 0 }
.portfolio-entry-description h2 { line-height: 1.1em; font-size: 10px; font-weight: bold; margin: 0 0 7px 0; padding-bottom: 7px; border-bottom: 0px solid #eee; }
.portfolio-entry-description p:last-child { margin: 0 }

/*single portfolio*/
#portfolio-meta span { font-size: 12px; margin-right: 5px; font-weight: bold; }
#portfolio-media { margin-bottom: 15px; border: 1px solid #ddd; }
#portfolio-media-inner { padding: 4px; border: 1px solid #fff; background: #eee; }
#portfolio-slides-wrap { margin-bottom: 5px }
#portfolio-media img { display: block; width: 100%; }

/*single portfolio slider*/
#portfolio-slides-wrap { position: relative; width: 100%; }
#portfolio-slider-loader { text-align: center; height: 100px; line-height: 100px; font-size: 16px; color: #000; }
#portfolio-slider .flex-direction-nav li a.flex-next, #portfolio-slider .flex-direction-nav li a.flex-prev { height: 30px; line-height: 30px; width: 30px; font-size: 14px; }
#portfolio-slider .flex-direction-nav li a.flex-next { left: 31px }
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
2.03.2017, 11:31 2 (permalink)
ducan
  • Neredenİstanbul Şubesi
  • Üyelik Tarihi8.11.2016
  • Yaş31
  • Ticaret Sayısı0
  • Mesajlar2
senin tabirinle kutulara Float:left; vermen yeterli olacaktır.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
2.03.2017, 14:35 3 (permalink)
cano
  • Üyelik Tarihi25.01.2011
  • Ticaret Sayısı0
  • Mesajlar22
float:left; kullandım ama olmadı veya yanlış kullanmış olabilirim. Hepsinde denedim ama sonuç vermedi.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
2.03.2017, 18:35 4 (permalink)
ducan
  • Neredenİstanbul Şubesi
  • Üyelik Tarihi8.11.2016
  • Yaş31
  • Ticaret Sayısı0
  • Mesajlar2

float:left; kullandım ama olmadı veya yanlış kullanmış olabilirim. Hepsinde denedim ama sonuç vermedi.

hepsine float:left verirmisin?
olması gerekiyor.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
Yeni Konu Aç Cevap Yaz
Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Yetkileriniz
Konu Acma Yetkiniz Yok Cevap Yazma Yetkiniz Yok Eklenti Yükleme Yetkiniz Yok Mesajınızı Değiştirme Yetkiniz Yok
BB code is Açık Smileler Açık [IMG] Kodları Açık HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Forum Kuralları
Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
Tam 5500 Adet Makale Tüm Web Projelerimiz Çok Ucuza Satılığa Çıkarılmı AndroidYazilim Hazır makale satışları 3 30.10.2014 04:02
Günün Ürünü DSM 1000 Plus AdobeAjans Alışveriş Genel 0 27.09.2013 14:43
Hadiselerin İlmi (Olayların Bilimi) muhsin iyi Diğer 0 10.05.2013 16:53
HTML ve CSS Dersleri simsir Html - Xml - Xhtml - Dhtml - Css 4 11.12.2010 02:17
www.aramamotor.com yeni arama motorumuz açılmıştır. toplumesajci Yeni Site Tanıtımları 24 10.10.2009 06:42

Forum Saati: 22:11. Zaman dilimi GMT +3 olarak ayarlanmıştır.
Powered by vBulletin™ Version 3.8.7
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.