• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

34922 ۲۰ آذر ۹۱
1 2 3

خاصیت Float

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

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

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

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

کد html :

و کد Css زیر :

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

1 2 3
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 12 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    نیما مهرپویا(۲۳ آذر ۱۳۹۱)

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

    • ‏‏
      لقمان آوند(۲۴ آذر ۱۳۹۱)

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

  • ‏‏
    نیما مهرپویا(۲۳ آذر ۱۳۹۱)

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

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

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

    • ‏‏
      لقمان آوند(۲۴ آذر ۱۳۹۱)

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

  • ‏‏
    sadeghlinux(۸ دی ۱۳۹۱)

    با سلام

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

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

    • ‏‏
      لقمان آوند(۹ دی ۱۳۹۱)

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

  • ‏‏
    saeidsh(۹ دی ۱۳۹۱)

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

    • ‏‏
      لقمان آوند(۹ دی ۱۳۹۱)

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

  • ‏‏
    saeidsh(۹ دی ۱۳۹۱)

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

    • ‏‏
      محمدسینا معراجیان(۹ دی ۱۳۹۱)

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

  • ‏‏
    حبیب(۲۹ دی ۱۳۹۱)

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

    • ‏‏
      سجاد دریس(۳۰ دی ۱۳۹۱)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram