لطفا تو قسمت کدهای php این قالب کمکم کنید | فوری

[Ehs@n]

سلام دوستان مدتی ه بد جور به کد نویسی و طراحی وب سایت علاقه مند شد

به همینجهت شروع کردم یه سایت رو طراحی می کنم ولی یه جاش به مشکل بر خوردم

که اگه میشه کمک ام کنید تا درستش کنم

ممنون

مشکل: وقتی که کد منو رو تکرار می کنم به شکل زیر میشه(فرق نداره چه سمت چپ و چه سمت راست)

لینک ها تنها برای اعضای سایت قابل نمایش است.

رو عکس کلیک کنید تو اندازه بزرگ می تونید ببینید

اینم کد هایی که تو قسمت html براش نوشتم

[SIZE=12px]<div class="right-mu">[/SIZE]
[SIZE=12px]  <div class="right-mu-title">[/SIZE]
[SIZE=12px]عنوان چپ[/SIZE]
[SIZE=12px]</div>[/SIZE]
[SIZE=12px]<div class="right-mu-d">[/SIZE]
[SIZE=12px]kl[/SIZE]
[SIZE=12px]</div>[/SIZE]
[SIZE=12px]</div>[/SIZE]

و اینم کد های css

[SIZE=12px].right-mu{[/SIZE]
[SIZE=12px]background:#f1f1f1;[/SIZE]
[SIZE=12px]    width:145px;[/SIZE]
[SIZE=12px]    height:100px;[/SIZE]
[SIZE=12px]    float:right;[/SIZE]
[SIZE=12px]    margin-top:10px;[/SIZE]
[SIZE=12px]    margin-right:5px;[/SIZE]
[SIZE=12px]    border:solid 1px #bdb9b9;[/SIZE]
[SIZE=12px]    border-radius: 7px;[/SIZE]
[SIZE=12px]    -moz-border-radius: 7px;[/SIZE]

[SIZE=12px]}[/SIZE]

[SIZE=12px].right-mu-title{[/SIZE]
[SIZE=12px]    text-align:right;[/SIZE]
[SIZE=12px]    font-size:16px;[/SIZE]
[SIZE=12px]    padding:2px 5px 5px 0;[/SIZE]
[SIZE=12px]    font-family:Tahoma, Geneva, sans-serif;[/SIZE]
[SIZE=12px]    height:25px;[/SIZE]
[SIZE=12px]    border-bottom:double 1px #6d6d6d;[/SIZE]
[SIZE=12px]}[/SIZE]

[SIZE=12px].right-mu-d{[/SIZE]
[SIZE=12px]    padding:3px 3px 3px 3px;[/SIZE]
[SIZE=12px]width:auto;[/SIZE]
[SIZE=12px]}[/SIZE]

این وضیعت برای هر دو منو وقتی که تکرارش می کنم اتفاق می افته ولی واسه قسمت content (پست)این اتفاق نمی افته

اگه لازمه کد های content رو هم بنویسم

لطفا کمک کنید

ممنون

 

[mahdiali35]

درود.....منظورتون دقیقا چیه من درست متوجه نشدم؟ اون سه تا منوی سمت راسیت با منوی تکی سمت چپ باید یکی باشن؟؟؟

 

[Ehs@n]

مشکل من اینه که وقتی که کد منو ها رو تکرار می کنم به جای اینه که منو ها زیر هم قرار بگیرند زیر هم قرار می گیرند

 

[mahdiali35]

مشکل من اینه که وقتی که کد منو ها رو تکرار می کنم به جای اینه که منو ها زیر هم قرار بگیرند زیر هم قرار می گیرند

به جای اینکه زیر هم قرار بگیرند زیر هم قرار میگیرند؟؟؟.....

اون کادر سیاه منظورته؟

 

[Ehs@n]

معذرت کمی فکرم مشغول بود

به جای اینکه زیر هم قرار بگیرند کنار هم قرار می گیرند

نمونه : منوی kl که توش من چند بار کد منو رو تکرار کردم ولی به جای اینکه زیر هم باشن کنار هم قرار گرفتن.

کد منوی kl2 رو هم که تکرار می کنم اینجوری میشه

