رفتن به مطلب

سوالاتی در مورد کد های css


پست های پیشنهاد شده

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

اما حالا بریم سراغ مشکل :

من برای هدر سایت یک عکس رو قرار دادم که ریپیت بشه ، به صورتی افقی . همه چیز درسته اما وقتی توی بروزر صفحم رو نگاه می کنم هدر من از بالا و سمت چپ و راست فاصله داره ، با این width:100% هست .

من کد قسمت Header رو اینجا می زارم

ممنون

موفق باشید


#header
{
background:url(images/header.gif) repeat-x ;
background-position:top;
width:100%;
height:120px;

}

لینک به ارسال

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

اما حالا بریم سراغ مشکل :

من برای هدر سایت یک عکس رو قرار دادم که ریپیت بشه ، به صورتی افقی . همه چیز درسته اما وقتی توی بروزر صفحم رو نگاه می کنم هدر من از بالا و سمت چپ و راست فاصله داره ، با این width:100% هست .

من کد قسمت Header رو اینجا می زارم

ممنون

موفق باشید


#header
{
background:url(images/header.gif) repeat-x ;
background-position:top;
width:100%;
height:120px;

}

کد HTML:


<html>
<head>
<title></title>
<link href="style.css" type="text/css" rel="stylesheet"></link>
</head>
<body>
<div id="saeid">
<p>Your Title ...</p>
</div>
</body>
</html>

کد style.css :


#saeid{
background:url(banner.jpg) repeat-x ;

min-height: 100%;
min-width: 100%;
position: fixed;
top: 0;
left: 0;
}

موفق و پیروز باشید.

لینک به ارسال

بسیار ممنون دوست عزیز

یه مشکل دیگه هم بود اون هم اینکه ، من الان مخوام انتهای هدر (ولی تو خود Div هدر ) یه منو قرار بدم وقتی بروز رو ماکسیماز می کنم تو هدر هست منو ولی وقتی که به حالت معمولی برش میگردونم میاد پائین .این مشکل از چیه ممنون

موفق باشید

لینک به ارسال

میخواستم ویرایش کنم ولی این پیغام داد:

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

کدی که گذاشتم با مرور گر IE مشکل داشت که در زیر اصلاح شد.

کد HTML :


<html>
<head>
<title></title>
<link href="style.css" type="text/css" rel="stylesheet"></link>[/right]


</head>
<body>
<img alt="full screen background image" src="banner.jpg" id="full-screen-background-image" />
<div id="wrapper">
<p align="center">Your Text ...</p>
</div>
</body>
</html>

کد style.css :


html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
#full-screen-background-image {
z-index: -999;
min-height: 100%;
min-width: 1024px;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
#wrapper {
position: relative;
width: 800px;
min-height: 400px;
margin: 100px auto;
}

لینک به ارسال

آدرس آنلاین دارید ببینم؟

خیر دوست عزیز افلاین هست، دارم رو HTML ساده اینکارو می کنم ، تمرینی هست عزیز

مشکل همین z-index: -999 هست وقتی پاکش می کنم درست میشه.

کار این z-index: -999 چی هست ؟

لینک به ارسال

یک پوشه درست کنید با 3 تا فایل:

1- عکس بنری با نام banner.jpg

2- یک فایل متنی را باز کنید و کدی که گفتم توش بذارید و با نام a.htm ذخیره کنید

3- مثل شماره 2 با نام style.css

باید چیزی شبیه به سایت زیر بشه:

http://paulmason.nam...ckground-image/

در مورد

z-index:

http://blogers.ir/forum/showthread.php?tid=1143

http://forum.majidonline.com/threads/142612-z-index-%DA%86%DB%8C%D8%B3%D8%AA%D8%9F?p=946644#post946644

ویرایش شده توسط سعید
لینک به ارسال

راستی همیشه در اولین خط استایل


*
{
margin:0;
padding:0;
line-height:1.6em;
}

کاراکتر ستاره جاش درسته؟ و کاربرد این دستوری که گفتید چیه؟

لینک به ارسال

بله .

سلکتور ستاره تمامی المنتهای html رو شامل میشه .

بطور پیشفرض بعضی المنتها مثل p,body در مرورگرهای مختلف یک padding , margin دارند .

با گذاشتن این دستور توی استایل تمامی حالات پیشفرض مرورگها رست میشود .

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

موفق باشید

لینک به ارسال

یک پیشنهاد

همیشه در طراحی از کدهای reset.css استفاده کنید.


http://developer.yahoo.com/yui/reset/
http://www.cssreset.com/

لینک به ارسال

کاراکتر ستاره جاش درسته؟ و کاربرد این دستوری که گفتید چیه؟

ستاره در css یعنی همه و این کد معنیش اینه که همه ی اجزای صفحه در حالت دیفالت فاصله بیرونی و درونیشون صفر باشه و ارتفاع خطوطشون معادل 1.6em

لینک به ارسال

مثل این کد باید فایل reset.css داخل پوشه قالب باشه و داخل تگ هد فراخوانیش کرد؟


<link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/reset.css" type="text/css" media="screen, projection" />

لینک به ارسال

یک پیشنهاد

همیشه در طراحی از کدهای reset.css استفاده کنید.


http://developer.yahoo.com/yui/reset/
http://www.cssreset.com/

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

ممنون

موفق باشید

لینک به ارسال

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

ممنون

موفق باشید

جواب سئوال شما

بله .

سلکتور ستاره تمامی المنتهای html رو شامل میشه .

بطور پیشفرض بعضی المنتها مثل p,body در مرورگرهای مختلف یک padding , margin دارند .

با گذاشتن این دستور توی استایل تمامی حالات پیشفرض مرورگها رست میشود .

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

موفق باشید

لینک به ارسال

مثل این کد باید فایل reset.css داخل پوشه قالب باشه و داخل تگ هد فراخوانیش کرد؟


<link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/reset.css" type="text/css" media="screen, projection" />

بله باید قبل از فایل استایل پوسته فراخوانی بشه.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...