سلام
من یک منوی عمودی دانلود کردم وتوی وب سایتم استفاده کردم ولی متاسفانه میاد وسط صفحه می ایسته .من میخواهم این منو سمت راست صفحه وبم جایی که توی عکس زیر درو آن کادر مشکی کشیدم قرار بگیره ولی مثل عکس دوم وسط صفحه قرار گرفته چه کاری انجام بدهم تا درست بشه.
این کدcss این منو
#menu a,#menu a:visited {
position:relative;
text-decoration:none;
text-align:center;
color:#fff;
display:block;
background-color:#9ab;
width:10em;
border:2px solid #fff;
border-color:#def #678 #345 #cde;
padding:0.25em;
margin:0.5em auto;
}
#menu a:hover{
top:2px;
left:2px;
color:#fff;
border-color:#345 #cde #def #678;
}
کدhtml را اینجوری نوشتم.
<div id="menu">
<a href="#">محصولات</a>
<a href="#">درباره ما</a>
<a href="#">تماس باما</a>
</div>
میخواهم بهش زیرمنو اضافه کنم که بصورت افقی باشه لطفا راهنماییم کنید تا کدcss اون را تغییر بدهم ولی نمیدونم چطوری؟
اینو میدونم که با تگli وul وa می تونم زیر منو بهش اضافه کنم ولی نمیدونم چطورcss اون را تغییر بدهم تا زیر منوها هم بصورت زیر ومثل عکسهای وهمان رنگ نشان داده بشه.
عکس اول :
Untitled.jpg
عکس دوم منوی وسط صفحه است:
verticalmenu.jpg
ممنونم .