I have a problem with the formatting of a drop down menu done completely in css. Here is the site here: <!-- m --><a class="postlink" href="http://sundaysermons.heikou.net/brickaday/">http://sundaysermons.heikou.net/brickaday/</a><!-- m -->
If you roll your mouse over the "sunday sermons" selection on the left hand menu, you'll see a small menu pops up beneath it. For starters, you should see that the menu selections have a gray divider line under them, except for the one for "announcements". Ever since I included that drop down menu, the line that should be located under "announcements" has disappeared, and I don't know how to get it back without taking out the drop down menu completely.
Secondly I wanted to format the drop down menu so that it displays horizontally instead of vertically, but I can't figure that out either. Basically it should look like this: <!-- m --><a class="postlink" href="http://sundaysermons.heikou.net/menu.gif">http://sundaysermons.heikou.net/menu.gif</a><!-- m -->
My css can be found here <!-- m --><a class="postlink" href="http://sundaysermons.heikou.net/brickaday/brickaday.css">http://sundaysermons.heikou.net/brickaday/brickaday.css</a><!-- m -->
Thanks in advance for any help you're able to give me.1. Add height:1.5em; to li
2. Add width:55px; to li ul liwow that totally worked. Mind giving me an explanation as to why those things needed to be there?1. IE showed the border, FF didn't. IE will change the height of an element if the contents does not fit, so give the element(s) enough height to accommodate the contents in FF.
2. #leftcontent and li had width: 210px; so 2 (submenu) li's would not fit. Redefining their width to 55px allowed them to sit next to each other on 1 line.okay I understand now. thanks
If you roll your mouse over the "sunday sermons" selection on the left hand menu, you'll see a small menu pops up beneath it. For starters, you should see that the menu selections have a gray divider line under them, except for the one for "announcements". Ever since I included that drop down menu, the line that should be located under "announcements" has disappeared, and I don't know how to get it back without taking out the drop down menu completely.
Secondly I wanted to format the drop down menu so that it displays horizontally instead of vertically, but I can't figure that out either. Basically it should look like this: <!-- m --><a class="postlink" href="http://sundaysermons.heikou.net/menu.gif">http://sundaysermons.heikou.net/menu.gif</a><!-- m -->
My css can be found here <!-- m --><a class="postlink" href="http://sundaysermons.heikou.net/brickaday/brickaday.css">http://sundaysermons.heikou.net/brickaday/brickaday.css</a><!-- m -->
Thanks in advance for any help you're able to give me.1. Add height:1.5em; to li
2. Add width:55px; to li ul liwow that totally worked. Mind giving me an explanation as to why those things needed to be there?1. IE showed the border, FF didn't. IE will change the height of an element if the contents does not fit, so give the element(s) enough height to accommodate the contents in FF.
2. #leftcontent and li had width: 210px; so 2 (submenu) li's would not fit. Redefining their width to 55px allowed them to sit next to each other on 1 line.okay I understand now. thanks