آموزش CSS (فصل ششم) : شناور ساختن عناصر و تراز عمودی

- visibility ۱۲ mode_comment

خاصیت Float

 از این خاصیت برای شناور کردن عناصر و قرار دادن آن ها در کنار یکدیگر استفاده می شود و یکی از سه مقدار را می پذیرد :

  • None : مقدار پیشفرض (هیچ)
  • Left : عنصری که این خاصیت برای آن تخصیص یابد در سمت چپ صفحه و یا در سمت چپ عنصر پدر خود قرار خواهد گرفت و عناصر پس از آن نیز در کنار این عنصر شناور خواهند شد.
  • Right : عنصری که این خاصیت برای آن تخصیص یابد در سمت راست صفحه و یا در سمت راست عنصر پدر خود قرار خواهد گرفت و عناصر پس از آن نیز در کنار این عنصر شناور خواهند شد.

خاصیت float برای ایجاد و تنظیم بخش navigation ( منوی سایت ) مناسب است

مثال : (ایجاد بخش منوی بالای سایت با استفاده از float )

کد html :

و کد Css زیر :

نتیجه در مرورگر :

comment دیدگاه کاربران
نیما مهرپویا

با سلام. بنده چند روزه سوالمو توی انجمن پرسیدم و کسی جوابی نداد واز اونجا که شدیدا به پاسخ اون احتیاج داشتم این شد که سوالو اینجا پرسیدم. امیدوارم آقا لقمان منو ببخشن.
برای حذف وبلاگ از سرچ گوگول میبایست این کد را در بین دو تگ head قرار داد ولی متاسفانه در هر سایتی این کدها با یک تغییر کوچیک نوشته شده. خواستم ببینید کدومشون درست ترن.

لقمان آوند

سلام
از دومی استفاده کنید .
عذر می خوام اگه دیر جواب دادیم . این چند روزه من نبودم .

نیما مهرپویا

نمیدونم چرا کدهای انگلیسی توی نظرات پیدا نیست.

لینک دانلود عکسشو اینجا گذاشتم.

http://8pic.ir/images/4pz9jpqovu1jbmotu3vj.jpg

لقمان آوند

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

sadeghlinux

با سلام

یه پیام گذاشته بودم که جوابمو ندادین

نمیشه یه قالب وبلاگ رو بردارین (مثلا میهن بلاگ یا …) و متن قالب رو توضیح بدین ؟ اگه اینکارو بکنین واقعا عالی میشه

لقمان آوند

در آینده اگر وقت شد سعی می کنیم اینکارو انجام بدیم.

saeidsh

سلام
با تشکر
اگر شماره خط های کدهای آموزشی رو تصویری کنید، موقع کپی کردن اونها هم کپی نمی شن و مزاحم نمی شن

لقمان آوند

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

saeidsh

سلام ببخشید کد css زیر در IE6 کار نمی کند، آیا کد جایگزینی هست؟
position: fixed

محمدسینا معراجیان

سوالتون رو توی انجمن مطح کنید اما اینترنت اکسپلورر 6 دیگه اصلا مهم نیستا تو طراحی وب!

حبیب

ببخشید یه سوال دیگه برای اینکه مثلا یه دیو ساختم بعدی زیرش بیاد ونره آخر صفحه چه کار باید کرد

سجاد دریس

سلام.
سوالتون رو واضح تر بگین.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.