Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
菜单重叠html中的另一个菜单_Html_Css - Fatal编程技术网

菜单重叠html中的另一个菜单

菜单重叠html中的另一个菜单,html,css,Html,Css,在下面的代码中,我使用了来自的html和css代码,我实现了一小部分代码,即菜单没有指向图像,并且与其他菜单重叠。请帮助我解决这个问题 <!DOCTYPE html> <html> <head> <script src="//cdn2.editmysite.com/js/vendor/modernizr.js"></script> <link rel="stylesheet" type="text

在下面的代码中,我使用了来自的html和css代码,我实现了一小部分代码,即菜单没有指向图像,并且与其他菜单重叠。请帮助我解决这个问题

<!DOCTYPE html>
<html>
<head>

    <script src="//cdn2.editmysite.com/js/vendor/modernizr.js"></script>




        <link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/public.css?buildTime=1383786711" />

        <!--[if IE 8]><link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/public-ie8.css?buildTime=1383786711" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/public-ie7.css?buildTime=1383786711" /><![endif]-->


    <script> var loginData = {"use_ssl":true,"redirect":false}; var errorMsgs = {"wrongUserPass":"Wrong username or password","loginToAccess":"Please log-in to access that page","loginAgain":"Please log-in again to continue.","accountDeleted":"Your account was previously deleted","accountExists":"You already have an account. Please log-in.","loginInstead":"You already have an account. Please log-in."}; var DISABLE_SIGNUP_CAPTCHA = true; var facebook = {"app_id":"190291501407","domain":"www.weebly.com","user":false}; </script>


        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

        <script type="text/javascript" src="//cdn1.editmysite.com/libraries/prototype/1.7-custom/prototype.min.js?2"></script>

        <script type="text/javascript" src="http://cdn2.editmysite.com/js/public/main.js?buildTime=1383786711"></script>

</head>
<body class="w-ui homepage">


<form id="weebly-signup">
    <div class="caret"></div>

    <div id="signup-inputs">





        <div

            id="weebly-email"
            class="large block"

            placeholder="Email"
        />

        <div

            id="weebly-new-password"
            class="large block"

            placeholder="Password"
        />
    </div>


    <div class="submit-btns">


    </div>

    <input type="hidden" name="response" id="weebly-login-signup-response" />
    <input type="hidden" name="weebly-campaign" id="weebly-campaign" value="" />

</form>


    </div> <!-- #sidebar-inner -->
</div> <!-- #sidebar -->


<div id="login-box" class="form-popover-box titled-box">
    <form id="weebly-login" method="post" action="https://www.weebly.com/weebly/login.php">
        <div class="caret"></div>





        <input
            type="text"
            id="weebly-username"
            class="large block"
            name="user"
            placeholder="Email or Username"
            value=""
        /><br>

        <input
            type="password"
            id="weebly-password"
            class="large block"
            name="pass"
            placeholder="Password"
        /><br>

        <p class="remember-me">
            <label>
                <input
                    type="checkbox"
                    id="weebly-remember"
                    name="rememberme"
                    checked
                />

            </label>
        </p>





    </form>
