0

I have the following problem, I have put code in a content editor to show a drop menu, now the black color of the text does not want to work and when I go over other elements of my site they also get the color of the hover color of the code

<head>
<style>
.parent {
    display: block;
    position: relative;
    float: left;
    line-height: 50px;
    background-color: #317612;
    border-right: #CCC 1px solid;
    text-align: center;
    vertical-align: middle;
}
.parent a{
    margin-top: 50px;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 50px;
    color: black;
    text-decoration: none;
    text-align: center;
    width: auto;
    font-size: 20px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.parent:hover > ul {display:block;position:absolute;}
.child {
    display: none;
}
.child li {
    background-color: #317612;
    line-height: 30px;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    width: 100%;
}
.child li a{
    color: #000000;
    font-size: 17px;
    text-align: center;
    border-spacing: 3px 0px;
    top: 12px;
    margin-top: 10px;
}
ul{list-style: none;margin: 0;padding: 0px; min-width:10em;}
ul ul ul{left: 100%;top: 0;margin-left:1px;}
li:hover {background-color: #389e37;}
.parent li:hover {
    background-color: #389e37;
    text-align: center;
}
.expand{font-size:25px;float:right;margin-right:5px;}
</style>
</head>
<body>
<ul id="menu">
        <li class="parent"><a href="#">Formation<span class="expand">&raquo;</span></a>
        <ul class="child">
        <li class="parent"><a href="#">S'inscrire ? <span class="expand">&raquo;</span></a>
            <ul class="child">
            <li><a href="#">Intern</a></li>
            <li><a href="#">Extrne</a></li>
            </ul>
            </li>
            <li class="parent"><a href="#">Staff <span class="expand">&raquo;</span></a>
            <ul class="child">
            <li><a href="#">Suivi</a></li>
            <li><a href="#">Souhait</a></li>
            </ul>
            </li>
            <li class="parent"><a href="#">1Cie <span class="expand">&raquo;</span></a>
            <ul class="child">
            <li><a href="#">Suivi</a></li>
            <li><a href="#">Souhait</a></li>        
            </ul>
            </li>
            <li class="parent"><a href="#">7Cie <span class="expand">&raquo;</span></a>
            <ul class="child">
            <li><a href="#">Suivi</a></li>
            <li><a href="#">Souhait</a></li>        
            </ul>
            </li>
            </ul>
        <li class="parent"><a href="#">Candidat <span class="expand">&raquo;</span></a>
        <ul class="child">          
            <li><a href="#">Staff</a></li>
            <li><a href="#">1Cie</a></li>
            <li><a href="#">7Cie</a></li>
            <li><a href="#">Template / Note </a></li>
            </ul>
            </li>
            </ul>
        <li class="parent"><a href="#">Exemption Particuliere</a>
        <ul class="child">          
            <li><a href="#">Staff</a></li>
            <li><a href="#">1Cie</a></li>
            <li><a href="#">7Cie</a></li>
            </ul>
            </li>
            </ul>
        <li class="parent"><a href="#">OAC</a>
        <li class="parent"><a href="#">No Acces</a>
    </ul>
    </li>
</ul>
</body>
</html>

Now this is the result

enter image description here Now when I go over my quick launch or another part of the site, the color changes to the color I specified in the code how can I solve this ?

Improve this question

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.