Talk to me, I'm producing a Site and I made an HTML + CSS Menu, the only problem is that the Menu is changing the positioning of things that are below it, eg: if the menu exists and below there is a < p > Test < / p > when scrolling the menu options, it changes the placement of < p & gt ;, you have to leave the menu on writing the items that are below it? for example, the menu exists and below is the < h1 > TITLE < / h1>, when you select any item with the same submenu, type < h1 > This is my css code:
#nav{
float: left;
margin: 100px;
margin-top: -2px;
margin-right: 120px;
margin-left: 340px;
}
#nav ul {
font: 16px arial, tahoma, verdana;
list-style: none;
margin: 0;
padding: 0;
}
#nav ul li {
float: left;
position: relative;
display: block;
}
#nav ul li a {
color: #555;
background: #FFF;
text-decoration: none;
margin: 0 1px;
padding: 15px 20px;
border-top: 1px solid #555;
display: block;
}
#nav li ul {
display: none;
}
#nav ul li a:hover {
background: #066;
color: #FFF;
}
#nav li:hover ul {
display: block;
position: relative;
}
#nav li:hover li {
float: none;
font-size: 12px;
}
#nav li:hover a {
background: #333;
opacity: 0.5;
color: #FFF;
}
#nav li:hover li a:hover {
background: #222;
}
#textos{
height: 500px;
}s