A strange problem... can not highlight or click text boxes 1

[Ayac]

I created a site

http://www.hondaklub.com

where I have a problem and I could not figure out the reason no matter how hard I tried so far. It is probably a little thing because none of my other sites have the same issue, but it bugs me as hell.

Anyways, the problem is that there are certain locations of the pages (usually the lower bottom) where it is very hard to highlight anything. You can track it really well, when go into the "forums", login and display a list of threads. There is no problem highlighting about up to one half of the screen but if you go further, the selection disappears and becomes unconsistent.
In addition, if you go to the registration from (it opens from the Club History page), it is very hard or almost impossible to click on the lower text boxes of the screen. I think these two things are related.
In Mozilla or Netscape it seems to be okay, but Internet Explorer makes these strange effects...

If anyone would know how to fix this I would really appreciate it... this is the weirdest thing I have ever seen in HTML land...

 

[TwoOdd]

Not sure what is causing your problems, but I did notice a couple of things in your code. There's a lot of code to look through, so I may be wrong, but here are my two observations on the registration form:

1. No closing paragraph tag on this line:
<p class=&quot;cent&quot;>Honda Friends' Club, Hungary<br />The fields marked with a Honda emblem are required!<br /><br />
--usually I don't think it would make a difference, but because you are applying a style with the tag, you may want to add a closing tag to the line just to be on the safe side.

2. This is the only line I saw with paragraph tags around the text box and this is the first text box that you can't click in:
<p><input type=&quot;text&quot; name=&quot;rendszam&quot; size=&quot;10&quot; style=&quot;HEIGHT: 20px; WIDTH: 240px&quot; value=&quot;&quot;></p>

Don't know if this will help with your problem, but it probably wont hurt to make those couple of changes.

Good Luck and great job on designing your website!!

TwoOdd
--------------
Good judgment comes from experience, and experience comes from bad judgment.
-- Barry LePatner

 

[Ayac]

Thanks for taking your time looking thorough the code. I really appreciate it.
I fixed those missing tags, but the page still does the same...

Just in case, here is the style sheet I use. For me it does not seem to have anything terrible in it, does it?

td.sz {background: #666666}
td.ssz {background: #333333}
td.vi {background: #663300}
td.fe {background: #000000}
td.hr {background: #FFFFFF}
td.vsz {background: #CCCCCC}
td.sa {background: #FFFFCC}
td.feher {background: #FFFFFF}


body {background-color: black;
margin: 0px;
margin-top: 0px;
margin-left: 0px;
background-image: url(&quot;

http://www.hondaklub.com/honda/img/hattercsiksz.gif&quot;);

SCROLLBAR-FACE-COLOR: #888888;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #BBBBBB;
SCROLLBAR-ARROW-COLOR: #FF0000;
SCROLLBAR-TRACK-COLOR: #666666;
SCROLLBAR-DARKSHADOW-COLOR: #444444}

h1 {text-align: left;
color: #FFFFFF;
font-size: 12px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

li {text-align: left;
color: #FFFFFF;
font-size: 12px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

ul {text-align: left;
color: #FFFFFF;
font-size: 12px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

p {text-align: left;
color: #FFFFFF;
font-size: 12px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

p.fe {text-align: center;
color: #000000;
font-size: 12px;
font-family: arial,verdana;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px}

p.sm {text-align: center;
color: #FFFFFF;
font-size: 11px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

p.smb {text-align: left;
color: #FFFFFF;
font-size: 11px;
font-family: arial,verdana;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px}

p.sml {text-align: left;
color: #FFFFFF;
font-size: 11px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

p.cent {text-align: center;
color: #FFFFFF;
font-size: 12px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

p.left {text-align: left;
color: #FFFFFF;
font-size: 12px;
font-family: arial,verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px}

p.title {text-align: center;
color: #FFFFFF;
font-size: 17px;
font-family: arial,verdana;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px}

a:link {color: #CCCCCC}
a:visited {color: #CC9999}
a:active {color: #FFFFFF}
a:hover {color: #FF0000}

a.l:link {color: #FFFFFF}
a.l:visited {color: #DDDDDD}
a.l:active {color: #FFFFFF}
a.l:hover {color: #FF0000}

a {text-decoration: none;
font-style: italic;
font-size: 11px
font-family: arial,verdana;
font-weight: bold;
margin: 0px}

 

[TwoOdd]

Style sheets aren't my specialty, but I'll give it a shot. The only thing I noticed was your last style:

a {text-decoration: none;
font-style: italic;
font-size: 11px;
font-family: arial,verdana;
font-weight: bold;
margin: 0px}

Semicolon is missing - see red semicolon in code above. Don't know if that will fix it, but when I load the registration page I get the following error: A runtime error has occured. Do you wish to debug? Line: 22 Error: Expected ';'

I'm using IE 6.0

Good luck,



TwoOdd
--------------
Good judgment comes from experience, and experience comes from bad judgment.
-- Barry LePatner

 

[Ayac]

Thanks! I fixed that too, but still no change...

 

[TwoOdd]

Found your problem on your registration form. Your missing some closing tags.

After this piece of code:

<tr><td width=&quot;450&quot; colspan=&quot;2&quot; valign=&quot;top&quot;>
<p class=&quot;cent&quot;><input type=&quot;Submit&quot; value=&quot;Submit&quot;> <input type=&quot;Reset&quot; value=&quot;Clear&quot;>
</p></td></tr>

Add the following:

</TABLE>
</TD>
</TR>


It took me while going through your nested tables, and there may be a few more missing tags, but I think that was it.

Hope this helps,


TwoOdd
--------------
Good judgment comes from experience, and experience comes from bad judgment.
-- Barry LePatner

 

[Ayac]

Wohooo! GOD, that actually worked! Now the table looks a bit bad (it flows in), but sure it eliminated the problem I am having with the positions and selection, so I just need to explore more what I messed with closing the table tags. My gratitude will follow you forever, THANK YOU!!!!!!!!

 

[TwoOdd]

You're welcome. Good luck with the rest of the site -- I really like your design.

TwoOdd
--------------
Good judgment comes from experience, and experience comes from bad judgment.
-- Barry LePatner

 

[Ayac]

Thanks! Look at the pages now, all the controls and texts are nice and smooth as they should be! Who would have thought that tables can cause such a problem?
It's been so long that it was bad, and now it is rockin'!! I really appreciate your help! Thanks!

 

[TwoOdd]

Looks great. I don't get that error any more on the registration page.

After looking at the same code forever, it's hard to spot typos. Sometimes you just need a second pair of eyes to look things over. Happens to me all the time. It's easier to spot typos in someone else's code than your own. Just glad I was able to help.

TwoOdd
--------------
Good judgment comes from experience, and experience comes from bad judgment.
-- Barry LePatner

 

[Ayac]

Cool! Yeah, sometimes we believe too much in what we did looks like how we would like it to be... Well, as your quot says...

Now it looks good everywhere as it was an ASP include file to display the lower menu and close the tables on all pages.

Thanks again for your sharp eyes!!