رفتن به مطلب
دکتر مهندس

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

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

با سلام

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

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

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

با تشکر

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


لینک به ارسال

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


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

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

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


لینک به ارسال

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


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

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

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

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


لینک به ارسال

کد های زیر کلاس ".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 به همین کلاس ایجاد کردید که خالی و چیزی توش نیست اون میتونید پاک کنید تا اون مشکل هم حل بشه

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


لینک به ارسال

کد های زیر کلاس ".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/

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


لینک به ارسال

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


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 بهش اضافه کنید.

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


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