jonathanduane2010
asked on
Menu not dropping down properly
is there anyway i can sort out the menu dropdown when clicking on advertures?
It seems to be going all over the place
here is the site http://piratescove.yourcitybeats.com
It seems to be going all over the place
here is the site http://piratescove.yourcitybeats.com
First do what CD& said
Then (because the menu does not work and we have no idea what you want to do) try this
on line 1719 of styles css change the z-index to 1. This should cause your menu to drop down. However you still have the tiny menu text with big hover text going outside the inner UL boundaries - not sure what you are trying to achieve but this is a good place to start.
Then (because the menu does not work and we have no idea what you want to do) try this
on line 1719 of styles css change the z-index to 1. This should cause your menu to drop down. However you still have the tiny menu text with big hover text going outside the inner UL boundaries - not sure what you are trying to achieve but this is a good place to start.
.site {
margin: 0 auto;
padding: 0 10px;
position: relative;
width: 984px;
z-index: 1;
}
ASKER
ok thats looking much better
is there a way of having the text the same on hover? or having it dropping directly down? instead over to the left?
is there a way of having the text the same on hover? or having it dropping directly down? instead over to the left?
You need to make quite a few changes.
1. Remove the float left from your main nav <ul>
2. Inside your <li> of your main menu remove the display: block from your <a> elements - it is not necessary.
3. Remove the float: left from the <a> elements as well
4. Make the li elements of the main nav float left
You may then need to remove the float: left from the submenu <li> items with a clear: both.
1. Remove the float left from your main nav <ul>
2. Inside your <li> of your main menu remove the display: block from your <a> elements - it is not necessary.
3. Remove the float: left from the <a> elements as well
4. Make the li elements of the main nav float left
You may then need to remove the float: left from the submenu <li> items with a clear: both.
ASKER
Thanks a mill for that i really appreciate it
what lines are they on, i am seeing different ones?
what lines are they on, i am seeing different ones?
styles.css line 1751
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
background: none repeat scroll 0 0 #389C1D;
...
float: left; /* REMOVE THIS */
...
}
line 1919.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
...
display: block; /* REMOVE THIS */
float: left; /* REMOVE THIS */
...
}
Line 1881.main-navigation li {
margin: 0;
position: relative;
float: left; /* ADD THIS */
}
Potentially add this.main-navigation li ul li {
clear: left;
}
That should get you on the right track
ASKER
hi, is there any way of having it appear on front of slider?
it seems to be appearing behind it?
Thank you so much for all your help...
it seems to be appearing behind it?
Thank you so much for all your help...
I am not seeing that - what browser are you using and are you referring to the link you posted above or a local link?
ASKER
i am using Chrome and IE
I don't support IE and encourage you not to either - waste of time.
In chrome the site is loading with none of the changes I recommended above ...
FF it works but it seems FF has cached the changes I made.
In chrome the site is loading with none of the changes I recommended above ...
FF it works but it seems FF has cached the changes I made.
ASKER
i agree about IE, i have just reverted to original css file as i had made a bit of a mess i seemed to do this and it worked for a min or two before i made other changes and screwed it up
.site {
margin: 0 auto;
width: 984px;
padding:0px 10px;
z-index:1;
position:relative;
}
.site1 {
margin:0 auto;
width:984px;
z-index:999;
}
.site {
margin: 0 auto;
width: 984px;
padding:0px 10px;
z-index:1;
position:relative;
}
.site1 {
margin:0 auto;
width:984px;
z-index:999;
}
Ok but you need to make the other changes to the <li> and <a> elements.
ASKER
ok looks much better now, thats great, thank you so much
how can i change now soo all the sub menu text is red like the others?
how can i change now soo all the sub menu text is red like the others?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Cd&