PDA

View Full Version : تغییر رنگ متن در تگ li


omidparkour
دوشنبه 09 تیر 1393, 03:32 صبح
سلام
من یه منو ساختم با کد های زیر

<center><div id="navcontainer"><ul id="nav"><li><a href="#">صفحه ی اصلی</a></li><li><a href="#">تالار گفتگو</a></li><li><a href="#">آپلود عکس</a></li><li><a href="#">درباره ما</a></li><li><a href="#">تماس با ما</a></li></ul></div></center>
#navcontainer{ margin-top:-16px;
}
#nav li{
list-style:none;
display:inline;
background-color:#017030;
font-size:22px;
color:#FFF;
Border-radius:0px 0px 5px 5px;
}
بعد حالا میخوام رنگ اون متن های داخل li سفید باشه و کدش رو هم همونطور که میدونید نوشتم color:#fff; اما کار نمیکنه
آیا کد اشتباهه یا مشکل چیه؟؟
دانیال دزفولی
دوشنبه 09 تیر 1393, 09:43 صبح
بهتره کلا به تگ a خصوصیت بدید
elahe471
دوشنبه 09 تیر 1393, 12:15 عصر
#nav li a رو باید color بدین بهش ، اگرم نشد باز color:#fff !important; فکر میکنم 100% درستش کنه
omidparkour
دوشنبه 09 تیر 1393, 13:50 عصر
ممنون اوکی شد
یه سئوال دیگه اگر بخوام اون border اش یه کم پهناش بیشتر باشه چی باید بکنم؟؟ الان فیکسه متن هست
دانیال دزفولی
دوشنبه 09 تیر 1393, 13:53 عصر
???
...................
omidparkour
دوشنبه 09 تیر 1393, 14:02 عصر
الان منو های من دقیقا اینجوری هست
http://up.i90.ir/uploads/1404219045.jpg
و من میخوام اون Bg سبز پهناش بیشتر بشه و متن ها نچسبن به گوشه باکس
2undercover
دوشنبه 09 تیر 1393, 14:03 عصر
استفاده از padding
omidparkour
دوشنبه 09 تیر 1393, 14:26 عصر
ممنون درست شد فقط یه چیزی من با کد زیر میخوام متن ها رو وسط چین کنم اما نمیشن
آیا کد اشتباهه یا....؟
text-align:center;
qartalonline
دوشنبه 09 تیر 1393, 14:32 عصر
به تگ a استایل display: block; بدید و سپس text-align رو center بدید.
omidparkour
دوشنبه 09 تیر 1393, 14:39 عصر
من اون کارهایی رو که گفتید کردم اما اینجوری شد :گریه::گریه::گریه:
http://up.i90.ir/uploads/1404157599.jpg
qartalonline
دوشنبه 09 تیر 1393, 14:44 عصر
نمونه:

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<style type="text/css">
#nav li{
list-style: none;
display: inline-block;
}
#nav li a{
display: block;;
background-color: #017030;
font-size: 22px;
color: #FFF;
padding: 10px;
border-radius: 0px 0px 5px 5px;
}
</style>
</head>
<body>

<div id="navcontainer">
<ul id="nav">
<li><a href="#">صفحه ی اصلی</a></li>
<li><a href="#">تالار گفتگو</a></li>
<li><a href="#">آپلود عکس</a></li>
<li><a href="#">درباره ما</a></li>
<li><a href="#">تماس با ما</a></li>
</ul>
</div>

</body>
</html>
omidparkour
دوشنبه 09 تیر 1393, 14:52 عصر
:عصبانی++:داغون شد با کد شما
کد خودم درست بود فقط مشکل وسط چین داشت
ab.ali
سه شنبه 10 تیر 1393, 00:11 صبح
:عصبانی++:داغون شد با کد شما
کد خودم درست بود فقط مشکل وسط چین داشت

اگر text-align رو زیر font-size گذاشتین نمی گیره و برای من هم مشکل داره و باید text-align رو بالاتر از font-size قرار بدین، اگر باز هم درست نشد یک بار دیگه کداتون رو قرار بدین.