Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ![]() Interested in joining? Click here. If you are already a member of ZBCode, feel free to login right here: |
| Drop menus clean up | ||
|---|---|---|
| Tweet Topic Started: Apr 4 2009, 04:03 PM (255 Views) | ||
| lirts | Apr 4 2009, 04:03 PM Post #1 | |
![]()
|
Okay, so I made this code here and it has a couple of problems and I'd like to clean it up a bit. I just don't know how and I've tried everything I can think of. First problem is, when you hover over the menu and try to click the dropped links it sometimes goes away. I want to fix that but I couldn't find a way. I thought if I changed the height of the #dropmenu to 100% that it would work but it doesn't. That would also be why the dropped links are slightly over the menu. Second, I'd like to find a better way to make the menu more customizable by giving each drop down a separate image but also cut down on CSS code. (may not be possible?) I did have it so that each of them had a separate div tag but that added alot of extra code. I guess that's all for now. Unless someone can find something else that I could fix. Edited by lirts, Apr 4 2009, 04:04 PM.
|
|
| ||
![]() |
|
|
| Kevin | Apr 4 2009, 10:16 PM Post #2 | |
![]()
|
I tried to figure out how to fix you're first issue, and couldn't find anything that worked really, though I'm going to continue trying... Anyway, I was very (and I emphasize very ) bored, so I basically went through and made a lot of changes to your code that I thought cleaned it up. I'm not trying to be critical of yours, these are just suggestions. Everybody codes differently, so feel free to ignore me if you want to. ![]() http://s1.zetaboards.com/kevin_1/index/ - That's where you can see what it looks like if you want. I found that your HTML had a lot of tags that were just making it more complicated than it needed to be, so I condensed a lot of it. Here's what it came out like:
And obviously more depending on how many different blocks you want. Personally, I don't like having something like #dropmenu ul ul ul in my CSS, I find it to be confusing. I tried to make it as easy to follow as possible, as well as consolidate what could be consolidated.
For the most part, the CSS is just a more condensed version of yours (though with changes to make it match the new HTML). I made a few changes to it that are more personal preferences for me. For example: #dropmenu li, I added in cursor:pointer, but that's just something I prefer really when I'm browsing a page. Anyway, I hope you don't mind that I did all this. Hopefully you can get some ideas from seeing what I've done on how to clean it up and whatnot. If you have any questions, I'd be happy to answer them. ![]() For your second question, I'm not sure of a way of doing it that wouldn't include adding in more code (either HTML or CSS), but if I get time tomorrow I can try to think of something. |
|
| ||
![]() |
|
|
| lirts | Apr 6 2009, 04:17 PM Post #3 | |
![]()
|
It looks good, just something I noticed though is it doesn't work in IE7. But I was expecting that. lol | |
| ||
![]() |
|
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | ||
| « Previous Topic · Code University · Next Topic » |















) bored, so I basically went through and made a lot of changes to your code that I thought cleaned it up. I'm not trying to be critical of yours, these are just suggestions. Everybody codes differently, so feel free to ignore me if you want to. 
7:48 PM Jul 10