Hogyan csináljam, hogy amikor jobbra igazítom az egész menüsort, ne cserélje meg a sorrendet a menüben, az első főmenü balról maradjon, s ne kerüljön ki a jobb szélére?
<!DOCTYPE html>
<html>
<head>
<style>
.right-site {
width: 760px;
height: 130px;
background-color: red;
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
float: right !important;
text-align: left;
position: relative;
min-height: 1px;
}
#menu {
width: 760px;
height: 130px;
background-color: red;
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
float: right !important;
text-align: right;
float: left;
position: relative;
min-height: 1px;
}
#global-nav {
width: 760px;
height: 130px;
background-color: blue;
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
float: right !important;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: inherit;
}
#menu li {
float: right !important;
text-align: left;
}
#menu li a, .dropbtn {
display: inline;
color: black;
padding-left: 8px;
text-align: left;
padding-right: 8px;
text-decoration: none;
}
#menu li a:hover, .dropdown:hover .dropbtn {
color: green;
}
#menu li.dropdown {
display: inline-block;
}
#menu .onclick {
display: none;
list-style-type: none;
position: absolute;
color: black;
}
#menu .onclick a {
background-color: inline;
text-decoration: none;
display: block;
text-align: left;
}
#menu .onclick a:hover {color: yellow}
#menu .dropdown:hover .onclick {
display: block;
}
</style>
</head>
<body>
<div class="right-site">
<div id="menu">
<ul id"=global-nav">
<li class="dropdown">
<a href="" class="dropbtn" target="_self">fomenu_1</a>
<ul class="onclick">
<li><a href="" target="_self">almenu_1</a></li>
<li><a href="" target="_self">almenu_2</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropbtn" target="_self">fomenu_2</a>
<ul class="onclick">
<li><a href="" target="_self">almenu_1</a></li>
<li><a href="" target="_self">almenu_2</a></li>
<li><a href="" target="_self">almneu_3</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropbtn" target="_self">fomenu_3</a>
<ul class="onclick">
<li><a href="" target="_self">almenu_1</a></li>
<li><a href="" target="_self">almenu_2</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropbtn" target="_self">fomenu_4</a>
</li>
<li class="dropdown">
<a href="" class="dropbtn" target="_self">fomenu_5</a>
</li>
</div>
</div>
</body>
</html>
Kedves Tibor, kérlek segíts még abban, hogy az almenük is horizontálisan helyezkedjenek el.
Segítséged előre is köszönöm!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!