Sent by Matt Jalbert on 8 February 2008 01:01
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-REMOVED]]
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/
