[smogscythe]

hello again,

i've used list items and styled it with CSS for my dropdown menus.
now, regular <ul>'s are styled as the dropdown menu, which you can see:
http://www.mauiwedding.net/packages/whiteorchid.php does not have an appealing effect.

i put an id="normal" on the lists across the site that's not part of the dropdown menu, and trying to style it to be 'normal' in the style sheet. that may be the solution, if it is, i'm not having any sucess with it.

any suggesstions, and again, thanks in advance!

[registered_user]

put a class on the menu <ul>s instead and style the class, not the tag. e.g. <ul class="nav"> then style .nav

That's more efficient than unstyling the other lists. Especially since you can't unstyle things like float.

[Synotic]

Originally posted by registered_user:
Especially since you can't unstyle things like float.

float: none ?

[CaptainHaddock]

Heh, I had that problem just yesterday, trying to un-style a list to use it in body text. I found that float:none wouldn't eliminate the float for some reason. As a quick fix, I set the list elements to clear:both.

Much better to leave the default UL and LI alone, though, and create a class or IDs for the menu ULs, and use the drop-down styles for those classes or IDs only.

[registered_user]

Originally posted by Synotic:
float: none ?

nope. You just can't unfloat something.

At least not in the real world, I don't know what the spec says.

[Millennium]

I'm inclined to agree with the others here. Semantically, it's cleaner to put a class or ID on the navigation lists (class="nav" is what I usually use) and style the lists. The reason, semantically, is that these lists are special; they're not regular lists, and so they should be noted as such by using the classes.

Once you've done that, you can put your list-style-image on the regular UL tag (that's a very nice-looking bullet, by the way). That should fix your problems.

[Simon Mundy]

Originally posted by registered_user:
nope. You just can't unfloat something.

At least not in the real world, I don't know what the spec says.

Yes you can! I'm in the middle of a job where the layout DIV is a float on the entire set except on one page, and on that page I simply have the following in the HEAD of the page:-

Code:
<style type="text/css">
#layout { float: none; padding: 0; }
</style>

Works as expected.

[registered_user]

I just tried it, and sure enough it works.

I could have sworn that you can't unfloat something. Maybe it was an older browser bug that I'm thinking of, or maybe I'm insane. One or the other.