مشکل در قرار گرفت دایو در جای خود

[mehran63]

سلام
در لینک زیر دموی سایت را میتوانید ملاحظه بفرمایید
سه دایو "ائمه" و "بیانات" و "اخبار" هم ردیف با جدیدترین اخبار قرار گیرد ولی همانطور که میبینید به انتهای صفحه رفته

دموی سایت (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

[RezaDesign]

اول ببینید موقعیت این ماژول ها کجاست .. باید موقعیت ها رو در تنظیمات ماژول تغییر بدید
برای مشاهده موقعیت های قالب site.com/?tp=1 رو برنید تا موقعیت ها رو مشاهده کنید

[mehran63]

این قالب رو خودم طراحی کردم
موقعیت رو میدونم کجاست. مشکل اینجاست که نمیخوام موقعیت اینجایی که الان هست باشه. بلکه دو دایو "ائمه" و "بیانات" را چگونه یک موقعیت ایجاد کنم در سمت چپ موقعیت "last-news" یا همان جدیدترین اخبار که در دمو با این اسم میتوانید ببینید.

[mehran63]

در عکس زیر حالت فعلی رو میبینید
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

در عکس زیر حالت که من انتظار دارم بشه رو گذاشتم یعنی اون دایوها بیان به بالا کنار جدیدترین اخبار

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

[RezaDesign]

اموزش ایجاد موقعیت (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> %8C%DA%A9_%D9%85%D9%88%D9%82%D8%B9%DB%8C%D8%AA_%D8 %AC%D8%AF%DB%8C%D8%AF_%D8%AF%D8%B1_%D9%82%D8%A7%D9 %84%D8%A8_%D8%AC%D9%88%D9%85%D9%84%D8%A7_1.5)

[mehran63]

در عکس زیر هم میتوانید ببینید
مشکل من اون چهار تا دایو تو پر آبی رنگ هستن که به ترتیبی که تئ عکس هست میخوام قرار بگیرند

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

[RezaDesign]

برای دایو ها سایز خاصی رو در نظر گرفتی؟ width رو بزن 100% یا auto ببین مشکل حل می شه یا خیر

[mehran63]

سلام
نه با اون درست نشد
به تصویر زیر توجه فرمایید

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

در وسط دو کادر قرمز میبینید. کادر قرمز رنگ بالایی یک دایو کلی به اسم level2 است. در داخل این level2 دو دایو دیگه به اسم "bayanat" و "emamha" قرار دارد
همچنین که در عکس میبینید در سمت راست کادر یک دایو کلی سبز رنگ با نام "level4" قرار دارد که شامل سه دایو زرد رنگ با نامهای "last-news" و "top-news" و "prayer-times" است
حالتی که مد نظر است تا اینها در کنار هم قرار بگیرند هم در عکس واضح است

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

کدهای مربوط به template.css

/*@charset "utf-8"; */
/* CSS Document */

/*
# ------------------------------------------------------------------------
# Joomla Free Templates
# ------------------------------------------------------------------------
# Copyright (C) 2012-2020 (..). All Rights Reserved.
# Website: (..)
# ِDesign by : (..)
# ------------------------------------------------------------------------
*/
@font-face {

font-family: 'pars';
src: url('../font/IranNastaliq.eot');
src: url('../font/IranNastaliq.eot?#iefix') format('embedded-opentype'),
url('../font/IranNastaliq.woff') format('woff'),
url('../font/IranNastaliq.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body{
color:#006;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
direction:rtl;
}

#main{
width:75%;
height:auto;
margin:0 auto;
background-repeat:repeat;
border-radius:5px;
}

#header {
height:200px;
width:100%;
background-image: url(../images/baghiyatallah.jpg);
background-repeat: no-repeat;
background-position: right top;
border-radius:5px;
}

#search {
float:left;
height:25px;
width:250px;
padding-top:180px;
color:#333;
}

/*::::: menu :::::*/

#menu {
direction:rtl;
font-family:"IranNastaliq";
font-size:54px;
}

