lara B
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by lara B
-
-
somehow the dropdown part does not show anymore. can anyone point me to something I can look at which would help please?
-
Hi @dsonesuk,
Thanks for your help, sorry it has taken me some time to get back to this.
The above suggested solution has changed my topnav to a side nav, any idea why or how?
L
-
https://www.w3schools.com/howto/howto_css_dropdown.asp
ooh, no it isn't that one, but I think this may be the link I should have used.
-
I am trying to use a dropdown menu with a fixed navigation bar. The dropdown links are showing all the time and teh navigation bar has grown to include them so it is wider than normal.
below is the CSS code, attached is the file which tries to use it. Why does my navigation bar not do the same as teh one in W3schools?
/* Style the navigation bar links */
ul {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #008080;
position: fixed;
top: 0;
width: 100%;
}li {
float: left;
}li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}li a:hover, .dropdown:hover .dropbtn {
background-color: lightseagreen;
}li.dropdown {
display:inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #008080;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}.dropdown-content a {
color:black;
padding:12px 16px;
text-decoration: none;
display: block;
text-align:left;
}
.dropdown-content a:hover {background-color: #f1f1f1;}.dropdown:hover .dropdown-content {
display: block;
} -
Hi,
Newbie here.
I can't fathom how to change my navigation bar from a side bar to a horizontal bar. It seems identical to the one in the examples.
lara
-
Hi,
I am new, I found this site through my child’s IT department. It is fantastic. I have used templates for my website before but they never quite do what you want so I am trying to learn how to change it or do it myself entirely.
it is an uphill task though.
Dropdown menu showing permanently and altering nav bar
in HTML/XHTML
Posted
Yes, now it shows. thank you.
Now can anyone explain why I have a black line above every link I hover over?