یه مشکل css [بایگانی] - برنامه نویس

jafar2012

سه شنبه 15 بهمن 1392, 17:40 عصر

hi
این کد رو خودم نوشتم اما بقیش رو نتونستم کامل کنم
هدف:1-اییجاد منو در کنار سایت به صورت تمام صفحه به صورت عمودی مثل کنار مترو که البته اینبار سمت چپ و بدون استفاده از جاوا
مشکل:1-منوها قابل انتخاب نیستن یا به عبارتی روشون کلیک نمی خوره
2-چه طور تمام صفحه درستش کنم الان یه اندازه خاصی داره می خوام ارتفاش اندازه تمام صفحه بشه

<html><head><style type="text/css" media="screen">
body{direction:ltr;margin-left:0px;}

#menu{
float:left;
margin-top:150px;
width:30px;
background-color:#cf4;
overflow:hidden;
border-top-right-radius:100px;
border-bottom-right-radius:100px;
position:fixed;
transition: 0.5s;
}
#menu:hover{
transition: 0.5s;
background-color:#c24;
border-radius:0px;
width:100px;
}

#menu ul#lmenu{
list-style:none;
}
#menu ul#lmenu li{
margin-top:25px;
}

</style></head><body>
<div id="menu">
<ul id="lmenu">
<li><a herf="#">home1</a></li>
<li><a herf="#">home2</a></li>
<li><a herf="#">home3</a></li>
<li><a herf="#">home4</a></li>
<li><a herf="#">home5</a></li>
</ul>
</div>
</body><html>

Tobegar

سه شنبه 15 بهمن 1392, 20:33 عصر

سلام داداش !
من مشکلت رو حل کردم و کدهاشم پایین واست قرار دادم ! و تگ a یه اشتباه تایپی داشت که اصلاح کردم درست شد :)
و واسه تمام صفحه کردنش از خاصیت height:100% استفاده کردم و margin رو حذف کردم ! سوالی داشتی در خدمتم .
موفق باشی !

<html><head><style type="text/css" media="screen">
body{direction:ltr;margin-left:0px;}

#menu{
float:left;
width:30px;
height: 100%;
background-color:#cf4;
overflow:hidden;
border-top-right-radius:100px;
border-bottom-right-radius:100px;
position:fixed;
transition: 0.5s;
}
#menu:hover{
transition: 0.5s;
background-color:#c24;
border-radius:0px;
width:100px;
}

#menu ul#lmenu{
list-style:none;
}
#menu ul#lmenu li{
margin-top:25px;
}
</style></head><body>
<div id="menu">
<ul id="lmenu">
<li><a href="#">home1</a></li>
<li><a href="#">home2</a></li>
<li><a href="#">home3</a></li>
<li><a href="#">home4</a></li>
<li><a href="#">home5</a></li>

</ul>
</div>
</body><html>