David, Thank you for the very direct help. I have been spinning my wheels for a week, trying to solve these problems.
I removed the margin from the replaced text in the headers. I had been trying to fix the problem in the image specifications. I returned everything there to its proper state. The headers now look as they should in Firefox 2, Opera 9.2, and IE 6. I won't make that mistake again. The list tutorials cleared up a lot of confusion about my list link styling. Everything is working well now. This also allowed me to remove some "alternate code" for IE, so the code is simpler and validates. I still get 6 HTML errors in the JavaScript code when I validate the Index page. The list items that scroll have an attribute "delay=3". I don't know enough JavaScript to correct it, and since the scrolling is working, I'll leave it. Thank you, again, Kathy Parmentier -----Original Message----- From: David Hucklesby [mailto:[EMAIL PROTECTED] Sent: Tuesday, July 03, 2007 9:45 PM To: Kathy Parmentier; css-d@lists.css-discuss.org Subject: Re: [css-d] Links are not styling and position is wrong. On Tue, 3 Jul 2007 12:59:18 -0700, Kathy Parmentier wrote: > I am having a lot of trouble with link styling and header positioning. The styles do > not display correctly. Even more confusing to me is that they display (mostly) as I > expect in IE6, but not in Firefox 2. > Well, you are trying to stuff a #homeheader1 that's 213px high into #homeheader that is 197px high. You are also giving the H1 a top margin of 1em, which likely corresponds to the gap you refer to. > I have been able to get the navigation links to display as I intend if I embed the link > styling. However, the link styling for the footer and main content area have now also > changed. Why? There is a bit of JavaScript on the Index page, but removing it with > its source code did not make any difference. > The JavaScript is not the culprit, as you say. But you have several serious markup errors you can't blame on the script. You'll need to fix those. I see several other issues as well. Hopefully these are due to the markup errors. I also think that you have far too many DIVs inside DIVs ... It makes debugging quite difficult. For all the links, you may be better off with a more conventional navigation structure. I found these tutorials useful when I was learning link styling: <http://css.maxdesign.com.au/listamatic/> Hope they help. > > The development site is http://www.ladera.org/DEV/Kathy/index.html The CSS is > http://www.ladera.org/DEV/Kathy/ladera.css > Cordially, David -- ______________________________________________________________________ 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/
