জুমলাতে পজিশন পাশাপাশি আসছে না, ভুলটা দেখবেন?

[msh1987]

সমস্যাটা কোথায় দেখবেন কি সিনিয়র ভাইয়েরা ....
কোড দেবার পর পজিশন ডিসপ্লে আসছে এরকম -

Position2.JPG

কিন্তু আমি চাইছি প্রত্যেকটা মডিউল পাশে পাশে দাড়ানো অবস্থায় থাকবে - এ রকম

Position1.JPG

Index.php
<!-- top & css file is template_rtl.css //-->
<div id="topbg">
<div id="container1">
<?php if($this->countModules('top11 or top12 or top13 or top14 or top15')) :?>
<div id="top11"> <jdoc:include type="modules" name="top11" style="XHTML"/></div>
<div id="top12"> <jdoc:include type="modules" name="top12" style="XHTML"/></div>
<div id="top13"> <jdoc:include type="modules" name="top13" style="XHTML"/></div>
<div id="top14"> <jdoc:include type="modules" name="top14" style="XHTML"/></div>
<div id="top15"> <jdoc:include type="modules" name="top15" style="XHTML"/></div>
<?php endif; ?>
</div>
</div>
.......................
CSS
......................
/* Top 11 to 15 */

#topbg {
width: 100%;
overflow: hidden;
background-color: red;
}

#top11 {
width:150px;
background-color:black;

}
#top12 {
width:150px;
background-color:white;
}
#top13 {
width:150px;
background-color:blue;
}
#top14{
width:150px;
background-color:green;
}
#top15 {
width:150px;
background-color:yellow;
}

#container1{
width: 950px;
margin: 0 auto;
overflow: hidden;
}

[almamun]

div হলো ব্লক এলিমেন্ট। এরা ১০০% জায়গা নেয়, যতক্ষণ না width নির্দিষ্ট করে দিয়ে ফ্লোট করছেন।

[msh1987]

ধন্যবাদ মামুন ভাই। আমি চেষ্টা করে দেখছি।

[mamuna2m]

div হলো ব্লক এলিমেন্ট। এরা ১০০% জায়গা নেয়, যতক্ষণ না width নির্দিষ্ট করে দিয়ে ফ্লোট করছেন।

বেস্ট পোস্ট