#hot-news{
width:100%;
height:20px;
background-color:#E9E6E6;
}

#level1 {
width:100%;
height:450px;
float:right;
margin:0 auto 5px auto;
display: block;
}

#slider {
height:340px;
width:60%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:5px;
}

#notice{
color:#FF9
height:340px;
width:37%;
background-color:#ECF1F5;
border-radius:5px;
float:right;
padding-top:0px;
margin-top:5px;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
background-repeat: no-repeat;
background-position: right top;


background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
}


#notice h3 {
color: #fff;
background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:12px;
margin-top: 0;
}

#other-website {
height: auto;
width: auto;
border-radius: 5px;
background-color:#ECF1F5;
float: left;
margin-top:30px;
}

#other-website ul li {
list-style: none outside none;
}

#level4 {
float:right;
}

#last-news {
height: auto;
width: 200px;
border-radius: 5px;
background-color:#ECF1F5;
font-size:12px;
direction:rtl;
line-height:20px;
margin-left: 10px;
}

#last-news ul li {
list-style: none outside none;
}

#last-news ul li:before {
list-style: none outside none;
content: "\0BB \020";
font-size:16px;
color:#E230B7;
}

#last-news h3 {
color: #fff;
background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:12px;
margin-top: 0;
}

#top-news{
height: auto;
width: 200px;
border-radius: 5px;
background-color:#ECF1F5;
font-size:12px;
direction:rtl;
line-height:20px;
margin-top:10px;
margin-left: 10px;
left:10px;
clear:both;
}

#top-news ul li{
list-style: none outside none;
}

#top-news ul li:before {
list-style: none outside none;
content: "\0BB \020";
font-size:16px;
color:#E230B7;
}

#top-news h3 {
color: #fff;
background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:12px;
margin-top: 0;
}

#prayer-times{
height: auto;
width: 200px;
border-radius: 5px;
background-color:#ECF1F5;
direction:rtl;
margin-top:10px;
margin-left: 10px;
left:10px;
}

#content {
width: auto;;
height: auto;
margin:0 auto;
margin-top: 30px;
border-radius: 5px;
margin-right: 5px;
margin-left:5px;
overflow: hidden;
}


#level2 {
width:100%;
float:left;
height:300px;
margin:0 10 5px auto;
}

#emamha{
height:200px;
width:22%;
float:right;
border-radius:5px;
background-color:#ECF1F5;
margin-right:10px;
margin-top:0px;
direction:rtl;
line-height:20px;

}

#emamha h3 {
color: #fff;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:16px;
margin-top: 0;
}

#bayanat{
height:200px;
width:22%;
float:right;
border-radius:5px;
background-color:#ECF1F5;
margin-right:10px;
margin-top:5px;


}

/* #bayanat .globalnews {
height: 259px;
}
*/

#bayanat h3 {
color: #fff;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:16px;
margin-top: 0;
}

#news{
height:200px;
width:22%;
float:right;
border-radius:5px;
background-color:#ECF1F5;
margin-right:10px;
margin-top:5px;
overflow:hidden;
clear:both;
}

#news h3 {
color: #fff;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:16px;
margin-top: 0;
}

#level3 {
width:100%;
height:300px;
margin:0 10 5px auto;
display: block;
}

#picture{
height:300px;
width:32%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:15px;
}

#voice{
height:300px;
width:32%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:15px;
}

#film{
height:300px;
width:32%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:15px;
}

#mashahir{
height:auto;
width:980px;
border-radius:5px;
background-color:#CCC;
clear:both;
margin-top:15px;
margin-right:10px;
}

#footer {
font-family:IranNastaliq;
font-size:14px;
height:auto;
width:980px;
border-radius:5px;
background-color:#ECF1F5;
clear:both;
text-align:center;
margin-right:10px;
margin-top:15px;
overflow:hidden;
}

a {
text-decoration: none;
}

a:visited {
color:#0000EE;
}

[mehran63]

کد مربوط به فایل index.php

