When I click a link of this html it directs me to the bottom of the page?

D

Dres M

New member
This HTML directs me to the bottom of the page whenever I click on a link. This makes me unable to use the code as that is simply sloppy and annoying on my part and the part of a friend.

Is there a way I can get this code to stop doing that, or in the very least, a different bit of HTML that will do the same thing without directing you to the bottom of the page?

<style type="text/css">
.container {
width: 250px; height: 200px;
overflow: auto; overflow-y: hidden;
border: 3px double #999999;
}
.section { height: 200px; overflow: auto; }
</style>

<table width="350px"><tr><td>
<div style="overflow: auto; width: 100px; height: 200px; border: 3px double #999999;">
<br>NAVIGATION
<br><br><a href="#profile">[ About Bit ]</a>
<br><a href="#likes">[ Likes ]</a>
<br><a href="#loathes">[ Loathes ]</a>
<br><a href="#music">[ Music ]</a>
</div>
</td><td>
<div class="container">

<a name="profile"></a>
<div class="section">
<br><br>ABOUT TEXT GOES HERE
</div>

<a name="likes"></a>
<div class="section">
<br><br>LIKES TEXT GOES HERE
</div>

<a name="loathes"></a>
<div class="section">
<br><br>LOATHES TEXT GOES HERE
</div>

<a name="music"></a>
<div class="section">
<br><br>MUSIC TEXT GOES HERE
</div>

</div>
</td></tr></table>
@brisray ; Strange. I'm using 3.6 for Firefox and am having this issue no matter where I place it. The only thing I can think of that might be causing it, is that there's an image/ad. also on the page that stretches the page somewhat.. Which is something I probably should have added information of.

If I use a very small image in placement of the larger one, the links don't direct me to the bottom of the page, they act normally ( perhaps because there's no page stretching ). But when I add the larger image, it takes me straight to the bottom of the page.
This is really frustrating and strange then, and I have no clue what it might be. Others have tested the code equally and they seem to be having no problems, but even straight up copy+pasting it on my part ends up with what I've described.

Thanks for your help anyway, it might just be something on my end causing it, and I`ll have to look more thoroughly or opt for something different.
 
Back
Top