برگزیده های پرشین تولز

لطفا به این کد یه نگاه بندازید

amir abbas

Registered User
تاریخ عضویت
28 سپتامبر 2004
نوشته‌ها
388
لایک‌ها
17
اگر منظورتون اینه که این دکمه ها بیان درست وسط صفحه قرار بگیرند، این کار نشدنیه
برای درست کردن اون دکمه ها از خصوصیت float استفاده شده و در هر صورت دکمه ها میرن به سمت چپ صفحه می چسبند مگر اینکه شما بیای این دکمه ها رو بزاری توی یه div و بعد عرض اون div رو محدود کنی که دکمه ها وسط قرار بگیرند
 

ODE112

کاربر قدیمی پرشین تولز
تاریخ عضویت
24 مارس 2006
نوشته‌ها
1,396
لایک‌ها
1,288
محل سکونت
aquarium
اگر منظورتون اینه که این دکمه ها بیان درست وسط صفحه قرار بگیرند، این کار نشدنیه
برای درست کردن اون دکمه ها از خصوصیت float استفاده شده و در هر صورت دکمه ها میرن به سمت چپ صفحه می چسبند مگر اینکه شما بیای این دکمه ها رو بزاری توی یه div و بعد عرض اون div رو محدود کنی که دکمه ها وسط قرار بگیرند
این دوستمون هم همین مشکل رو داشت...
http://forum.persiantools.com/t79800.html

همونطوری که استاد css گفتن بخاطر استفاده از float هیچوقت نمیان وسط!

کاشکی float:Center هم داشتیم! :D

css های آینده شاید... :)
 

amir_3d_mad

Registered User
تاریخ عضویت
4 ژوئن 2007
نوشته‌ها
98
لایک‌ها
0
آقا نشد که نشد !
از DIV هم استفاده کردم . حتی Float رو هم Right کردم ، ولی نشد .
اصلا دکمه ها از جاشون تکون نمیخورن !
حالا یه منو شبیه این ندارین که وسط چین بشه ؟؟؟
 

cssdesign

Registered User
تاریخ عضویت
5 دسامبر 2006
نوشته‌ها
318
لایک‌ها
2
سن
41
محل سکونت
sAri
دروبر شما
بفرمایید:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HomeCSS ExamplesForumsWebmaster</title>
<style type="text/css">
body{
	text-align:center;
}
* {
	padding:0;
	border:0;
	margin:0;
}
.solidblockmenu{
margin: 0 auto;
font: bold 13px Arial;
width: 600px;
text-align:center;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->

</head>

<body>
<ul class="solidblockmenu">
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" class="current">CSS Examples</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com">Webmaster Tools</a></li>
<li><a href="http://www.javascriptkit.com/">JavaScript</a></li>
<li><a href="http://www.cssdrive.com">Gallery</a></li>
</ul>
<br style="clear: left" />

<p class="iepara">edit by: <a href="www.echessdesign.com">www.echessdesign.com</a></p>

</body>

</html>
 
بالا