</div>      






    <div id="how-it-works" class="section">
        <div class="hgroup">
            <h2>        Tips to work on Seating Application</h2>
            <h3>        Everything you need to start a high-quality site</h3>
        </div>



        <div class="article">
            <ol id="how-it-works-list">
                <li class="tips top">
                    <div class="content"><span class="icon"></span></div>
                </li>
                <li>
                    <h4>        Master</h4>
                    <div class="content">
                        <span class="circle"><span class="icon plan"></span></span>
                        <span class="circle mask"><span class="icon plan"></span></span>
                        <ul class="bubble">
                            <li>    Exam name,month and year is created in exam master  </li>
                            <li>        Course code and name is created in course master</li>
                            <li>        Subject code and name is created in subject master</li>
                            <li>        Room details  such room name,no of benches,maximum bench capacity,available status and invigilator is created in room master</li>
                        </ul>
                    </div>
                </li>
                <li>
                    <h4>        Details</h4>
                    <div class="content">
                        <span class="circle"><span class="icon create"></span></span>
                        <span class="circle mask"><span class="icon create"></span></span>
                        <ul class="bubble">
                            <li>        Course code and Subject code is created in course subject</li>
                            <li>        Exam name and course code is created in exam course</li>
                            <li>        Register no,name, course code and Subject code for a particular exam is created </li>
                            <li>         Update the course code ,subject code,date and session for particular exam </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <h4>        Seating Plan    </h4>
                    <div class="content">
                        <span class="circle"><span class="icon publish"></span></span>
                        <span class="circle mask"><span class="icon publish"></span></span>
                        <ul class="bubble">
                            <li>        Exam name is selected </li>
                            <li>        Date and session is selected </li>
                            <li>        Course code,Subject code and number of student id displayed </li>
                            <li>        Clicking on System generated it displays seat no ,register no and subject code</li> 
                        </ul>
                    </div>
                </li>
                <li>
                    <h4>        Seating Report</h4>
                    <div class="content">
                        <span class="circle"><span class="icon grow"></span></span>
                        <span class="circle mask"><span class="icon grow"></span></span>
                        <ul class="bubble">
                            <li>        Exam name is selected </li>
                            <li>        Date and session is selected </li>
                            <li>        Course code,Subject code and number of student id displayed </li>
                            <li>        Selecting on the Subject code it display Room no,seat no,register no and invigilator as report  </li>
                            <li>        Clicking on seating summary it displays exam name ,date,session,room no,subject code,register no ,no of students and invigilator</li>      
                        </ul>
                    </div>
                </li>
                <li>
                    <h4>        Upload</h4>
                    <div class="content">
                        <span class="circle"><span class="icon grow"></span></span>
                        <span class="circle mask"><span class="icon grow"></span></span>
                        <ul class="bubble">
                            <li>        Exam name is selected </li>
                            <li>        Course code for relevant exam is selected </li>
                            <li>        Subject code for corresponding course code is selected </li>
                            <li>        Choose the csv file which has register no and students name and upload it </li>     
                        </ul>
                    </div>
                </li>
                <li class="tips bottom">
                    <div class="content"><span class="icon"></span></div>
                </li>
            </ol>
        </div>
    </div>

var loginda={“use_ssl”:true,“redirect”:false};var errorMsgs={“ErrorUserPass”:“错误的用户名或密码”,“loginToAccess”:“请登录以访问该页面”,“loginAgain”:“请重新登录以继续”,“accountDeleted”:“您的帐户已被删除”,“accountExists”:“您已经有一个帐户。请登录”。,“LoginStead”:“您已经有一个帐户。请登录”。};var DISABLE\u SIGNUP\u CAPTCHA=true;var facebook={“app_id”:“190291501407”,“domain”:“www.weebly.com”,“user”:false};


座椅应用的工作提示 创建高质量网站所需的一切
  • 主人
    • 考试名称、月份和年份在考试主机中创建
    • 课程代码和名称在课程管理器中创建
    • 主题代码和名称在主题母版中创建
    • 在Room master中创建房间详细信息,如房间名称、长椅数量、最大长椅容量、可用状态和监考人
  • 细节
    • 课程代码和科目代码在课程主题中创建
    • 考试名称和课程代码在考试课程中创建
    • 创建特定考试的注册号、名称、课程代码和科目代码
    • 更新特定考试的课程代码、科目代码、日期和课程
  • 座位计划
    • 已选择考试名称
    • 已选择日期和会话
    • 显示课程代码、科目代码和学生id号
    • 点击系统生成,显示座位号、登记号和主题代码
  • 座位报告
    • 已选择考试名称
    • 已选择日期和会话
    • 显示课程代码、科目代码和学生id号
    • 在主题代码上选择显示房间号、座位号、登记号和监考人作为报告
    • 点击座位摘要,显示考试名称、日期、课时、房间号、科目代码、注册号、学生和监考人编号
  • 上传
    • 已选择考试名称
    • 已选择相关考试的课程代码
    • 选择相应课程代码的科目代码
    • 选择包含注册号和学生姓名的csv文件,并将其上载

  • 您尚未将类应用于
    li
    元素。只需做一些更改:

    <ul class="Data">
        <li class="pg-normal">apple</li>
        <li class="pg-normal">mango</li>
        <li class="pg-normal">grape</li>
    </ul>
    
      苹果 芒果 葡萄

    然后将
    .pg selected
    重命名为
    .pg normal:hover
    。这里有一个。

    您需要在css中使用
    :hover
    :before

    .pg-normal:hover:before {
        content: '\203A\00a0'; /* &lsaquo + &nbsp;*/
    }
    
    我还在你的css/html中做了一些更正


    完整示例:

    你是什么意思?你能给我们举个例子吗?你到底想在哪里看到箭头光标?你能更详细地描述一下吗?或者贴张照片吗?那把小提琴和这个问题有关系吗?@john h菜单与另一个菜单重叠@L105菜单与另一个菜单重叠,它没有指向图像