On May 11, 2005, at 2:16 PM, James Hallam wrote:
Source file is here:
http://james.globalhavens.com/css-discuss/webtop/webtop.html
If you look at the HTML at the bottom, there are a few DIVs with the class "webtopMenuIconDiv" that are supposed to group the icons on the second row, providing a little padding, and a visible vertical line. This is what I've currently got:
#webtopMenuIconDiv { border-right: 1px #D8D2BD solid !important; padding: 0 10px 0 10px !important; background-color: pink !important; }
Nothing shows up, however. No spacing, no border. You'll see that the code is starting to become littered with !important, something I'm not so happy with.
Can anyone spot something I've missed, or offer a suggestion? The content will eventually be generated server side, so I really want a container div to hold these icons for context, and not just provide the line through some other means.
I'm working with IE 6 and Firefox 1.0.3 - those are are the only targetted browsers for now.
In Safari your circular buttons + labels are in two rows, with the second row starting at "reinsurance".
Your HTML code appears to be quite sloppy -> empty class names, extra divs, etc. I would clean this up and then see how everything looks.
If it doesn't work in Safari, even though you're not targeting it, it's an implication of why you're having problems...
HTH
best,
Charles
______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
