Re: [css-d] list bullet not showing; spacing in IE6
Try separating the background rule:
.list)1 li {background: url(_img/bullet-nav.gif);
background-repeat:no-repeat; background-position; 5px 50%;}
also try putting position: relative; in there
see which one works
Neal
.list01 li {
padding: 0px 0pt 0px 14px;
background: url(_img/bullet-nav.gif) no-repeat scroll 5px 50%;
display: block;
}
Why do the list bullets not show in IE/Safari as they do on Firefox?
How can I get them to show?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] list bullet not showing; spacing in IE6
I am trying to solve a problem with bullets in a list, and some
spacing problems.
On this page:
http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/
the bullets in front of Read all about... and Contact: (510)...
show up fine in Firefox (Mac, PC), but not in Safari (Mac) or IE (PC).
The CSS is here:
http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/
style.css
I have a few things going on with lists on the page -- I'm using
lists for the top nav, and have this global style:
ol, ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
The items where the bullets don't appear are in the .list01 class:
.list01 li {
padding: 0px 0pt 0px 14px;
background: url(_img/bullet-nav.gif) no-repeat scroll 5px 50%;
display: block;
}
Why do the list bullets not show in IE/Safari as they do on Firefox?
How can I get them to show?
And, another issue related to IE 6: I have two divs stacked in the
header to create the double line (one dotted, one solid). They are
correctly 1px apart in Firefox and Safari and IE7, but in IE6,
there's a big gap between the lines. Any ideas how to fix?
Lastly, I have attached the page-bottom curved image by using div
id=pageBottom. I was only able to get it to attach to the white
page div above it by giving it a -1.6em top margin. While this
works, I distrust my method. Any tips on how to get that div/image in
place (touching the page div so the borders attach) in a better way?
Thanks for any help.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list bullet not showing; spacing in IE6
On Feb 8, 2008, at 3:47 AM, Matt Jalbert wrote: I am trying to solve a problem with bullets in a list, and some spacing problems. On this page: http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/ the bullets in front of Read all about... and Contact: (510)... show up fine in Firefox (Mac, PC), but not in Safari (Mac) or IE (PC). The CSS is here: http://www.sparklejet.com/clients/graybrech/_dev/mockups/home01/ style.css The fact that you can see the background-image (bullet) in Gecko (Firefox) is actually a bug in that rendering engine (the '-moz-float- edge: content-box;' issue). What Safari and Opera do is correct: the background-image is under / covered by the portrait image. What you want to do is give the div that wraps around your list a left margin (200px); that ought to fix the issue. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
