np.1400

جدایی پست از ستون

11 پست در این موضوع قرار دارد

سلام

من آموزش css رو شروع کردم ولی تا اون موقع نمیتونم صبر کنم.

الان اگه دقت کنید تو سایتم همه زمینه ها سفیده و هیچ کدوم از هم جدا نشدن.

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

مثل این

post-1392-0-13709000-1360675502_thumb.jp

ممنون میشم اگه راهنمایی کنید.

0

به اشتراک گذاری این پست


لینک به پست

شما باید از خاصیت border استفاده کنید مانند اینجا


border: 1px solid #000000;

1px : عرض حاشیه

solid : نوع حاشیه که می تواند dotted ,dashed و .. هم باشد

#000000 : رنگ حاشیه

4

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

از خاصیت های


margin: 1px solird your color;
padding: 1px;

هم میتونید استفاده کنید

margin: فاصله ای بین border و جزء مجاور

padding : فاصله ای بین content و border

ویرایش شده در توسط m!lad
2

به اشتراک گذاری این پست


لینک به پست

ممنون از اینکه زحمت مرحله 2 و 3 رو کشیدید.

اما مرحله یک اینه که نتونستم تو استایل ، پیدا کنم

رنگ یه بخش رو عوض کردم ولی کل زمینه وسط عوض شد.

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

0

به اشتراک گذاری این پست


لینک به پست

آدرس سایت همینی هست که توی امضا قرار دادید؟

1

به اشتراک گذاری این پست


لینک به پست

بله همینه

0

به اشتراک گذاری این پست


لینک به پست

ممنون

استایلم اینه

style.css

0

به اشتراک گذاری این پست


لینک به پست

پیداش کردم

فقط چرا خط زیر هر پست رو نمیکشه؟

فقط چپ و راست و بالا میکشه

ممنون

0

به اشتراک گذاری این پست


لینک به پست

اگر دموی آنلاین دارید بزارید وگرنه کد استایل اون بخش رو بزارید تا بررسی کنیم.

1

به اشتراک گذاری این پست


لینک به پست

ممنون

كدش اينه


post {
background: none repeat scroll 0 0 #EEEEEE;
border: 2px solid #990000;
margin: 2px solird your color;
padding: 5px;
border-bottom: 0 none;
margin-bottom: 15px;
}

مقدار border رو 2 دادم با رنگ قهوه اي

ديروز border پايين هر پست رو نميكشيد

امروز هيچ كادري نميكشه كلن.

الان تو امضام هست.

0

به اشتراک گذاری این پست


لینک به پست

تست کنید


.post {
background: none repeat scroll 0 0 #EEEEEE;
border: 2px solid #990000;
margin: 2px solird your color;
padding: 5px;
margin-bottom: 15px;
}

این خط حذف شد:

border-bottom: 0 none;

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری