بازدید: ۴٩

تنظیم پهنای ناحیه صفحه بندی (آموزش HTML & CSS)

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

 

1- در فایل format.css خصوصیت float:left را به ناحیه Links اضافه کنید:

 

خصوصیت float:left

 

2- حال پهنای ناحیه Links را بر روی اندازه 200 پیکسل تنظیم کنید:

 

پهنای ناحیه link

 

3- حاشیه سمت چپ ناحیه Content را بر روی 220 پیکسل تنظیم کنید:

 

ناحیه content

 

در شیوه نامه ها، می توانید اندازه ها را بصورتی مختصر بنویسید. بعنوان مثال به جای اینکه تک تک اندازه ها را بصورت جداگانه مشخص کنید:

 

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

 

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

 

نوشتن شیوه نامه به ترتیب عقربه های ساعت

 

4- فایل format.css را ذخیره کنید.

5- مجددا فایل index.html را در مرورگر بارگذاری کنید. باید شبیه به شکل زیر به نظر برسد:

 

بارگذاری مجدد فایل ایندکس

 

خصوصیت float:left ناحیه links را به سمت چپ هل می دهد و این امکان را به ناحیه Content می دهد تا در کنار آن قرار بگیرد.

حاشیه 220 پیکسلی سمت چپ ناحیه Content این امکان را فراهم می آورد تا پهنای 200 پیکسلی ناحیه links را به خوبی نشان دهد.

 

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

طراحی سایت و سئو توسط ضابط