Hello everyone. I'm having problems today. My new page, <!-- m --><a class="postlink" href="http://iwdtestsite.com/oevas">http://iwdtestsite.com/oevas</a><!-- m --> is not showing up correctly in neither Netscape or Mozilla.
In Netscapae, the top table is extending forever. In both browsers, my footer is showing up as if I don't have a style for it at all. The stylesheet can be found at: <!-- m --><a class="postlink" href="http://iwdtestsite.com/oevas/styles.css">http://iwdtestsite.com/oevas/styles.css</a><!-- m -->
Also,
#nav li a:hover {
border-left: 10px solid #999933;
border-right: 10px solid #999933;
background-color: #cc9;
color: #000;
}
Should cause a dark right and left border on my list. The left side is the only side cooperating. You will see what I'm talking about if you rollover the links.
Any help you can provide will be appreciated.
BTW, the style #footer is for my bottom links. Thank you.
Magikey.I'm not sure what you mean by "the top table is extending forever."
The reason the footer is showing up like that, is because you have assigned two elements the same ID--the footer <td>, and the <div> within the footer. If you want to assign a style to multiple elements, you should use a class instead; an ID is meant to be used only once.
And as for the links, they appear to be displaying correctly in Firebird, but not in IE; not sure why it's not working in IE...What about the links isn't working in IE? Seems fine to me.Thanks guys. As for how the links are supposed to appear, when a visitor mousesover the links, the background of text boxes turn a different color, the left and right margins are both suppose to change a darker shade from the text background color.
I hope you understand this.
See <!-- m --><a class="postlink" href="http://alistapart.com/articles/taminglists">http://alistapart.com/articles/taminglists</a><!-- m --> Scroll down to the section, "In the Real World". It is supposed to act like that one.
MagikeyMaybe I'm crazy, but that's exactly what happens in my IE6. BG changes, darker to the left of the text.....Its supposed to change on both the right and left sides.Ah, ok. Well it's minor in my opinion, but you're right, it's not doing that.LOL. Thank you Dunsel, you're right. It doesn't look bad, I just wanted to know why it wasn't working correctly.
Magikey.OK Paul. You said the following:
"The reason the footer is showing up like that, is because you have assigned two elements the same ID--the footer <td>, and the <div> within the footer."
I checked my html. It is as follows:
<tr>
<td colspan="2" id="footer"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a> | <a href="#">Link</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a> | <a href="#">Link</a> </td>
</tr>
It doesn't appear to be in a <div> tag at all.
Help!
PeggyI'm sorry Paul. I found the problem. I had an extra "}" after the one at the end of a previous style.
Thank you again.
Magikey
In Netscapae, the top table is extending forever. In both browsers, my footer is showing up as if I don't have a style for it at all. The stylesheet can be found at: <!-- m --><a class="postlink" href="http://iwdtestsite.com/oevas/styles.css">http://iwdtestsite.com/oevas/styles.css</a><!-- m -->
Also,
#nav li a:hover {
border-left: 10px solid #999933;
border-right: 10px solid #999933;
background-color: #cc9;
color: #000;
}
Should cause a dark right and left border on my list. The left side is the only side cooperating. You will see what I'm talking about if you rollover the links.
Any help you can provide will be appreciated.
BTW, the style #footer is for my bottom links. Thank you.
Magikey.I'm not sure what you mean by "the top table is extending forever."
The reason the footer is showing up like that, is because you have assigned two elements the same ID--the footer <td>, and the <div> within the footer. If you want to assign a style to multiple elements, you should use a class instead; an ID is meant to be used only once.
And as for the links, they appear to be displaying correctly in Firebird, but not in IE; not sure why it's not working in IE...What about the links isn't working in IE? Seems fine to me.Thanks guys. As for how the links are supposed to appear, when a visitor mousesover the links, the background of text boxes turn a different color, the left and right margins are both suppose to change a darker shade from the text background color.
I hope you understand this.
See <!-- m --><a class="postlink" href="http://alistapart.com/articles/taminglists">http://alistapart.com/articles/taminglists</a><!-- m --> Scroll down to the section, "In the Real World". It is supposed to act like that one.
MagikeyMaybe I'm crazy, but that's exactly what happens in my IE6. BG changes, darker to the left of the text.....Its supposed to change on both the right and left sides.Ah, ok. Well it's minor in my opinion, but you're right, it's not doing that.LOL. Thank you Dunsel, you're right. It doesn't look bad, I just wanted to know why it wasn't working correctly.
Magikey.OK Paul. You said the following:
"The reason the footer is showing up like that, is because you have assigned two elements the same ID--the footer <td>, and the <div> within the footer."
I checked my html. It is as follows:
<tr>
<td colspan="2" id="footer"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a> | <a href="#">Link</a> |
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a> | <a href="#">Link</a> </td>
</tr>
It doesn't appear to be in a <div> tag at all.
Help!
PeggyI'm sorry Paul. I found the problem. I had an extra "}" after the one at the end of a previous style.
Thank you again.
Magikey