مشکل در طراحی قالب و css؟

[siamakb 10]

سلام به همه دوستان.

امیدوارم همه خوب باشید.

خواستم قالب برای جوملا طراحی کنم در css به مشکل پوزیشن (موقعیت) دادن به دایو های تعریف شده index.php برخوردم.

قالب مورد نظر:

موقعیت right,slideshow,conetnt رو چطوری باید تو css تعریف کنم که اینطوری در بیاد؟

ممنون میشم راهنمائی بفرمائید.

[kiyan_SAd 13]

دوست عزیز در ایل سی اس اس قالب و در قسمت پوزیشن اسلایدشو float:left و در قسمت رایت float:right رو قرار بده به احتمال زیاد درست میشه

اگر درست نشد فایل سی اس اس قالبتو بزار تا یه بررسی بشه و مشکلش حل شه انشاالله.

[clik8000 16]

به نظر بنده

به موقعیت راست یه float راست بده

اسلاید شو و کانتنتو داخل یه دایو قرا بده و بهش float چپ بده

به این صورت:

     <div id="right">
     </div><!--End right-->
     <div id="left">
          <div id="slideshow">
          </div>
          <div id="content">
          </div>
     </div><!--End left-->

فایل css :

#right{ float:right}
#left{float:left}

دیگه به موقیع اسلاید شو و کانتنت float نده

امیدوارم مشکلت حل شه

[mohsen farahani 13]

سلام به همه دوستان.

امیدوارم همه خوب باشید.

خواستم قالب برای جوملا طراحی کنم در css به مشکل پوزیشن (موقعیت) دادن به دایو های تعریف شده index.php برخوردم.

قالب مورد نظر:

موقعیت right,slideshow,conetnt رو چطوری باید تو css تعریف کنم که اینطوری در بیاد؟

ممنون میشم راهنمائی بفرمائید.

سلام سه قسمت اسلایدشو ،کانتنت و رایت رو یه div id بگیر تو html و اسلایدشو و کانتنت رو یه کلاس بذار و رایت هم یه کلاس یعنی میشه دو تا کلاس روی هم

بعد تو کلاسی که برا اسلایدشو و کانتنت تعریف کردی دو تا div id برای اسلایدشو و کانتنت بذار

در آخر تو css کلاسی که برای رایت گذاشتی رو یه width بده و float:right و به کلاس بعدی میتونی یه overflow:hiddenبدی یا بهش عرض بدی و float:left

[siamakb 10]

سلام.

از همه دوستانی که پاسخ دادن متشکرم. بخش slide show,content,right بصورت زیر نوشته شد.

index.php  فایل

<div id="center">

		  <div id="left">
		 <div id="slider">
		 <jdoc:include type="modules" name="slider" style="xhtml" />
		 </div><!--slideshow-->

		  <div id="contents">
		  <jdoc:include type="component" />
		  </div><!--contents-->
		   </div><!--left-->


		 <div id="right">
		 <jdoc:include type="modules" name="right" style="xhtml" />
		 </div><!--right-->

		</div><!--center-->

بخش css

#center{
width: 900px;
height:auto;
padding: 0px 0px 0px 0px;	
margin-bottom:5px;

}

#right{


   margin-top:13px;
border-radius: 5px;
width: 265px;
height: auto;
float: right;
background-color: #FFFFFF;
color: #000000;
}


#left{
width: 635px;
border-radius: 5px;
float: left;
direction: rtl;
height:auto;

}

#slider{
border-radius:5px;	
width: 620px;
height: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
margin-bottom: 20px;	
background-color:black;
}

#contents {
font-family: Tahoma;
border-radius:5px;
overflow:hidden;
height:auto;
background-color: #fff;
margin-bottom:5px;
}

دوستان فایل قالب رو می تونید از لینک زیر دریافت کنید.

http://irangif.ir/hich.zip

قالبی که با این شیوه کد نویسی شده متاسقانه سئو خوبی نداره. سئو رو از سایت http://www.statscrop.com/ چک می کنم.

در مورد سئو قالب لطفا راهنمایی بفرمائید.

با تشکر از همه عزیزانی که وقت گذاشتند.

ویرایش شده در فروردین 92 توسط siamakb

[ابوالفضل طالبی 279]

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