ورود

View Full Version : سوال: سوال درباره ساخت منو


capitan_nemesis
چهارشنبه 23 بهمن 1392, 11:17 صبح
با سلام
من یک منو طراحی کردم


<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<style type="text/css">

#menu
{
list-style-type: none;
margin: auto;
padding: 0px;
}

#menu li
{
background-color:aquamarine;
width:150px;
border: 1px solid bisque;
text-align:center;
}

</style>
</head>

<body>


<ul id="menu">

<a href="http://www.google.com"><font color="black"><li>خانه</li></a></font>
<li>گالری</li>
<li>درباره ما</li>
<li>تماس با ما</li>


</ul>



</body>

</html>


البته این برای تمرین هستش تا روی سایت اصلی پیاده کنم
در منو که مشاهده میکنید
در تگ li تگ a دادم که لینک بشه ولی اگر به کد خانه نگاه کنید زیر خانه خط داره
این خط رو به چه شکل میتونم حذف کنم ؟؟
ممنون
colors
چهارشنبه 23 بهمن 1392, 11:29 صبح
بفرما:

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<style type="text/css">

#menu
{
list-style-type: none;
margin: auto;
padding: 0px;
}

#menu li
{
background-color:aquamarine;
width:150px;
border: 1px solid bisque;
text-align:center;
font: 12px Tahoma;
}
#menu li a, #menu a{
text-decoration: none;
font: 12px Tahoma;
}
</style>
</head>

<body>


<ul id="menu">

<a href="http://www.google.com"><font color="black"><li>خانه</li></a></font>
<li>گالری</li>
<li>درباره ما</li>
<li>تماس با ما</li>


</ul>



</body>

</html>
elena
دوشنبه 28 بهمن 1392, 22:41 عصر
یه سوال چرا اینجا مقدار list-style و text-decoration رو none گذاشتین اگه مقدار none ندیم چی میشه؟
colors
دوشنبه 28 بهمن 1392, 23:30 عصر
یه سوال چرا اینجا مقدار list-style و text-decoration رو none گذاشتین اگه مقدار none ندیم چی میشه؟
list-style با مقدار none گزینه های لیست رو بر میداره
text-decoration با مقدار none هم خط زیر لینک هارو بر میداره
e_a_23
سه شنبه 29 بهمن 1392, 00:03 صبح
اطلاعات بیشتر در مورد text-decoration:
http://www.beyamooz.com/css/85-style/92-%D9%88%DB%8C%DA%98%DA%AF%DB%8C-%D9%87%D8%A7%DB%8C-%D9%85%D8%AA%D9%86-%D8%AF%D8%B1-CSS
qartalonline
سه شنبه 29 بهمن 1392, 00:55 صبح
با توجه به اشکالات موجود کدتون رو بصورت زیر اصلاح کردم:


<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<style type="text/css">
#menu{
list-style: none;
margin: auto;
padding: 0;
}
#menu li{
background-color: aquamarine;
width: 150px;
border: 1px solid bisque;
text-align: center;
}
#menu li a{
text-decoration: none;
color: #000;
}
</style>
</head>
<body>

<ul id="menu">
<li><a href="http://www.google.com">خانه</a></li>
<li>گالری</li>
<li>درباره ما</li>
<li>تماس با ما</li>
</ul>

</body>
</html>