مشگل در نمایش تگ های div

Mds · Jan 4, 2008

سلام به بچه های حرفه ای
چرا کد زیر قاطی پاتی هست ، چون تو css ایراد داره اینجا پرسیدم

من میخوام همه منوها بیان سمت راست و بالا درست زیر هدر
و همه content ها هم سمت چپ زیر هدر
اما هر کاری میکنم درست نمیشه

ممنون میشم جوابم رو بدین :

کد:

<!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>Test</title>
<style type="text/css">
<!--
body,td,th {
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
}
body {
    background-color: #ECE9D8;
}
a:link {
    color: #0000CC;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #0000CC;
}
a:hover {
    background-color:#FFFFCC;
    text-decoration: none;
    color: #0033FF;
}
a:active {
    text-decoration: none;
    color: #0033FF;
}
/*********************/
#Header {
    background-color: #CC6600;
}
#Content {
    background-color: #FFFF00;
    float: left;
    width: 70%;
}
#Menu {
    background-color: #FF0000;
    float: right;
    width: 30%;
}
#Footer {
    background-color: #FFCC00;
    clear: both;
}
-->
</style>
</head>

<body>


<div id="Header">Header</div>
<div id="Content">Content</div>
<div id="Content">Content</div>
<div id="Content">Content</div>
<div id="Content">Content</div>
<div id="Menu">Menu</div>
<div id="Menu">Menu</div>
<div id="Menu">Menu</div>
<div id="Menu">Menu</div>
<div id="Footer">Footer</div>


</body>
</html>

echessdesign · Jan 4, 2008

ارادتمندم دوست عزیز
طبق قوانین w3c، شما نمی توانید بیش از 1 المان Block Lever را در صقحه تکرار کنید. در نتیجه فقط می توایند از یک Content و Menu استفاده فرمایید.
پاینده باشید.

Mds · Jan 4, 2008

پس من برای اینکه یه چیزی شیبه به کد بالا داشته باشم چی کار باید کنم

echessdesign · Jan 5, 2008

درود بر شما
شما باید یک Block Lever تعریف کنید و در آن می توانید بی نهایت Inline Lever تعریف کنید...

the-MA · Jan 5, 2008

سلام

سلام.
با تشکر از توضیحات دقیق دوست خوبمون آقای echessdesign در مورد تگ DOCTYPE

مشکل شما ربطی به این تگ نداره و مشکل شما در حقیقت امر ربطی به تگ css هم نداره !!
مشکل شما فقط یه نکته ی خیلی خیلی سادس : ؟؟! :neutral:

شما نباید همه ی تگ های content رو پشت سر هم و همه ی تگ های menu رو پشت سر هم قرار بدید.
توجه کنید که شما برای تگ های div خود خاصیت float رو تعریف کرید و میخواهید در هر خط یک تگ
div.content و یک تگ div.menu داشته باشید.

پس بعد از نوشتن یک تگ div.content باید یک تگ div.menu داشته باشید :

<div id="Header">Header</div>
<div id="Content">Content</div>
<div id="Menu">Menu</div>
<div id="Content">Content</div>
<div id="Menu">Menu</div>
<div id="Content">Content</div>
<div id="Menu">Menu</div>
<div id="Content">Content</div>
<div id="Menu">Menu</div>
<div id="Footer">Footer</div>

بقیه قسمت ها هم مشکلی نداره ...!!!

راستی فراموش نکنم بگم دوست جان مهربان اگه برای تگی طول تعرفی کردید سعی کنید
برای بقیه تگ ها هم طول رو تعریف کنید.
منظورم تعریف طول برای تگ div.header هستش
موفق باشی عزیزم.

( در پیوست فایل نمونه رو قرار دادم )

Mds · Jan 6, 2008

echessdesign جون ممنون
اما می شه شما هم یه نمونه بذارید
ممنون میشم

mohseni12345 · Jan 6, 2008

سلام.
با تشکر از توضیحات دقیق دوست خوبمون آقای echessdesign در مورد تگ DOCTYPE

مشکل شما ربطی به این تگ نداره و مشکل شما در حقیقت امر ربطی به تگ css هم نداره !!
مشکل شما فقط یه نکته ی خیلی خیلی سادس : ؟؟!

اقای مهربون
نظر دادن ایرادی نداره ولی برای نفی حرف بقیه باید اطلاعات کافی داشته باشی.جواب جنابechessdesign درسته و هیچ جواب دیگه ای نداره . این کدی هم که شما گذاشتی اشتباهه

echessdesign جون ممنون
اما می شه شما هم یه نمونه بذارید
ممنون میشم

نیازی به کد ایشون نیست شما توی کد خودت بجای ID بزارCLASS و توی قسمت css به جای # نقطه یا همون . رو بزار

اینجوری

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>Test</title>
<style type="text/css">
<!--
body,td,th {
    font-family: Tahoma;
    font-size: 12px;
    color: #000;
}
body {
    background-color: #ECE9D8;
}
a:link {
    color: #00C;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #00C;
}
a:hover {
    background-color:#FFC;
    text-decoration: none;
    color: #03F;
}
a:active {
    text-decoration: none;
    color: #03F;
}
/*********************/
.Header {
    background-color: #C60;
}
.Content {
    background-color: #FF0;
    float: left;
    wclassth: 70%;
}
.Menu {
    background-color: #F00;
    float: right;
    wclassth: 30%;
}
.Footer {
    background-color: #FC0;
    clear: both;
}
-->
</style>
</head>

