Sent by Bob Easton on 3 January 2005 20:08
Dave wrote:
> CSS-Discuss,
> I've taken steps to make sure my code is not only valid, but also as
> presentable as possible, ...
Yes, the code is presentable, but the HTML could be a bit more valid.
XHTML requires <li>s to be properly closed. There's not a </li>
anywhere to be found. A link statement also needs closing
> ...
> Problem One:
> Positioning: I can get the top line of the menu ("Information |
> Contact | Home"), to be positioned seamlessly in relation to the rest of
> the header graphics. But vertically positioning it so causes the sub
> menus to move in relation to the top line as much as the top line has
> moved from the top of the view port.
> Attempted solutions:
> I have attempted to position the sub menus individually from the top
> line, to prevent it from detaching from the top line. But no success.
> Setting absolute positions for the sub menus has no effect, and changing
> them to relative or other types of position cause them to run around all
> over the screen.
>
The way Suckerfish works is not conducive to introducing absolute
positioning within its declarations. The current situation places the
drop-down 76 px below it's parent and one can never mouse to it. The
best thing to do is to use the Suckerfish CSS exactly as stated on the
origin site, and then place the entire menu system inside another
container, i.e. id="nav-wrap". Then, position #nav-wrap absolutely to
put the entire menu system where you want it.
> Problem Two:
> The text, as can be seen in the Java Script menus on the working
> pages, turns from English to Japanese when rolled over. ...
It might be best to solve the first problem without the complication of
hovers that might be interferring with each other. Work on this after
the menu system is perfected. Or, reduce this one to a "minimal test
case" and solve it independently.
--
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/