بهم خوردن بعضی استایلها

[goldenfont 39]

سلام

استایلها بهم ریخته و سایت کلا همچیش رفته یکم سمت راست ، مشکل از چیه ؟

چطور رفعش کنم ؟

http://hotskin.xzn.ir/

[Farid 2281]

سلام

دوست عزیز قالب به هم ریختگی های زیادی داره ، من چندتاشو کمکتون میکنم ، برای مثال برای حل مشکل آیکن شبکه های اجتماعی که رفته روی هم در فایل استایل اینو پیدا کنید :

.soc_links>li

بهش این کد رو اضافه کنید :

margin-right:15px;

برای راست چین شدن منوی پایین اسلایدر ، این کد رو پیدا کنید :

.sf-menu li

بهش اضافه کنید :

float:right;

بعد از اون این کد رو پیدا کنید :

nav

بهش این کد که داده شده رو حذف کنید :

margin-right:-240px;

به جاش اینو بدید :

margin-right:240px;

[goldenfont 39]

ممنون

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

منو انگلیسی باید باشه

بخاطر همین چپ چینه

مشکل من بادیه که اسکرول افقی خورده

ممنون میشم کمک کنید اون رو رفع کنم

[Farid 2281]

در body به جای :

overflow:hidden;

این کد رو بذارید :

overflow:hidden !important;

[goldenfont 39]

فرقی نکرد

[Farid 2281]

ببخشید ، من یه فاصله بین کلمات اضافه زدم ، فکر کنم ، اینو تست کنید :

overflow:hidden!important;

[goldenfont 39]

اینطوری اسکرول افقی و عمودی جفتش حذف میشه

و فقط بالای سایت معلوم میشه

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

[Farid 2281]

overflow-x:hidden!important;

[goldenfont 39]

یه مشکل دیگش هم دایره هایی که تو منو ظاهر شدنه

چطوری حذفشون کنم ؟

[goldenfont 39]

ممنون

الان اسکرول افقی رفتش

ولی سمت چپ سایت یکم سفیده

چیکارش کنم تا بره اونورتر ؟

فک کنم بره سمت چپ تر دیگه نیازی به

overflow-x:hidden!important;

نباشه

[Farid 2281]

اون مشکل سفید بودن مربوط به این کد نیست .....

برای اینکه دایره ها بره به این

nav ul.sf-menu {
}

این خاصیت رو اضافه کنید :

list-style-type:none;

ویرایش شده مرداد 92 توسط Farid

[goldenfont 39]

!

بادی باید قبل از هد بیاد ؟!!

[Farid 2281]

عذر میخوام .... html قبل از هد ..... روزه ام ، خودم نفهمیدم چی گفتم !

[goldenfont 39]

خواهش میکنم

ولی آخه خب قبل head

<html lang="en">

اومده که

[Farid 2281]

بله ... درسته ... دیگه وقتی از 8 صبح تو کلی کد نگاه کنی ، همه چی رو قاطی می بینی !!

.

.

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

[goldenfont 39]

ممنون

دوستان دیگه میدونید مشکل از چیه ؟

[Farid 2281]

من الان باز قالبت رو نگاه کردم ، مثه اینکه مشکل حل شده

[goldenfont 39]

درسته درستش کردم باید به بادی مارجین 0 میدادیم

خب الان یه مشکل دیگه دارم :

http://hotskin.xzn.ir/?p=93

به باکس مشکی چه overflow ای بدم که وقتی متن زیاد میشه اسکرول بخوره صفه بره پایین ؟

الان نصف متنی که داخلش هست رفته زیر فوتر

[Farid 2281]

خب ببنید شما چون کدهای ریست اول فایل فایل استایل نداشتید مجبور شدید به بادی margin:0 بدید ... چون کدهای ریست اگه بود این کد لازم نبود ... در ضمن شما دارید در کد نویسی اشتباه پیش میرید !!! اگه درست کدنویسی انجام شده باشه ، خیلی کم پیش میاد ، اونم یک بار از کد overflow استفاده بشه ... شما باید باکس رو طوری طراحی کنید که این کد لازم نباشه ...

[goldenfont 39]

خب الان باکس چه مشکلی داره استایلش کهاین کد لازم شده ؟

[اشکان 1989]

تذکر : اول کدهای توی استایلتون رو کپی کنید توی یه فایل text بعد کد زیر رو جایگزین کنید ببینید مشکلتون حل میشه؟؟

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

به لینک زیر برید

http://jsfiddle.net/qMYPu/

اول کد رو جایگزین کنید و ctrl+f5 بزنید ببینید مشکل حل میشه

زیادی هم از overflow استفاده نکنید کل قالب رو به هم ریختید.

ویرایش شده مرداد 92 توسط اشکان

[goldenfont 39]

ممنون ، خیلی لطف کردید ولی همچی بهم ریخت

حتی اسلایدر هم غیب شد

[Farid 2281]

ببینید شما خیلی بد کدنویسی کردین !! دو تا باکس داخل هم گذاشتید ! فقط هم که از overflow استفاده کردید !! ...... ببینید شما باید به باکسی که طراحی کردید طول و عرض کمتری بدید ... فونت ها رو ریز تر کنید ، بعد اگه دیدید داخل باکس جا کم هست ، از padding استفاده کنید ... در ضمن برای این که جملات زیر هم بیاد نیاز به استفاده مکرر از تگ p نیس ... شما میتونید خیلی راحت با ulو li این کار رو انجام بدید

[اشکان 1989]

شما خودتون از firebog استفاده کنید و استایلتون رو درست کنید.

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

[goldenfont 39]

این افزونه رو دارم

با استفاده از همون تا اینجاش رو درست کردم

تنها مشکلش الان اینه که یه تی اضافه بشه به box2 که وقتی متن زیاد میشه ارتفاعش زیاد بشه ارتفاع بادی هم زیاد بشه

همین

ممنون میشم کمک کنید تا این مشک رفع بشه