PDA

View Full Version : سوال: منو با CSS



alih110
چهارشنبه 14 مرداد 1388, 14:00 عصر
سلام دوستان من یک منو با CSS طراحی کردم . با نرم افزار



<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 12px/1.5em Tahoma;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs J--------------------------- */
#tabsJ {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}
#tabsJ #current a {
background-position:0% -42px;
}
#tabsJ #current a span {
background-position:100% -42px;
color:#FFF;
}
-->
</style>



<div id="tabsJ">
<ul>
<!-- CSS Tabs -->
<li><a href="http://www.ap-pc.blogfa.com"><span>صفحه (http://www.ap-pc.blogfa.com&quot;><span>صفحه) نخست</span></a></li>
<li><a href=""><span>تماس با ما</span></a></li>
<li><a href="/posts/"><span>عناوين مطالب وبلاگ</span></a></li>
<li><a href="javascript:location='http://\u006a\u0075\u0073\u0074\u0070\u0065\u0072\u0073\u 0069\u0061\u006e\u002e\u006e\u0065\u0074\u002f\u00 6c\u0069\u006e\u006b\u0062\u006f\u0078\u002f\u0031 \u0033\u0031\u0036\u0031';void 0"><span>لينک باکس ما</span></a></li>
<li><a href="http://ap-pc.persiangig.com/ADS.html"><span>تبليغات</span></a></li (http://ap-pc.persiangig.com/ADS.html&quot;><span>تبليغات</span></a></li)>
<li><a href="http://ap-pc.persiangig.com/Send.Invite.html"><span>درخواست (http://ap-pc.persiangig.com/Send.Invite.html&quot;><span>درخواست) دعوتنامه</span></a></li>
<li><a href="http://ap-pc.persiangig.com/EXChange.html"><span>تبادل (http://ap-pc.persiangig.com/EXChange.html&quot;><span>تبادل) لينک</span></a></li>
<li id="current"><a href="http://ap-pc.blogfa.com/rss.aspx"><span>RSS</span></a></li (http://ap-pc.blogfa.com/rss.aspx&quot;><span>RSS</span></a></li)>
<li><a href="javascript:addbookmark()"><span>اضافه کردن به علاقه مندي ها</span></a></li>
</ul>
</div>


حالا این منو در سمت راست هست من میخوام وسط باشه ولی من وقتی خاصیت های right رو می کنم Center منو به هم میریزه و زیر هم میاد . برای مشاهده منو به این وبلاگ مراجعه کنید

www.ap-pc.blogfa.com (http://www.ap-pc.blogfa.com)

حالا کسی میتونه کمک کنه

onlymaj
پنج شنبه 15 مرداد 1388, 01:46 صبح
متوجه سوال شما نشدم.
اما اگر بخواهید که در وسط قرار بدهید (مثلا منو) باید در تگ div مقدار align رو center بزارین تا وسط بیاد

<div align="center">Menu Code**</div>

alih110
پنج شنبه 15 مرداد 1388, 10:00 صبح
ممنون از این که جواب دادید
اما من این کد رو هم قرار دادم اما فایده نداشت .

البته مشکلم حل شد پون قالبم رو عوض کردم و از شما ممنون .