آیا می تونه علتش استفاده از کد float باشه؟

 

[mahdiali35]

بله من float رو از css حذف کردم و منوها زیر هم قرار گرفتن البته کدها رو ذره ای تغییر دادم...

​

 

[Ehs@n]

خوب میشه اون کد رو لطف کنید؟

اگه امکانش هست؟

و ببخشید فکر نمی کنید اینطوری که شما انجام دادین طرح منو به هم خورده؟

ببینید kl ها اومده بیرون

خطی که به عنوان جدا کننده تیتر عنوان منو بود اومده پایین.

در ضمن وقتی من float رو بر می دارم منو (حالا فلوت هر کدوم رو بردارم اون میشه) تو طبقه اول و کد content(پست) در طبقه دوم قرار میگیره و اینجوری میشه

 

[mahdiali35]

درود...

کد html:

<div class="right-mu">  <div class="right-mu-title">عنوان چپ</div></div><div class="right-mu-d">kl</div></div> <div class="right-mu"> <div class="right-mu-title">عنوان چپ</div></div><div class="right-mu-d">kl</div></div> <div class="right-mu"> <div class="right-mu-title">عنوان چپ</div></div><div class="right-mu-d">kl</div></div>

از css هم float رو حذف کنید....این که اینجوری شده برای اینه که طول div ها با اندازه ی صفحه یکی نیست و از اون بیشتره باید width رو تغییر بدید و کمتر کنید یا اینکه margin رو تغییر بدید....اگه کد کامل رو قرار بدید براتون درست میکنم....

پیروز و شاد باشید...

 

[Ehs@n]

کد css:

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

body{background:url(images/back.jpg) ;
font-family:Tahoma, Geneva, sans-serif;
vertical-align:top;
direction:rtl;
}

#back{
width:1000px;
margin:auto;
}

#hed{
    background:none;
    text-align:center;
height:auto;
margin:auto;
margin-top:10px;
}

#down{background:#FFF;
margin:10px 0 0 0;
border:solid 2px #696767;
border-radius: 15px;
-moz-border-radius: 15px;
}

#top-mu{ background:url(images/meni.jpg);
width:890px;
height:50px;
margin:auto;
margin-top:10px;
border-radius: 20px;
-moz-border-radius: 20px;

}

.right-mu{
background:#f1f1f1;
    width:145px;
    height:100px;

    margin-top:10px;
    margin-right:5px;
    border:solid 1px #bdb9b9;
    border-radius: 7px;
    -moz-border-radius: 7px;

}

.right-mu-title{
    text-align:right;
    font-size:16px;
    padding:2px 5px 5px 0;
    font-family:Tahoma, Geneva, sans-serif;
    height:25px;
    border-bottom:double 1px #6d6d6d;
}

.right-mu-d{
    padding:3px 3px 3px 3px;
width:auto;
}

.left-mu-title{
    text-align:right;
    font-size:16px;
    padding:2px 5px 0 0;
    font-family:Tahoma, Geneva, sans-serif;
    height:25px;
    border-bottom:double 1px #6d6d6d;
}

.left-mu{ background:#f1f1f1;
width:250px;
height:auto;
float:left;
margin:10px 0 0 5px;
border:solid 1px #bdb9b9;
border-radius: 7px;
-moz-border-radius: 7px;
}

.left-mu-d{
padding:3px 3px 3px 3px;
width:auto;
}

#slidshow{
    margin:auto;
    margin-top:10px;
    margin-left:265px;
    border:solid 1px #bdb9b9;
    border-radius: 7px;
-moz-border-radius: 7px;
    width:570px;
    height:200px;

}

.content-title{
    text-align:right;
    font-size:16px;
    padding:2px 5px 0 0;
    font-family:Tahoma, Geneva, sans-serif;
    height:25px;
    border-bottom:double 1px #bdb9b9;
width: auto;
}

.content{
    margin:auto;
    margin-top:10px;
    margin-left:265px;
    border:solid 1px #bdb9b9;
    border-radius: 7px;
-moz-border-radius: 7px;
    width:570px;
    height:auto;
    text-align:right;

}

