MyBB Depo Forum
Minik Bir Css Sorusu - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBBDepo (https://mybbdepo.com/mybbdepo-forumu)
+--- Forum: Çöp Deposu (https://mybbdepo.com/cop-deposu-forumu)
+--- Konu Başlığı: Minik Bir Css Sorusu (/minik-bir-css-sorusu-konusu.html)



Minik Bir Css Sorusu - ByBrown - 27-08-2013

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>



Cvp: Minik Bir Css Sorusu - Smyrna35 - 27-08-2013

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.



Cvp: Minik Bir Css Sorusu - ByBrown - 27-08-2013

Teşekkürler.Mov a height vermediğim için oluyormuş çözdüm.