سلام
سوالم خیلی خیلی خیلی ابتدایی ولی خواهشا کمک کنید تا بتونم یاد بگیرم
من اینو نوشتم:
<html>
<title> web </title>
<style>
.windo{
background-repeat:no-repeat;
position:static;
height:100%;
width:100%;
}
</style>
<body>
<div id="menu" style="">
menu
</div>
<div id="win1" class="windo" style="background:url(A.jpg);">
win1
</div>
<div id="win2" class="windo" style="background:url(B.jpg);">
win2
</div>
<div id="win3" class="windo" style="background:url(C.jpg);position:static;">
win3
</div>
<div id="win4" class="windo" style="background:url(D.jpg); ">
win4
</div>
</body>
</html>
اما background-repeat:no-repeat; برای کلاس ویندو جواب نمیده. یعنی تصاویرم ریپیت میشند. چرا؟
البته وقتی no-repeat رو درون استایل هر کدوم از دیو ها قرار میدم درست میشه ولی چرا تو استایل کلی جواب نمیده؟
پاسخ با نقل قول
نوشته شده توسط masoud_pnu
ولی واقعیتش اینه که بله.یه مقدار باید دستتون تو HTML و خصوصا استایل دهی به اون یعنی CSS روون تر بشه.چون حقیقتااینجور طراحی یه مقدار وقت زیادتری می بره و زده می شید.
.آقا جان،قالب شما خوبه.ولی به سلیقه شخص بنده(البته جسارت نمیکنم،نظر بنده اس که قطعا خالی از اشکال نیس) این قالب هدفش طراحی full width هست.یه سایت full width هم امروزه معمولا بصورت ریسپانسیو طراحی میشه.بنده نوعی ترجیح میدم وقتی طراحی سایتی رو ریسپانسیو انجام میدم،از طراحی تخت(یا flat) استفاده کنم.حالا طراحی فلت چه ویژگی هایی داره؟اولیش اینه که المان ها تا حد امکان ساده هستن.مثلا در این دیدگاه،شما رنگ گرادیان نداری.رنگ بصورت solid استفاده میشه.یا اینکه مثلا هر المان درنهایت سادگی رعایت میشه.یعنی استفاده از اشکال اصلی مثل دایره و مربع و...
و فقط الان کیس تمرینیم رو اون سایت گذاشتم... همین