.post{
    padding:5px 5px 5px 5px;
    width:auto;
    direction:rtl;
}

.post-data{
    background:#c8c0c0;
    border-radius:5px;
    -moz-border-radius:5px;
    margin:2px 20px 2px 20px;
    padding:0 5px 0 0;
    direction:rtl;
}


#footer{
    width:990px;
    height:70px;
    margin:auto;
    margin-top:20px;
    margin-bottom:10px;
}

#r{ background:url(images/footer.jpg);
width:140px;
height:65px;
float:right;
margin: 2px 5px 2px 0;
border:solid 1px #bdb9b9;
border-radius: 10px;
-moz--radius: 10px;
font-size:12px;
text-align:center;
font-weight:bold;
line-height:20px;
}

#c{
    background:url(images/footer.jpg);
width:570px;
height:65px;
float:right;
margin: 2px 7px 2px 0;
border:solid 1px #bdb9b9;
border-radius: 10px;
-moz--radius: 10px;
font-size:14px;
direction:rtl;
font-weight:bold;
line-height:20px;
}

#l{
    background:url(images/footer.jpg);
width:250px;
height:65px;
float:right;
margin: 2px 7px 2px 5px ;
border:solid 1px #bdb9b9;
border-radius: 10px;
-moz--radius: 10px;
font-size:12px;
text-align:center;
font-weight:bold;
line-height:20px;
}

کد html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>تارنمای دبیرستان مکتب الحسین (ع) تبریز</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="back">

<div id="hed">
<img src="images/maktab.png" width="289" height="85" />
</div>


<div id="down">

<div id="top-mu">

</div>



<div class="right-mu">
  <div class="right-mu-title">
عنوان چپ
</div>
<div class="right-mu-d">
kl
</div>
</div>

<div class="right-mu">
  <div class="right-mu-title">
عنوان چپ
</div>
<div class="right-mu-d">
kl
</div>
</div>

<div class="right-mu">
  <div class="right-mu-title">
عنوان چپ
</div>
<div class="right-mu-d">
kl
</div>
</div>


<div class="left-mu">
<div class="left-mu-title">
عنوان چپ
</div>
<div class="left-mu-d">
kl2
</div>
</div>

<div id="slidshow">
کد اسلاید شو
</div>

<div class="content">
<div class="content-title">
عنولن مطلب
</div>
<div class="post">
test<br />

</div>

<div class="post-data">
salam
</div>
</div>

<div id="footer">
<div id="r">
طراحی و سئو توسط : گروه طراحی پادنت<br/> 'Ehsan AB.P'
</div>

<div id="c">
آدرس مدرسه: تبریز-خیابان ارتش جنوبی<br />
شماره تماس: 0411-5549823
</div>

<div id="l">
تمامی حقوق این تارنما محفوظ و مربوط به دبیرستان مکتب الحسین می باشید
</div>

</div>



</div>

</div>

</body>
</html>

 

[Ehs@n]

کسی نیست یه کمک کوچولو بکنه؟

ید جور گیر اینم

لطفا بگین چی کار کنم

 

[iPersianScript]

.

. ســلام :55:

. این کد نویسی استاندارد نیست! طراحی قالب(سه ستونه) با CSS منظورمه.. :|:|

. بسیار راحت تر از این میتونید این قالب رو ایجاد کنید، البته با کمی تحقیق، مطالعه، دقت، صبر و حوصله..

. من توصیه می کنم از ابتدا و اصولی تر کدنویسی کنید، که این مقاله می تونه مفید باشه و بهتون کمک کنه :26: :

. خود صفحه ایی که در این لینک مشاهده می کنید واسه دانلود قرار داده شده!

.

لینک ها تنها برای اعضای سایت قابل نمایش است.

. و اگر که نه و اصرار به تعمیر! همین قالب فعلی دارید، حداقل از این خاصیت استفاده کنید / :

.

لینک ها تنها برای اعضای سایت قابل نمایش است.

. مـوفق باشیـد :54:

.

 

[armin.m]

خیلی سر در نیاوردم ولی بعد از اتمام div کلی یه دونه <br> بزار امتحان کن ببین میشه یا نه