|
|
Posted by z on 11/07/06 15:52
Ben C wrote:
> On 2006-11-06, z <news01.web@mailnull.com> wrote:
> [snip]
>> I don't have a server that I can post it on at the moment. Here is the
>> entire file though: http://pastebin.ca/raw/241965
>>
>> Unfortunately the green line gets obscured by the dropdowns. I don't
>> know if there is a way around that.
>
> Just add a margin-top to #mainMenu li ul.
I had tried that, but I think I put it in the wrong place. I went with
padding-top in the end to keep the menu from disappearing.
>> The list-style-image that I added didn't seem to work either.
>
> You don't see the bullets at all, or you see them, but they're in the
> wrong place?
I see the bullets, but they are too far to the left of the list items, and
overlapping with the <li>s to the left. I tried list-style-position:
inside;, but that just put the list items on a line below the bullets.
I'm reading about another way to remove the list-style-image and use a
background image, but haven't tried it yet.
>> Other than that, it almost looks exactly right. Also need to look
>> into how to make a delay for the dropdowns with JavaScript if that is
>> possible. So that when the mouse leaves the sub-menus, there is a
>> momentary delay before they disappear.
>
> Should be able to do that with onmouseout and setTimeout.
>
> A quite nice way to do that kind of thing is rather than set individual
> styles in the JS, just change classes.
I'll look into that.
Thanks for your help. This is the most difficult thing I've ever tried to
do in CSS. I wouldn't have thought it possible. I am impressed with your
knowledge of CSS. Is there a book on CSS that you could recommend that
would explain these things clearly? I have a couple of CSS books already,
but not impressed with them. I like computer books that get to the point
really fast.
Navigation:
[Reply to this message]
|