یک مشکل در xhtml لطفا راهنمایی بفرمایید

www.nero.ir · Jul 20, 2009

سلام من به تازگی کار با xhtml رو شروع کردم قبلا همه طراحی ها رو با html انجام میدادم یک مشکلی دارم من یک کدی رو نوشتم ولی اون جوری که باید خروجی نمیده شکل نهایی را با html طراحی می کنم عکسش رو میزارم دوستان لطفا من رو راهنمایی بکنید که چه تغییری در این کد بدم که به شکل مورده نظر برسم

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 content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>my test</title>
<style type="text/css">

body{
     text-align: center;    
}

.mian{
    width: 765px;
    margin-left: auto;
    margin-right: auto;
}
.right{
   width: 42px;
   height: 100%;
   float :right;
   background-color:orange;    
}
.left{
   width: 42px;
   height: 100%;
   float :left;
   background-color:orange;
   
}

</style>
</head>

<body>



<div class="mian">
        <div class="right"></div>
        <div class="left"></div>

        
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />

        
</div>
</body>
</html>

شکل مورده نظرم این هستش ولی اصلا در خروجی بخش های نارنجی دیده نمشه ؟
مشکل من فقط در قیمت نارنجی هستش

Mr.Steres · Jul 20, 2009

HTML:

<head>

<style>
body {
	text-align:center;
}
#main {
	background-color:orange;
	width:850px;
	margin:0 auto;	
}
#content {
	width:765px;
	background-color:white;
	margin:0 auto;
}

</style>
</head>

<body>
<div id="main"><div id="content">Test <br/>Test <br/>Test <br/>Test <br/>Test <br/>Test <br/></div></div>
</body>

</html>

echessdesign · Jul 20, 2009

با تشکر از راهنمایی کامل mr.steres
علت نمایش ندادن div این هست که شما می توانید با قرار دادن فاصله در آن   ، مجبور به نمایش محتوا کنید...!

HTML:

        <div class="right">&nbsp;</div>
        <div class="left">&nbsp;</div>

www.nero.ir · Jul 20, 2009

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

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

echessdesign ممنون از جوابتون من فاصله رو اضافه کردم و اون 2 قسمت رو نمایش داد ولی اون شکلی را که عکس رو گذاشتم نمشه
اگر مشیه راهنمایی کنید

Mr.Steres · Jul 20, 2009

با دادن ایمیج به بکگراند میشه این مشکل رو حل کرد ! براتون گذاشتمش :

HTML:

<head>
<style>
body {
	text-align:center;
}
#main {
	margin:o auto;
	background-image:url('http://i30.tinypic.com/2u8yz60.png');
	width:800px;
}
#content {
	width:600px;
	background-color:white;
}

</style>
</head>

<body>
<div id="main"><div id="content">Test <br/>Test <br/>Test <br/>Test <br/>Test <br/></div></div>
</body>

</html>

www.nero.ir · Jul 20, 2009

سلام خیلی ممنونم که وقت گذاشتید این کد رو نوشتید

اساتدید css آیا راه دیگری برای انجام این کار وجود نداره یک راه حسابی که با کمترین کد بشه این کار رو انجام داد؟