فضای بین هیدر و منو !

L-B · Sep 25, 2009

سلام دوستان عزیز طی طراحی قالب فضایی الان بین هیدر و منویی که گزاشتم ایجاد شده و هر کاری میکنم بر طرف نمیشه!
تو عکس ببنید

طرح چوب بالا هیدر است و منو هم که معلومه .. اون سفیده رو میخوام از بین ببرم ولی هر کاری کردم نشد !
و این اینکه یک فاصله کوچیکی که با پایین و منو های پایین هم هست رو میخوام از بین ببرم ..
واینم کد !

PHP:

#header {
	height: 233px;
	background:#ffffff url('header.gif') no-repeat;
    margin-right:0px;
	margin-bottom:0px;
}
.
.
.

#menu {
	margin:0px 0px 40px;
	float:right;
	width:221px;
	text-align:center;
	font-family: Tahoma;
	font-size: 8pt;
	color:#000000;
	margin-top:0px;
	margin-right:0px;
}
	div#nav {
	background-color:#333333;
	direction:rtl;
	margin:0px 0px 0px;
}
div#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.0em
	direction:rtl;
}
div#nav ul li {
	display:inline;
	float:center;
	margin:5px;
	direction:rtl;
}
div#nav ul li a {
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	float:right;
	padding:5px 10px;
	direction:rtl;
}
div#nav ul li a.selected, div#nav ul li a.selected:hover {
	background-color:#666666;
	direction:rtl;
}
div#nav ul li a:hover {
	background-color:#151515;
	direction:rtl;
}
#menu2 {
	margin:0px 0px 40px;
	float:left;
	width:170px;
	text-align:center;
	font-family: Tahoma;
	font-size: 8pt;
	color:#000000;
	margin-left:5px;
}

PHP:

<div id="header"></div>
<div id="nav">
		<ul>
			<li><a href="file:///C:/Documents%20and%20Settings/01/Desktop/Temp/Cinema/index.htm" class="link" title="home page">خانه</a></li>
			<li><a href="link.html" title="link">لینک</a></li>
			<li><a href="link.html" title="link">لینک</a></li>
			<li><a href="link.html" title="link">لینک</a></li>
			<li><a href="link.html" title="link">لینک</a></li>
            <li><a href="link.html" title="link">لینک</a></li>
			<li><a href="link.html" title="link">لینک</a></li>


	  </ul>
		<br class="clear" />
	</div>
  <table width="100%"  cellpadding="0" cellspacing="0" id="container">
  <tr>
<td width="100%" valign="top">
<div id="content">
   <div id="main">

میخوام این فاصله به خیلی خیلی صفر برسه که این جدایی مهرز و اشکار نباشه !
ممنون !
منتظر جوابتون هستم

با تشکر

L-B · Sep 26, 2009

BehrouzPc · Sep 26, 2009

PHP:

    div#nav {     background-color:#333333;     direction:rtl;     margin:-15px 0 0; }

اگه به صورت فایل پیوست می کردی ، دقیق تر می شد بگم و لی به هر حال با margin بخش div#nav می بایست قابل حل باشه

L-B · Sep 26, 2009

بسیار ممنون !

یک جا خونده بودم که مقدار منفی میخوره ولی یادم رفته بود !

---------

فاصلیه با پایینش رو باید از تابع منو ها و پست عوض کنم ! ؟؟؟

BehrouzPc · Sep 26, 2009

margin:top right bottom left

فاصله با پایین رو میتونی برای هر کدوم تعیین کنی bottom و بهتره برای خلاصه شدن کد هر جا صفر هست مقدارت دیگه px رو وارد نکن
و فقط 0 وارد کن (توصیه برای خلاصه نویسی)

و برای حذف فضا ها میتونی اون جا هایی که padding دادید یا اونها رو کم و یا حذف کنید و یا از margin استفاده کنید.

Mr.Steres · Sep 26, 2009

padding فاصله داخلی تگ و margin فاصله بیرون تگ هست . برای منو و هیدر با padding و margin بازی کنید

echessdesign · Oct 1, 2009

درود برشما
مت تست کردم، مشکلی نداشت!
آیا اطمینان دارید که ارتفاع عکس header شما کم نیست؟
در صورت نیاز، بدین شکل عمل نمایید:

HTML:

<div id="nav" style="margin-top:-10px">

در کدوم مرورگر تست کردید؟
اگر مشکل شما حل نشد، سورس کد خود را قرار دهید

tarhebartar · Oct 10, 2009

البته در نظر داشته باشید توی این شرایط استفاده از reset css خیلی مفیده !

L-B · Oct 10, 2009

بیشتر توضیح میدین ؟

echessdesign · Oct 12, 2009

Reset CSS:
دادن مقدار های سفارشی به خصیصه ها:

HTML:

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}