我的问题在哪里，我无法传播我的菜单标题，他们的标题挂起或一起拍摄 [英] Where is my Problem , That i couldn't Spread my Menu title , their title hang or snap'n together

问题描述

IT是我的HTML代码和标签

IT is my HTML code and tags

<div class="MenuTheme">
  <ul class="Menu">
    <li> <a href="#"> صفحه اصلی </a> </li>
    <li> <a href="#"> سرفصل ها </a>
      <ul>
        <li> <a href="#"> آیلتس </a> </li>
      </ul>
    </li>
    <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>
    <li> <a href="#"> گرامر </a> </li>
    <li> <a href="#"> درباره ما </a> </li>
    <li> <a href="#"> ارتباط با ما </a> </li>
  </ul>
</div>

< br $> b $ b

And here is my CSS code

.MenuTheme {
    background: #333;
    width: 1000px;
    height: 60px;
    background: #333;
    margin: auto;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
ul, li {
    padding: 0;
    margin: 0;
}
.Menu >li {
    display: inline-block;
    padding-top: 15px;
    color: #FFF;
    direction: rtl;
    float: right;
}
.Menu >li>a {
    text-decoration: none;
    font: 13px Tahoma, Geneva, sans-serif;
    color: #FFF;
}
.Menu >li>a:hover {
    background: #999;
    border-radius: 5px;
    text-decoration:none;
}
.Menu >li>ul {
    color: #FFF;
    display: none;
    position: absolute;
    background-color: #FFF;
    border: solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Menu >li:hover>ul {
    display: block;
    color: #FFF;
    list-style: none;
    text-decoration:none;
}
.RightBox {
    background: #333;
    width: 250px;
    height: 940px;
    margin-left: 918px;
    margin-top: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid;
    border-color: #CCC;
}

推荐答案

您的问题不清楚 - 传播我的菜单是什么意思？如果你的意思是在垂直方向（向上和向下）水平显示（跨页面）instgead，首先删除所有>在CSS代码中签名，然后替换

Your question is unclear - what do you mean by "spread my menu" ? If you mean display it horizontally (across the page) instgead oif vertically (up and down), first delete all the > signs in your CSS code, then replace

.Menu li {
    display: inline-block;

with

with

.Menu li {
    display: inline;

这篇关于我的问题在哪里，我无法传播我的菜单标题，他们的标题挂起或一起拍摄的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！