PDA

View Full Version : سوال: افزایش فاصله ها پس از تبدیل به html5


vestaa
دوشنبه 02 بهمن 1391, 03:05 صبح
سلام دوستان
مشکلم اینه که وقتی می خوام یه کد رو به html5 تبدیل کنم و تگ <!doctype html> و <html lang="fa"> رو به صفحه اضافه می کنم، خیلی چیزها به هم می ریزه..
مثلن فاصله های بین خطوط زیاد میشه... علت چی هست به نظرتون؟

به طور مثال اگر من <tr><td height='7px'></td></tr> رو گذاشته باشم که یه فاصله ای به اندازه 7px ایجاد کنه، بعد از تبدیل به html، این فاصله بیشتر میشه.. کسی میدونه مشکل چیه و چیکار باید بکنم تا این اتفاق نیفته؟

ممنون
thacker
دوشنبه 02 بهمن 1391, 15:08 عصر
کد رو به utf-8 بدون BOM تبدیل کنید ... !!!
توی Css هم از Reset استفاده کنید ... فکر کنم درست شه ...
موفق باشید
vestaa
دوشنبه 02 بهمن 1391, 23:37 عصر
BOM رو نمی دونم چی هست و اصلن همچین چیزی ندارم تو کدها...

من اینارو میزارم تو کد:
<!DOCTYPE html>
<html lang=”en”>
<meta charset=”UTF-8”>
<link rel=”stylesheet” href=”style.css”>
کجای Css از Reset استفاده کنم و چطور؟

با سپاس
2undercover
سه شنبه 03 بهمن 1391, 15:28 عصر
CSS Reset چیز خاصی نیست و فقط کد هایی هست که استایل بندی متفاوت مرورگر های مختف رو خنثی می کنه.مثلا ممکنه به طور پیش فرض توی IE مقدار margin برای body 5 پیکسل باشه و توی مرورگر های مختلف فرق بکنه که باعث بهم ریختگی قالب میشه!

برای پیشگیری طراحان معمولا از کد های CSS Reset استفاده می کنن که یک نمونش این هست:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
}
html { height: 101%; } /* always display scrollbars */
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }