What makes vertical dropdown menus ... vertical?

Okay, based on what I had seen others do, I modified their stylesheet
and created a test webpage of a pure CSS dropdown menu. When I got it
perfected exactly the way I wanted it, I moved it into my production
testing site and voila ... the vertical dropdowns were no longer
vertical but, alas, horizontal. I did not add the new stylesheet to
my current stylesheet since my original only governs fonts and the new
(2nd) stylesheet only defines the dropdown. Thanks for any help.

re: What makes vertical dropdown menus ... vertical?

On 25 Jun, 17:37, paintedj...@gmail.com wrote:Thanks for a URL

re: What makes vertical dropdown menus ... vertical?

paintedjazz@gmail.com wrote:Maybe if you add the additional CSS it might work?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

re: What makes vertical dropdown menus ... vertical?

On Jun 25, 12:46 pm, Jim Moe <jmm-list.AXSPA...@sohnen-moe.comwrote:I wasn't very clear I guess -- I do include the stylesheet for the
dropdown menu (just as a separate file).

re: What makes vertical dropdown menus ... vertical?

paintedjazz@gmail.com wrote:<signature snipped>
No you weren't because you still have not provided a URL to the page in
question. No one can really help you without actually seeing your code!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

re: What makes vertical dropdown menus ... vertical?

On Mon, 25 Jun 2007 23:13:21 -0000, paintedjazz@gmail.com wrote:
We don'tcare, we've heard it before. Put it on a web server where we can
see it.
.... or maybe not.

What part of "If you expect someone to help you for free, give them one
easy URL and don't make them work for it" are you having th eproblem
with?

re: What makes vertical dropdown menus ... vertical?

Okay, I've made the keyserved apps unavailable via the web. I should
first point you to the test URL in which I succeeded in getting the
output that I desire (in both Safari and Firefox on the Mac):

http://128.111.108.19/menu.html

with stylesheet at:

http://128.111.108.19/menu.css


The URL of my problem vertical menu is:

http://earth.geol.ucsb.edu/SoftwareLibrary/EarthScience

The stylesheet is:

http://earth.geol.ucsb.edu/surfmaker.menu.css

I've since discovered that the horizontal menu in Safari (which is
supposed to be vertical) is not even horizontal in Firefox. In
Firefox, the list items pile on top of each other. Thanks for any help.

re: What makes vertical dropdown menus ... vertical?

paintedjazz@gmail.com wrote:Perhaps you should clean up all of the validation errors first.
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fearth.geol.ucsb.e du%3A16080%2FSoftwareLibrary%2FEarthScience%2F>


--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

re: What makes vertical dropdown menus ... vertical?

On Tue, 26 Jun 2007 17:34:54 -0000, paintedjazz@gmail.com wrote:
Lose the XHTML

Fix the validation and well-formedness errors

If you're expert, perfect and have a reason then _think_ about XHTML.
Otherwise use HTML 4.01 Strict

Use HTML 4.01 Strict

Lose the HTML 3.2 markup

Fix the validation and well-formedness errors

Only then start to worry about CSS problems.

If you're expert, working on lots of well-established legacy pages and
being paid for it then think about using HTML. 4.01 Transitional
Otherwise use HTML 4.01 Strict

re: What makes vertical dropdown menus ... vertical?

On 2007-06-26, paintedjazz@gmail.com <paintedjazz@gmail.comwrote:Hard to see why Firefox is doing that, could even be a bug, but fix the
validation errors first.

As for Safari, you could always give the second <liclear: left, but I
don't understand why you need to float these <li>s anyway, or the <a>s
inside the <li>s. It looks like you're using float far more than you
need to.

Why is Safari showing the two list items next to each other? It must
have an idea that more width is "available". The available width in this
case is rather complicated since you have several nested shrink-to-fit
containers, all inside a <tdwith "width: 100%". But who knows, perhaps
Safari is producing a different DOM tree from your broken HTML in the
first place.