Hello this is my first post here, and I hope you can help me. I am making a homepage for myself just playing around basically, but I have a problem. I have a table that has two links in it, but when you move your mouse over the links you can't click on them. I don't know why. I've tried everything, but nothing works. Here is my url:<br />
<br />
<!-- m --><a class="postlink" href="http://benshomepage.hypermart.net/">http://benshomepage.hypermart.net/</a><!-- m --><br />
<br />
The links are in the middle of the page, take a look at my code and see if you can figure it out, because I sure can't.
Thanks.<!--content-->works for me, goes to microsofts page.<br />
and google<!--content-->Man that is weird. What browser are you using? I have IE 6.0. And when I move my mouse over the links the pointer doesn't turn into the hand, and I can't click on the links.<!--content-->huh...thats weird, I have IE5.5 and I'm getting the same thing, can't click on those links. I thought it was a gag at first, that they were images or underlined text but that is not the case. I looked at the source code a little but did not spot the problem.
<!--content-->OK...the problem is that the table the links are in is floated:<br />
<br />
<table border="1" bordercolor=red cellspacing="0" cellpadding="0" width="55%" height="1" align="right"><br />
<br />
this is causing the table to be "under" the rest of the page (I think, but I'm not sure why, I did not check all the rest of the code) so the links can not be clicked on. If you simply remove the align=right attribute from the table tag you will see what I mean. It will mess up your table alignment so you will need to make adjustments.<!--content-->well after looking at it and tearing it apart I found a couple of things but no reason why it does it.<br />
<br />
first you might want to go back and check the nesting of tags. you are missing 1 to 2 closing table and cell tags. although this is not the reason. I have come to this, and it still doesn't work.<!--content-->Remove the align="right" from the <table> tag. The align attributes are being deprecated, partly because they can cause odd problems like this.<br />
<br />
Use block element positioning (<div></div>) instead:<div align="right"><br />
<table border="0" cellspacing="0" cellpadding="0" width="55%" height="1"><br />
<tr align="center"><br />
<td align="left" background="images/background.gif" width="1" align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/topleft.jpg" width="18" height="18" alt="" border="0"></td><br />
<td width="500" align="right" background="images/background.gif"><font face="arial" size="2" color="#ffffff">SITE </font></td><br />
<td width="500" align="left" background="images/background.gif"><font face="arial" size="2" color="#ffffff">NEWS</font></td><br />
<td align="right" background="images/background.gif" width="1"><img src=http://www.htmlforums.com/archive/index.php/"images/topright.jpg" width="18" height="18" alt="" border="0"></td><br />
</tr><br />
<tr><br />
<td align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td><br />
<td align="center"><font face="arial" size="3" color="#000000">Headlines</td></font><br />
<td align="center"><font face="arial" size="3" color="#000000">SPOTD</td></font><br />
<td align="right"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td></tr><br />
<tr><br />
<td height="50" align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td><br />
<td height="50" align="center"><a href=http://www.htmlforums.com/archive/index.php/"http://www.microsoft.com">this link isn't working</a></td><br />
<td height="50" align="center"><a href=http://www.htmlforums.com/archive/index.php/"http://www.google.com">this one too.</a></td><br />
<td height="50" align="right"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td></tr> <br />
</table><br />
</div><!--content-->well I have never seen align=right do anything like this. although he is using a lot of div's all you need to do it move the align=right from the table up to the <td> that holds the table.<br />
<br />
<TD width="100%" colSpan=3 align=right><br />
<TABLE height=1 cellSpacing=0 cellPadding=0 width="55%" border=0><br />
<br />
then it will work right and be right where you want. but you are still missing tags.<!--content-->The DIV also aligns it right where he wants it. It's no different to using the <td align="right"> you have specified. I had the very same problem some time ago when I was developing my site. DIVs are the recommended method of aligning block elements, in fact, strictly speaking, W3C doesn't recommend tables are used to define the site's layout (although we all do it coz it's a damn sight easier than battling with CSS-P).<!--content-->I wasn't doubting your way, which I think is the way to go as well, it's just that I never had those problems. although I don't have that many table aligns as I try to use divs myself. <br />
<br />
funny how you saty W3C doesn't like the webmaster to use tables. it also doesn't like marginheight and marginwidth, yet that is the only way to get NS4.xx to make the margins 0, stupid stupid stupid.<br />
<br />
maybe if NS put as much effort into the css than into the added bonus features (AIM, plugin after plugin) they might have a good browser.<!--content-->Yep, you're absolutely right regarding some of the compatibility issues where NS4 is concerned and as a result you are often "forced" into using deprecated attributes merely to support older browsers.<!--content-->Thanks a lot!!! I change the table align right into a div align right and tadaa I've got clickable links! Thank you so much!
<!--content-->
<br />
<!-- m --><a class="postlink" href="http://benshomepage.hypermart.net/">http://benshomepage.hypermart.net/</a><!-- m --><br />
<br />
The links are in the middle of the page, take a look at my code and see if you can figure it out, because I sure can't.
Thanks.<!--content-->works for me, goes to microsofts page.<br />and google<!--content-->Man that is weird. What browser are you using? I have IE 6.0. And when I move my mouse over the links the pointer doesn't turn into the hand, and I can't click on the links.<!--content-->huh...thats weird, I have IE5.5 and I'm getting the same thing, can't click on those links. I thought it was a gag at first, that they were images or underlined text but that is not the case. I looked at the source code a little but did not spot the problem.
<!--content-->OK...the problem is that the table the links are in is floated:<br /><br />
<table border="1" bordercolor=red cellspacing="0" cellpadding="0" width="55%" height="1" align="right"><br />
<br />
this is causing the table to be "under" the rest of the page (I think, but I'm not sure why, I did not check all the rest of the code) so the links can not be clicked on. If you simply remove the align=right attribute from the table tag you will see what I mean. It will mess up your table alignment so you will need to make adjustments.<!--content-->well after looking at it and tearing it apart I found a couple of things but no reason why it does it.<br />
<br />
first you might want to go back and check the nesting of tags. you are missing 1 to 2 closing table and cell tags. although this is not the reason. I have come to this, and it still doesn't work.<!--content-->Remove the align="right" from the <table> tag. The align attributes are being deprecated, partly because they can cause odd problems like this.<br />
<br />
Use block element positioning (<div></div>) instead:<div align="right"><br />
<table border="0" cellspacing="0" cellpadding="0" width="55%" height="1"><br />
<tr align="center"><br />
<td align="left" background="images/background.gif" width="1" align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/topleft.jpg" width="18" height="18" alt="" border="0"></td><br />
<td width="500" align="right" background="images/background.gif"><font face="arial" size="2" color="#ffffff">SITE </font></td><br />
<td width="500" align="left" background="images/background.gif"><font face="arial" size="2" color="#ffffff">NEWS</font></td><br />
<td align="right" background="images/background.gif" width="1"><img src=http://www.htmlforums.com/archive/index.php/"images/topright.jpg" width="18" height="18" alt="" border="0"></td><br />
</tr><br />
<tr><br />
<td align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td><br />
<td align="center"><font face="arial" size="3" color="#000000">Headlines</td></font><br />
<td align="center"><font face="arial" size="3" color="#000000">SPOTD</td></font><br />
<td align="right"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td></tr><br />
<tr><br />
<td height="50" align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td><br />
<td height="50" align="center"><a href=http://www.htmlforums.com/archive/index.php/"http://www.microsoft.com">this link isn't working</a></td><br />
<td height="50" align="center"><a href=http://www.htmlforums.com/archive/index.php/"http://www.google.com">this one too.</a></td><br />
<td height="50" align="right"><img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="1" height="1" border="0"></td></tr> <br />
</table><br />
</div><!--content-->well I have never seen align=right do anything like this. although he is using a lot of div's all you need to do it move the align=right from the table up to the <td> that holds the table.<br />
<br />
<TD width="100%" colSpan=3 align=right><br />
<TABLE height=1 cellSpacing=0 cellPadding=0 width="55%" border=0><br />
<br />
then it will work right and be right where you want. but you are still missing tags.<!--content-->The DIV also aligns it right where he wants it. It's no different to using the <td align="right"> you have specified. I had the very same problem some time ago when I was developing my site. DIVs are the recommended method of aligning block elements, in fact, strictly speaking, W3C doesn't recommend tables are used to define the site's layout (although we all do it coz it's a damn sight easier than battling with CSS-P).<!--content-->I wasn't doubting your way, which I think is the way to go as well, it's just that I never had those problems. although I don't have that many table aligns as I try to use divs myself. <br />
<br />
funny how you saty W3C doesn't like the webmaster to use tables. it also doesn't like marginheight and marginwidth, yet that is the only way to get NS4.xx to make the margins 0, stupid stupid stupid.<br />
<br />
maybe if NS put as much effort into the css than into the added bonus features (AIM, plugin after plugin) they might have a good browser.<!--content-->Yep, you're absolutely right regarding some of the compatibility issues where NS4 is concerned and as a result you are often "forced" into using deprecated attributes merely to support older browsers.<!--content-->Thanks a lot!!! I change the table align right into a div align right and tadaa I've got clickable links! Thank you so much!
<!--content-->