Why does link to another page not workin Firefox?

[KeredDrahcir]

I have an HTML link and for some reason I can't click on it in Firefox. When I mouse over, the pointer stays an arrow. If I tab to the link it works but that is the only way to use it or to get it the focus.

Can anyone see what's wrong?

<a href="http://www.[I]mysite[/I].com/" target="_blank">http://www.[I]mysite[/I].com</a>

[Death Slaught]

Are you using z-indez, floating, or positioning elements? We can't tell you much without the complete markup or a link to the page.


Thanks, Death

[KeredDrahcir]

It's in a table but there no positioning of styles for it.

[Death Slaught]

Like I said, we can't tell you much without the complete markup or a link to the page.


Regards, Death

[KeredDrahcir]

Here is a larger piece of the code.

<table width="100%" cellpadding="0" cellspacing="0" border="0" id="main">
  <tr valign="top">
    <td width='100%'>
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr valign='top'>
          <td width="100%" align="left">
            <h1>Site Name</h1>
          </td>
        </tr>
        <tr valign='top'>
          <td width="100%" align="center">
            <a href="http://www.mysite.com/" target="_blank">http://www.mysite.com</a>
            <br />
            <br />
          </td>
        </tr>
        <tr valign='top'>
          <td width="100%" align="Center"> 
            <div class="img_embed" style="width:330px;">   
              <img border='0' alt='' src="/images/myimage.jpg"   hspace='10' vspace='0' />        
            </div> 
          </td>
        </tr>
        <tr valign='top'>
          <td width="100%" align="left">
            About my site.<br />
            <br />
            More about my site.
          </td>
        </tr>
        <tr valign='top'>
          <td width="100%" align="left">
            <br/>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

[Death Slaught]

You should never use tables for layout. Also, your code is deprecated.

I'm not having the problem in Firefox, Safari, Chrome, or Opera, and I have no idea why you are.

1. Emty your cache.
2. Enter safe mode to see if an extension is causing the problem.
3. Update Firefox

Thanks, Death

[KeredDrahcir]

I know that I should never use tables for layout but I spent many days trying to get absolulty positioned DIVs that would expand for the content and never could manage it so I had to reluctantly use tables.

If you can tell me how to make my DIVs expand if the content requires it then I would rather use them.

[KeredDrahcir]

I'm also aware of the depricated code. I created this website a long time ago and it's something that recently stopped working. I'm working on bringing out an update where the code is more up to date.

[Death Slaught]

Ah, what kind of data will the divisions be holding? By default they should expand to hold the data. Were you using a doctype? As I said before I have no idea why you're experience this, but I would be more than happy to help with the division issue. this will be my last reply for a few hours (my MacBook has 3% charge left and my new charger hasn't come in yet).


Thanks, Death

[KeredDrahcir]

The division we be holding normal HTML data. I allow clients to enter the data and store it in a table and then retrieve it from the table so most of the time it's only HTML content that is put into the page using php.

The DOCTYPE is for XHTML 1.0 Tranistional. I look forward to your reply but I don't suppose I'll be able to see it until Monday anyway.

[Death Slaught]

If the user is entering the code into a textarea then you would only need the textarea to accommodate its size for the amount of code. HTML and CSS can't do this alone, but add a little jQuery and it can.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<!-- jQuery library -->
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
		
		<!-- jQuery for autogrow textarea -->
		<script type="text/javascript" src="http://onehackoranother.com/projects/jquery/jquery-grab-bag/javascripts/jquery.autogrow-textarea.js"></script>
		<style type="text/css">
			textarea {
				line-height: 1;
				font-size: 100%;
				width: 100%;
			}
		</style>
	</head>
	<body>
	
	<div id="container">
	<textarea cols="" rows="6"></textarea> 
	</div>
	
	
	<!-- javascript snippet to make it work -->
	<script type='text/javascript'> 
  		$(function() {
    		$('textarea').autogrow();
  		});
	</script>
	
	</body>
</html>

The jquery.autogrow-textarea.js can be found here.



Regards, Death

[drhowarddrfine]

The problem will be that the link is covered up by something; I'd bet the image is doing it but it could be anything.

[Death Slaught]

The problem will be that the link is covered up by something; I'd bet the image is doing it but it could be anything.

I tried replicating it with at least 7 different images with dimensions up to 3888 x 2592, and couldn't get it to replicate the problem in any browser (couldn't try IE because I don't have it, but the problem is in FF). I've never used tables for layout, but I'm still puzzled as to why it's behaving that way.

[KeredDrahcir]

It's not the height of the text area that is the issue. The textarea is on the backend. What I need to be able to do is output the data on the front end and I couldn't get the DIV to grow if there was a lot of information. I need to nest DIVs.
I'm not making any sense either but I'll try and come up with something that explains it better.

[Death Slaught]

No, that makes sense. By default the divisions should adjust to the content. Of course this all depends on styling. Could you try and create a sample of what you want it to do with divisions, so we will have something to work with.


Thanks, Death