<body>


<div class="Header">Header</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Footer">Footer</div>


</body>
</html>

Mds · Jan 7, 2008

ممنون از جوا بتون
اما # با . چه فرقی می کنه :cry:

ببخشید سوال های مبتدی می کنم :cry:

mohseni12345 · Jan 7, 2008

توی css وقتی بخواند به بیشترا از یک المان خصوصیاتی بدند از class استفاده می کنند . مثل همین menu & content که در کد شما هست . و هروقت بخواند فقط به یک المان یه خصوصیاتی رو بدند از id استفاده می کنند . مثل footer & header در کد شما.البته میشه به جای id از class استفاده کرد (مثل کدی که من گذاشتم) ولی نمیشه از id به جای class استفاده کرد.
کلاس باعث میشه از نوشتن کدهای تکراری جلوگیری بشه.البته باید ایدی و کلاس در جای خودشون استفاده بشند. فقط باید تمرین کنی و کدهای بقیه ی سایت ها رو ببینی.(البته سایتهای بدرد بخور)

کلاس

HTML:

.Menu {
    background-color: #F00;
    float: right;
    wclassth: 30%;
}
***************
<div class="Header">Header</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Footer">Footer</div>

ایدی

HTML:

#Header {
    background-color: #C60;
}
.Content {
    background-color: #FF0;
    float: left;
    wclassth: 70%;
}
.Menu {
    background-color: #F00;
    float: right;
    wclassth: 30%;
}
#Footer {
    background-color: #FC0;
    clear: both;
}
*************************
<div id="Header">Header</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Content">Content</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div class="Menu">Menu</div>
<div id="Footer">Footer</div>

Mds · Jan 8, 2008

mohseni12345 جان ممنون از پاسخت
اما من کد شما رو امتحان کردم #7
باز هم مثل قبل هست :-?

در هر حال من بالاخره تونستم با راهنمایی های شما قالب وب لاگم رو با div طراحی کنم
ممنون میشم ببینید و نظر خودتون رو بگید

http://mds-soft.persianblog.ir/

the-MA · Jan 8, 2008

mohseni12345 گفت:
اقای مهربون
نظر دادن ایرادی نداره ولی برای نفی حرف بقیه باید اطلاعات کافی داشته باشی.جواب جنابechessdesign درسته و هیچ جواب دیگه ای نداره . این کدی هم که شما گذاشتی اشتباهه

سلام

پسر جان یه زحمتی میکشیدی و کدهای منو امتحان می کردی و بعدا میفهمیدی که کدی که من دادم خرابه یا کد شما ...

در مورد آی دی و کلاس ها حرفت درست که البته جناب Mds هیچ سوالی درباره اونها نکردن و البته منم جوابی ندادم.

در ضمن پسر جان یه کم حول نباش.
وقتی میخوای پست بزنی از درستی پستت مطمئن باش.

لحن صحبت من با جناب echessdesign فکر نکنم بد بوده که اگرم بد بوده من خودم ازشون معذرت میخوام. :cry:

به چند دلیل :

از جناب echessdesign از روزی که اومدم توی مجید آنلاین چیزای زیادی یاد گرفتم و تقریبا همشون اطلاعات دقیق بودن.

دوما جناب echessdesign خودشون از حرف من گله نکردن که شما اینطور برخورد کردی. :neutral:

سوما بالفرض مثال که کار من زشت.شما باید با طرف داری از یه نفر میون دو نفر رو خراب تر کنی تا خودت خوب جلوه کنی ؟؟؟ :shock:

نه دوست من.

نه کدهات درست بود و نه حرفات.

خواهش میکنم در پست زدن دقت بیشتری کن !

Mds · Jan 8, 2008

با سلام
بچه ها خواهشا دعوا نکنید ، جواب من رو بدید

mohseni12345 · Jan 8, 2008

دوست من این خاله زنک بازیا

چیه در میاری؟
اینجا یه فروم کامپیوتریه و جای کل انداختن و ضایع کردن بقیه نیست که من بخوام با شما بد حرف بزنم یا خوب.

من نگفتم کد من اون چیزیه که ایشون می خواستند. من کد درست رو گذاشتم و ایرادای ایشون رو گفتم.حالا ایشون بره و کدهاشو اینجوری طراحی کنه تا درست بشه.

در ضمن کد شما ایراد داره بازم میگم. درسته که اون چیزیه که اقای mds می خواستند ولی بازم ایراد داره.

یه چیز دیگه من این حرفی که زدم با لحن مهربانانه بود اگه می خواستم با شما بد حرف بزنم جور دیگه ای حرف میزدم که دیگه اینورا پیدات نشه.
حالا هم خواهش می کنم این بحث خاله زنکی رو تمومش کن

اقای mds وبلاگتون توی ie6 ایرا داره عکسشو پیوست کردم
شما به div منو width ندادی و برای content هم width زیادی تعریف کردی کوچکترش کن تا مشکلت حل بشه.
توی تگ body هم اومدی style تعریف کردی که اینم ایراد داره درستش کن.
برای اولین بار کارت خوبه .فقط تمرین کن.