MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
ByBrown avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Minik Bir Css Sorusu


Sponsor Reklam
media venus

Çevrimdışı ByBrown
 Tarih: 27-08-2013, Saat:14:12
#1
Arkdaşlar elimde çöyle bir kod var ancak mov container in içine girmiyor yani containerda sadece movhead kalıyor gerisi dışında oluyor.Bunu nasıl çözerim ?

Kod:
<div id="container">
<div class="mov">
<div class="mhead"><b>Latest Section</b></div>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
</div>
</div>
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı Smyrna35
 Tarih: 27-08-2013, Saat:15:25
#2
Css'den pek anlamam ama genede yardımcı olmaya çalışmak istedim.
Kod:
<div id="container" class="mov">
<div class="mhead"><b>Latest Section</b></div>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<div class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</div>
</a>
</li>
</div>
Yada şöylede deneyebilirsiniz.
Yazılar için div yerine span kullanın.
Yani böyle deneyiniz :
Kod:
<div id="container">
<div class="mov">
<span class="mhead"><b>Latest Section</b></span>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
<li>
<a href="#"><img width="50" height="50" src="image/mov.png">
<span class="mtext"><b style="font-size: 15px;">Teen Wolf</b><p>Season 3 Section 4</p>
</span>
</a>
</li>
</div>
</div>
Not :
Alıntı:Div ile span'ın display özellikleri farklı olduğu için, biri yanyana, biri alt alta gözükür. Div'e benzer bir span kullanmak için, span'ın css kısmına display: block; eklemen lazım.

Div alanlar için, span ise ufak yazılar için kullanılır genelde. Örneğin bir yazının tarihini, başlıktan daha küçük ve farklı renkte, farklı özelliklerde tanımlamak istersen span kullanırsın ama başlık ve içeriğin olduğu kısmı div içine alırsın.
Bunu Beğenenler:

Çevrimdışı ByBrown
 Tarih: 27-08-2013, Saat:17:22
#3
Teşekkürler.Mov a height vermediğim için oluyormuş çözdüm.
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  2 Tane Güvenlik Sorusu var freezmen 1 537 18-09-2013, Saat:16:52
Son Yorum: Smyrna35
  Dünyanın En garip Sorusu :D UND1905 1 559 22-08-2013, Saat:18:41
Son Yorum: Smyrna35
  Minik Bir Soru ByBrown 2 594 03-06-2013, Saat:14:32
Son Yorum: ByBrown



Konuyu Okuyanlar: 1 Ziyaretçi