Css / Dom

hidensoft

Member
سلام
من یک فرم ارسال دارم. دوتا عکس بالای این فرم هست
یکی برای نشان دادن فرم .. یکی برای مخفی کردن فرم
من اومدم با استفاده از متد visibility در CSS فرم رو مخفی کردم. یه تابع JS ساختم که اون فرم رو نشون می ده یا مخفی می کنه .
یه مشکل هست اینجا .. اونم اینه که فرم فقط مخفی می شه ولی اون فضا رو اشغال کرده. می خوام یه طوری بدون تغییر دادن طول عرض فرم می شه با یه روشی اون حجم اشغالی رو هم از بین برد ؟
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
خصیصه visibility برای زمانی استفاده می شود که شما قصد دارید تنها یک عنصر رو ظاهرا مخفی کنید اما موقعیت آن در صفحه حفظ می شود.
در صورتی که قصد دارید علاوه بر مخفی کردن یک عنر، ار نظر فیزیکی نیز از صفحه حضف کنید، باید از خصیصه display استفاده کنید که می توانید مقدار آن را برابر none قرار دهید:
display:none
پاینده باشید.
 
براي برگردوندنش ميتونين از display : inline استفاده کنين.
فکر کنم این اشتباه باشه
inline خودش یه کاره دیگه انجام میده و ممکنه ترکیب صفحه رو بهم بزنه
وقتی یه المانی خاصیت inline میگیره باعث میشه تا المان بعدی و قبلی در صورت امکان بهش بچسبند مثل تگ span یا a که در حالت عادی خاصیت inline دارند
ایشون باید مقدار display رو برابر inherit قرار بدند

مثلا این کد رو ببیند
div در سه حالت مختلف
HTML:
<img  width="32" height="32">
<div>Normal Div</div>
<hr>
<img  width="32" height="32">
<div style="display:inline">Display=inline</div>
<hr>
<img  width="32" height="32">
<div style="display:inherit">Display=inherit</div>
 

hidensoft

Member
سلام
مشکل با block حل شد . از تمام دوستان بخاطر اینکه وقت گذاشتند و اطلاعاتشون رو در اختیار من قرار دادند .. ممنونم .

با آرزوی موفقیت برای شما
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
محسن جان اطلاعات کامل رو فرمودند، Hidensoft جان احتمالا شما می خواستین عناصر به حالت Block Lever نمایش داده شوند (زیر هم)...
پاینده باشید.
 

جدیدترین ارسال ها

بالا