<?php
defined('_JEXEC') or die('Restricted access');
JHtml::_('behavior.framework', true);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>">
<html xmlns="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
</head>

<body>
<div id="main">

<div id="header">
<?php if($this->countModules('search')): ?>
<div id="search">
<jdoc:include type="modules" name="search" style="xhtml" />
</div><!--End search-->
<?php endif; ?>
</div><!--End heder-->

<?php if($this->countmodules('menu')): ?>
<div id="menu">
<jdoc:include type="modules" name="menu" style="xhtml" />
</div><!--End menu-->
<?php endif; ?>

<?php if($this->countmodules('hot-news')): ?>
<div id="hot-news">
<jdoc:include type="modules" name="hot-news" style="xhtml" />
</div><!--hot-news-->
<?php endif; ?>

<?php if($this->countModules('slider + notice')): ?>
<div id="level1">
<?php if($this->countmodules('slider')): ?>
<div id="slider">
<jdoc:include type="modules" name="slider" style="xhtml" />
</div><!--End slider-->
<?php endif; ?>

<?php if($this->countmodules('notice')): ?>
<div id="notice">
<jdoc:include type="modules" name="notice" style="xhtml" />
</div><!--End notice-->
<?php endif; ?>
</div><!--End level1-->
<?php endif; ?>

<?php if($this->countmodules('other-website')): ?>
<div id="other-website">
<jdoc:include type="modules" name="other-website" style="xhtml" />
</div><!--other-website-->
<?php endif; ?>


<?php if($this->countModules('emamha + bayanat')): ?>
<div id="level2">

<?php if($this->countmodules('emamha')): ?>
<div id="emamha">
<jdoc:include type="modules" name="emamha" style="xhtml" />
</div><!--End emamha-->
<?php endif; ?>

<?php if($this->countmodules('bayanat')): ?>
<div id="bayanat">
<jdoc:include type="modules" name="bayanat" style="xhtml" />
</div><!--End bayanat-->
<?php endif; ?>
</div><!--level2-->
<?php endif; ?>



<?php if($this->countModules('last-news + top-news + prayer-times')): ?>
<div id="level4">
<?php if($this->countmodules('last-news')): ?>
<div id="last-news">
<jdoc:include type="modules" name="last-news" style="xhtml" />
</div><!--last-news-->
<?php endif; ?>

<?php if($this->countmodules('top-news')): ?>
<div id="top-news">
<jdoc:include type="modules" name="top-news" style="xhtml" />
</div><!--top-news-->
<?php endif; ?>

<?php if($this->countmodules('prayer-times')): ?>
<div id="top-news">
<jdoc:include type="modules" name="prayer-times" style="xhtml" />
</div><!--prayer-times-->
<?php endif; ?>

</div><!--level4-->
<?php endif; ?>




<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="content" style="xhtml" />
</div><!--End content-->



<?php if($this->countModules('news + picture + voice + film')): ?>
<div id="level3">

<?php if($this->countmodules('news')): ?>
<div id="news">
<jdoc:include type="modules" name="news" style="xhtml" />
</div><!--End news-->
<?php endif; ?>

<?php if($this->countmodules('picture')): ?>
<div id="picture">
<jdoc:include type="modules" name="picture" style="xhtml" />
</div><!--End picture-->
<?php endif; ?>

<?php if($this->countmodules('voice')): ?>
<div id="voice">
<jdoc:include type="modules" name="voice" style="xhtml" />
</div><!--End voice-->
<?php endif; ?>

<?php if($this->countmodules('film')): ?>
<div id="film">
<jdoc:include type="modules" name="film" style="xhtml" />
</div><!--End film-->
<?php endif; ?>
</div><!--level3-->
<?php endif; ?>


<?php if($this->countmodules('mashahir')): ?>
<div id="mashahir">
<jdoc:include type="modules" name="mashahir" style="xhtml" />
</div><!--End mashahir-->
<?php endif; ?>

<?php if($this->countmodules('footer')): ?>
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div><!--End footer-->
<?php endif; ?>

</div><!--End main-->
</body>
</html>