ورود

View Full Version : جا به جایی عناصر صفحه



teymoorei
پنج شنبه 04 اردیبهشت 1393, 23:09 عصر
با سلام

دوستان من یه قالب تمرینی مشابه سایت www.cp.irwebmasters.ir (http://www.cp.irwebmasters.ir) دارم طراحی میکنم ، اما چند سوال کوچیک دارم .

1- چطور لبه ی تگ div رو به لبه بالای مرورگر بچسبونم .

2- من یه کد css3 واسه فونت هام اعمال کردم اما هر کاری میکنم جواب نمیده :

@font-face
{
font-family: myFirstFont;
src: url('font/BYekan.eot');
src: url('font/BYekan.ttf');
src: url('font/BYekan.woff');
}

3- میخوام فاصله ی متن رو تا خط به صورت پیکسلی مشخص کنم که توی تصویر هم مشخصه :

118315

باتشکر

anvar
جمعه 05 اردیبهشت 1393, 09:12 صبح
در یک صفحه معمولی چندین تگ ظرف وجود داره که بصورت والد فرزندی درون هم قرار می گیرند - مثلا html - form - body - و .... اگر margin & padding هر کدام از اینها 0 باشه به والد بالاتر خودش می چسبه (بصورت دستی margin & padding تگ body رو صفر کن تا هیچ فاصله ای با اطرافش نداشته باشه - در این حالت تگ div هم خودش رو به محیط اطراف می چسبونه!)

2 - برای فونت (اگر فونت مثلا BYekan باشه )

@font-face {
font-family: 'BYekan';
src: url('BYekan.eot');
src: url('BYekan.eot?#iefix') format('embedded-opentype'),
url('BYekan.woff') format('woff'),
url('BYekan') format('truetype'),
url('BYekan.svg#BYekan') format('svg');
}

در مسیردهی فولد فونت ها دقت کن - در مثال بالا فایل css که دستورات بالا در آن درج شده اند در کنار فونت ها است - اگر مسیر فونت ها متفاوت است مسیر مورد نظر را اضافه کن

3 - برای متن پائین صفحه : شما متن رو در یک div قرار می دهید و padding این تگ div رو بدلخواه خود مقدار دهی می کنید مثلا Padding:15px یعنی : به اندازه 15 فاصله بین محتویات div و لبه div ایجاد شود و به عبارتی دیگر متن شما که داخل این تگ div قرار دارد به اندازه 15 پیکسل از هر چهار طرف از لبه ها فاصله می گیرد و همان چیزی می شود که شما می خواهید