Sent by David Normal on 8 December 2004 05:05
Hi,
I'm putting together a site with CSS for the first time. I've gotten
pretty far with it, but now I just don't know how to resolve certain
problems . . . I could really use some help and be very grateful for
it. Please take a look.
The pages are here - it is for "Rosemary's Billygoat" a
punk/goth/heavymetal boutique located in Los Angeles.
http://www.normal-design.com/odditorium/oddindex.html
(only "footware" and its submenu is linked properly at this time)
I've done this with doctype of xhtml strict. I have used Adobe Go Live
to edit the HTML, and "Stylemaster" to edit the CSS.
It reads perfectly in the Browsers I use on my Mac, IE 5.2, and Safari
1.2.4. It has a problem in Mozilla - but I don't want to think about
that now. My priority is to get it sorted out in IE 6 win.
I've got some positioning problems with IE 6 win especially. If you
look you will see the following:
1. There is a little black box covering in the upper left corner
obscuring a bit of the logo. I don't know what it is or where it came
from. Its gotten smaller since my latest CSS revision, but I don't
know how, since I don't know what it is. How can I get rid of the
black box entirely?
2.The navbar (div#list01 ul, div#list01 li ul) below the logo is really
"spaced out" - This is a CSS pop-up menu I made from a list by
following the tutorial on the subject by Eric Meyer*. I've read in a
couple of places in this forum that adding a border to the list and its
items will remedy this IE 6 "spaciness" problem. Currently you can see
the red border I put on this for observation. How can I get the
spaces out of the formatting of this Navbar?
3.The two paragraphs (p#address-p, p#party-p) contained in a div
(div#storeinfo), are completely overlapping eachother in IE 6 win. Of
course this looks perfect in other browsers . . . I can't imagine what
can be responsible for such a crass misinterpretation of the
positioning specified in the CSS script. What's going on there?
4. What I call the "Rollover Bar" (navigation bar on right -
div#rollovercomp) does not display the text correctly in IE 6 win. The
graphics play a kind of cup and ball game with the text that gets
hidden beneath the graphics, and then appears when the link is in hover
state - or the text is just placed to the right of the graphic instead
of underneath. Anyone know what the problem is here?
I assume that because I am a beginner, these problems are nothing very
exotic, and so if you recognize the easy fixes to these bugs please let
me know.
Thanks,
David Normal
http;//www.normal-design.com
* I thought that tutorial was pretty cool, and I tried to integrate it
with the "dynamic image switching" that one can see in the "theater".
However when I tried to piggy back those images into the hover state it
just did a crazy flickering dance in the browser. I don't have any
remnant of that experiment anymore, since I realized that if I used CSS
(CSS 2 should I say) to do that - only 1 out of 10 people would see
this very central effect because the CSS 2 is not supported by
Explorer. So I did this by using Go Live DHTML actions - which is a
pain in the butt, but it seems to be pretty stable across browsers and
platforms - more so than any CSS that's for sure!
______________________________________________________________________
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/
