مشکب فاصله

[kiarash.M]

سلام ؛
بالاخره گذر ما هم به این انجمن افتاد .. یک مشکلی بود از دیر باز یقه ما را گرفته بود ..
ایجاد فاصله خالی در HTML که بعضی مواقع دیدم که فقط در IE کار میکنه و در مرورگر های دیگه جواب نمید ..

برای مثال من یک منو با sothink ساخته ام می خوام یا margin یا یه چیزه دیگه که بشه ، تیتر منو ها رو جاجا کرد توش بدم .. ولی توی FF جواب نمیده
ممنون میشم این مشکل کلی رو با هم بحث کنیم و هموار کنیم ..

پ.ن : این همون منو ؛ save کنید و sours را ببنید :
http://www.hanza-arya.com/farsi/HM__.html

 

[Cyletech]

میشه دقیقا بگی چی رو میخوای تغییر بدی؟

در ضمن کمی توضیح از margin و padding بهت میدم و خودت انجام بده.

padding
padding-top : فاصله از بالا
padding-right: فاصله از راست
padding-bottom: فاصله از پایین
padding-left: فاصله از چپ
padding: Xpx Xpx Xpx Xpx: به ترتیب فاصله از بالا، راست، پایین و چپ

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

margin

margin-top: فاصله از بالا
margin-right: فاصله از راست
margin-bottom: فاصله از پایین
margin-left: فاصله از چپ
margin: Xpx Xpx Xpx Xpx: به ترتیب فاصله از بالا، راست، پایین و چپ

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

 

[kiarash.M]

تشکز از زحمت شما ولی من با syntax ائه css مشکل ندارم ..

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

 

[Cyletech]

اها فهمیدم. بله درسته کدتون توی FF خوب کار نمی کنه یعنی اون fade موقع باز شدن منو رو نداره! خوب من که فکر نکنم بتونم کمکتون کنم اما مطمئنا از اینه که کدتون رو برای IE نوشتید. مثلا نحوه نوشتن opacity توی FF اینطوریه opacity: Xpx و در IE اینطوری filter:alfa(opacity:Xpx( هست و برای اینکه به مشکل نخوریم باید هر دو رو وارد کنیم.

 

[E-Boy]

تشکز از زحمت شما ولی من با syntax ائه css مشکل ندارم ..

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

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

 

[DANG3R]

سلام
ببخشید
کیارش جان فاصله خالی دقیقاً کجا ؟

بعد شما می خواید حالت Fade داشته باشه ؟ توی IE تست کردم داشت ! توی کروم و FF نداشت ! خب از یکی از کدهای جی کوئری که آماده اش هم هست + آموزشش و توی همه مرورگرها کار کنه استفاده کنید. که قاعدتاً توی FF , Chrome , Safari , ... جواب بده.

 

[kiarash.M]

نه fade نه!! دقت کنید منو هایی که 2 خطی میشن .. نوشته می افته روی آیکون .. ( فقط تو FF ) .. فید مهم نیست اصلا ..

 

[Cyletech]

کیارش جان خوب کدت رو اشتباه نوشتی! تو اومدی اندازه منو های باز شو رو همون اندازه عناوین انتخاب کردی. اینطوری بایدم به اندازه اونا باز بشه. باید کمی بزرگترش کنی تا وقتی دو خطی میشه روی عکس نره! اگه هم فاصله بدی سه خطی میشه :d

 

[kiarash.M]

خودم با <br/> دو خطی میکنما ..
تو IE میشه .. الان اینججا چی کار باید کنم ؟! این کد من نیست خود sothik اومده genetrate کرده ..

 

[DANG3R]

نظرت با اینکه وسط چینشون کنی چیه ؟

text-align:center

البته تو کلاس یا آی دی خودش !

بنده تو فایرباگ یه امتحان کردم بد نشد.

 

[Cyletech]

من با این نرم افزار کار نکردم! ببین حالا تنظیماتی نداره تو برنامش؟

 

[Cyletech]

نه من توصیه می کنم اصلا به این چیزا فکر نکنید. اینقدر بگردید تا همون چیزی که میخواید بشه! هم یاد میگیرید و هم کارتون قشنگ تر میشه.

 

[kiarash.M]

تشکز از همه باید ببینم چی مشه مرسی ..

 

[k2-4u]

همون طور که دوستمون گفت . دستور opacity
که محو می کنه
در مروگر ها متفاوته
http://brainerror.net/scripts/javascript/blendtrans/
اینجا یه مدل cross browser هست

تا اونجا که من می دونم margin و padding با مرورگر ها مشکل نداره
من پیشنهاد می کنم به جای &nbsp;
اگر نمی تونین با margin کنار بیاین
عنصر پدر همون جای که منو درش هست رو psoition:relative کنید
بعد متن داخلش رو موقیت مطلق بدین position:absolute

با این حساب مشکل 100% حله

 

[Cyletech]

جناب k2-4u عزیز، لطفا تمامی پست های ارسال شده رو بخونید تا ارسالی در تاپیکی به اشتباه ارسال نشه! با عرض معذرت البته
قبلا صحبت شد با دوستمون و جوابی هم که دریافت کردیم، این بود که: "برنامه sothink خودش کاراش رو می کنه"

 

[DANG3R]

FireBug یک افزون فایرفاکس هست که شما می تونید با اون هر چیزی خواستید رو چه به HTML , javascript , DOM , CSS و برای PHP فکر کنم
FirePHP هست و کلاً همه چی تغییر بدید و اون تغییر رو همون لحظه مشاهده کنید ولی تغییر به صورت اصلی صورت نمی گیره و فقط برای دیدن و تست کردن ، اگه نتیجه مطلوب بود می تونید فایلتونو باز کنید و ویرایشش کنید

موفق باشید.

 

[Amir_Web]

سلام به جای <br/> از <br> استفاده کن یعنی / رو بردار . شاید تو ff درست بشه.

 

[Cyletech]

سلام به جای <br/> از <br> استفاده کن یعنی / رو بردار . شاید تو ff درست بشه.

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

ببینید در HTML خوب چون خیلی سادست، نیازی نداره تگ های دانه ای رو ببینید اما در XHTML نیازه! ولی من پیشنهاد می کنم از <br /> حتما استفاده کنید و این هم بدونید که هیج ربطی نداره!

 

[kiarash.M]

مرسی که کمک میکنید ..

 

[Cyletech]

وظیفست قربان