Maxwell Balmain wrote:
> Hi All,
>
> I redid a site I am working on for an artist friend. Her art is just
> darn cool and I am hoping this will help her.
> The site address is at: http://maxwellbalmain.com/jordan_03dec/
> index.html
> The site css is at: http://maxwellbalmain.com/jordan_03dec/styles.css
>
> Its a basic gallery site with four absolute positioned graphic
> elements. The questions I have are (in no particular order):
>
> 1) Safari: when you mouse over the picture thumbnails the css
> rollover effect is incomplete on the top row (only) in Apple Safari.
> The other rows roll over just fine.
>
> 2 )In IE 6 the two top left absolute positioned graphics show about 5
> pixels too low. I fixed this with the "backslash comment hack" which
> moves these elements(the little bird & the "2007" star) back up 5
> pixels in IE. Is there a better solution than resorting to this hack?
> I would like to use clean code...
>
> 3) In IE 6 I had to use another "backslash comment hack" to move the
> "news" list items into correct position in the absolute positioned
> wine bottle. Without the hack the list was too far left in IE 6.
>
> 4) In IE 6 the same list in the absolute positioned wine bottle will
> not produce the desired underline effect when mousing over the li's.
> The underline effect works on all other browsers just fine.
>
> 5) And lastly the same li's in the absolute positioned wine bottle
> will show the i-beam cursor during mouse overs in all browsers. Why?
> All other links and hot elements show the standard default hand
> cursor during mouse overs.
>
> Thanks in advance to all who can shed some light on these annoying
> questions...
>
> Max
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
On IE6 (Win2k), the colored boxes containing the right nav links do not
expand to the varying widths of the links.
I was able to get a good result from adding:
* html ul#mainmenu {
width:auto;
}
* html ul#mainmenu li {
width: 3.8em;
}
*html ul#mainmenu li a {
width:120%;
}
This made the nav bar display as same-width boxes with full link visibility.
I don't think that one was on your list, but IE6 is always good for a
few surprises....
-JCD
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
