دکتر مهندس

راهنمایی برای یک مشکل CSS

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

با سلام

من در نسخه فارسی سایت http://mpnet.ir دور بلوکهای نوار کناری چپ و راست یک خط خاکستری رنگ دارم (مثلا دور بلوک مقاله کلیدی) که این خط در نسخه انگلیسی سایت http://en.mpnet.ir حذف شده و باعث زشت شدن سایت شده.

دوستان کسی میتونه کمک کنه این مشکل رو رفع کنم؟

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

با تشکر

0

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


لینک به پست

توی نسخه en به .rightside .box کلاس های بردر رو ندادید


border: 2px solid #C9C9C9;
border-radius: 5px;

ویرایش شده در توسط alivazirinia
2

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


لینک به پست

توی نسخه en به .rightside .box کلاس های بردر رو ندادید


border: 2px solid #C9C9C9;
border-radius: 5px;

عااااااااااالی بود مرسی :wub:

حالا برای قسمت Latest News هم بخوام همین کارو بکنم این کد رو باید کجا بذارم؟

0

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


لینک به پست

کد های زیر کلاس ".briefnews" رو به شکل زیر تغییر بدید,درست میشه.


.briefnews {
float: left;
width: 225px;
background-color: #EFEFEF;
font-size: 11px;
text-align: left;
border: 2px solid #C9C9C9;
border-radius: 5px;
padding-left: 5px;
padding-top: 5px;}

بعد اینکه این کار کنید زیر همون قسمت هم یک بردار دیگه ایجاد میشه که اون مشکل از کدنویسی اشتباه در html شما ایجاد میشه شما زیر همون قسمت دوباره یک div به همین کلاس ایجاد کردید که خالی و چیزی توش نیست اون میتونید پاک کنید تا اون مشکل هم حل بشه

1

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


لینک به پست

کد های زیر کلاس ".briefnews" رو به شکل زیر تغییر بدید,درست میشه.


.briefnews {
float: left;
width: 225px;
background-color: #EFEFEF;
font-size: 11px;
text-align: left;
border: 2px solid #C9C9C9;
border-radius: 5px;
padding-left: 5px;
padding-top: 5px;}

بعد اینکه این کار کنید زیر همون قسمت هم یک بردار دیگه ایجاد میشه که اون مشکل از کدنویسی اشتباه در html شما ایجاد میشه شما زیر همون قسمت دوباره یک div به همین کلاس ایجاد کردید که خالی و چیزی توش نیست اون میتونید پاک کنید تا اون مشکل هم حل بشه

ممنون این کارو کردم درست شد ولی اون مربعی که کنار کلمه Latest News باید بیفته نمیفته هنوز!

http://en.mpnet.ir/

0

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


لینک به پست

برای اون مربع شما باید به شکل زیر عمل کنید.


title:after{
width: 22px;
height: 20px;
background-color: #68B3E3;
background-image: url("images/titlepng.png");
float: left;
margin-right: 10px;
}

بعدش کلاس .briefnews .title هم باید یک ;padding-left:25px بهش اضافه کنید.

پانوشت:چون بنده دسترسی نداشتم نتونستم اندازه ها رو دقیق در بیارم شما خودتون دیگه اندازه هاش رو بالا پایین کنید منظورم کد اولی است که برای ظاهر شدن مربع گذاشتم.

1

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


لینک به پست

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

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

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

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


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

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

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


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