html scroll bar

[whitemok]

is possible to add a vertival scroll bar for the main content?
here is the link:
http://www.hottunaint.com/mensshorts.html

i have to add 3 more shorts.

[abhijeet_thomas]

Add this <div> to the table that has shorts.

<div style="position:absolute; right:150px; top:170px; width:100%; height:100%; background-color:#ffffff; overflow:auto;" >

<table width="432" border="0">

[abhijeet_thomas]

take this one. I have already added three more shorts to it. CHEERS

<div style="position:absolute; right:150px; top:170px; width:100%; height:100%; background-color:#ffffff; overflow:auto;" >

<table width="432" border="0">
<tr>
<td width="144" height="171"><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop1.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"> <img src="images/mensshorts1.jpg" alt="shorts"></A></td>
<td><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop2.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"> <img src="images/mensshorts2.jpg" alt="shorts"></A></a></td>
<td><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop3.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"> <img src="images/mensshorts3.jpg" alt="shorts"></A></td>
</tr>
<tr>
<td width="144" height="171"><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop4.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"> <img src="images/mensshorts4.jpg" alt="shorts"></A></td>
<td><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop5.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"> <img src="images/mensshorts5.jpg" alt="shorts"></A></td>
<td><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop6.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"> <img src="images/mensshorts6.jpg" alt="shorts"></A></td>
</tr>
<tr>
<td height="171"><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop4.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"><img src="images/mensshorts4.jpg" alt="shorts"></A></td>
<td><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop4.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"><img src="images/mensshorts4.jpg" alt="shorts"></A></td>
<td><A HREF="JAVASCRIPT:openPopImg('images/mensshortspop4.jpg', 'Hot Tuna', '400', '492')"
onMouseOver="return setStatus('Click to display picture.')"
onMouseOut="return setStatus('')"><img src="images/mensshorts4.jpg" alt="shorts"></A></td>
</tr>
</table>
</div>

[whitemok]

YOU'RE SO INSANE!!!!!!!
now how do i take the bottom scroll bar out? i don't need that.
i'm gonna study that code. you save the day. Thanks you.
is that css?

[whitemok]

http://www.hottunaint.com/mensteestest10.html

when i maximize the browser, the content move out of the template. did i miss something?

[abhijeet_thomas]

which browser are you using. its working absolutely fine at my end. IE here

[abhijeet_thomas]

one small piece of suggestion. change the color of scrollbars to smoky white or light gray. will look good and the scroller will go well with the page, an no CSS has been used

[mwa103]

I've got a solution for you, but it will take a little adjusting to make it look right. All you need to do is remove the

Code: Select all

position:absolute; right:150px; top:170px; width:100%; height:100%;

and replace it with

Code: Select all

width:475px; height:360px;

This will keep the scrolling content from moving when you resize the browser and will prevent the horizontal scroll bar, but it will also widen your site by a few pixels. To keep the page width the same, you will need to reduce the width of the image on the left (girls '07) to at least 205px. Just changing the width in the html code will distort the image and make it harder to read, so you'll have to change the image itself. Hope this helps.

-Mike

[whitemok]

i'm using ie 6.
did you use this link:
http://www.hottunaint.com/mensteestest10.html


the conttents move.probable a simple missing code on my part.
-cg

[abhijeet_thomas]

when I copy the code and check on my local system, it looks absolutely fine. check the definitions inside <div>
<div style="position:absolute; right:150px; top:170px; width:100%; height:100%; background-color:#ffffff; overflow:auto;" >

Jus play around a bit with the right and top position of <div> and see it the helps.