HOPEFULLY SOMEONE can help! I’ve got in way over my head while trying to implement a new CSS menu for my website… I used the menu that can be found here.
http://www.lwis.net/free-css-drop-down-menu/
(Adobe.com Theme)
So…I edited all the CSS, Menu Code and added images instead of text for the menu… I got the menu working great! The only problem is when I tried to incorporate it into my site I encountered problems…(I think it has to do with my sites style sheet and the style sheet for the menu)
Whenever I place the menu on a page its screws up the formatting of all the text on the page! I narrowed the problem down to the CSS file listed below
http://sheffieldfurniture.com/cssmenu/dropdown/themes/adobe.com/helper2.css
I narrowed the line of code that is causing the problem to this
- { margin: 0; padding: 0; }
When this CSS file is linked to my page looks like this (Notice the menu is aligned to the top properly but text spacing below is messed up and some of it is Italic….) See Below
http://sheffieldfurniture.com/main/rugtest.html
NOW….If I remove the * { margin: 0; padding: 0; }
From the css file (helper2.css) All together than my page looks GREAT!! The only problem is my menu doesn’t align to the top properly! See below
http://sheffieldfurniture.com/main/rugtest2.html
I’m not sure if I need to just fix the CSS file or just remove the * { margin: 0; padding: 0; } and edit some code on my page to allow it to align top…Can anyone please help!? Thanks in advance for anyone patient enough to look into this issue!