Christopher Wilder
Twitter Bootstrap Help - Post ID 206266
Christopher Wilder
Ambassador
122 posts
On http://christopher-wilder.webege.com/Untitled_1.html , I want to be able to hover over Operating Systems and have it show the options. Hpw can I do this?
Eric Rohloff
Senior Advisor
20,247 posts
Online Now
Here's a quick version. I didn't copy your css but I'm sure it will point you in the proper direction. It shows the options listed in one drop down box.
.nav {
position: relative;
margin-left: 30px;
}
.nav a {
display: block;
width: 140px;
}
.nav ul {
list-style-type: none;
padding-top: 5px;
}
.nav li {
list-style-type: none;
float: left;
position: relative;
padding: 3px 0;
text-align: center;
}
.nav ul.dropdown-menu {
display: none;
position: absolute;
top: 20px;
left: -10px;
padding: 10px;
z-index: 90;
}
.nav ul.dropdown-menu li {
text-align: left;
}
.nav li:hover ul.dropdown-menu {
display: block;
border: 1px solid #ececec;
}
position: relative;
margin-left: 30px;
}
.nav a {
display: block;
width: 140px;
}
.nav ul {
list-style-type: none;
padding-top: 5px;
}
.nav li {
list-style-type: none;
float: left;
position: relative;
padding: 3px 0;
text-align: center;
}
.nav ul.dropdown-menu {
display: none;
position: absolute;
top: 20px;
left: -10px;
padding: 10px;
z-index: 90;
}
.nav ul.dropdown-menu li {
text-align: left;
}
.nav li:hover ul.dropdown-menu {
display: block;
border: 1px solid #ececec;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Christopher Wilder
Ambassador
122 posts
what do i change?
Christopher Wilder
Inger
Senior Advisor
14,571 posts
Online Now
The navigation styles in your css file. Best thing is to make a copy of the site and save it locally, and then experiment with that, so that you don't mess up the originals.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Eric Rohloff
Senior Advisor
20,247 posts
Online Now
I added this to the bottom of your style2.css and I thought it looked pretty good.
/* Custom*/
.nav ul.dropdown-menu {
display: none;
position: absolute;
top: 38px;
left: -10px;
padding: 10px;
z-index: 90;
}
.nav ul.dropdown-menu li {
text-align: left;
}
.nav li:hover ul.dropdown-menu {
display: block;
border: 1px solid #ececec;
}
/* Custom*/
.nav ul.dropdown-menu {
display: none;
position: absolute;
top: 38px;
left: -10px;
padding: 10px;
z-index: 90;
}
.nav ul.dropdown-menu li {
text-align: left;
}
.nav li:hover ul.dropdown-menu {
display: block;
border: 1px solid #ececec;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
