[RESOLVED] Adding a scroll box ???

liunx

Guest
Hello all,
Thanks for solving my href problem earlier :)

My little blog box now has 4 links in it and is as high as I want it to be ... but I would like to add more links and have them all in a scrollable box inside my curvey-cornered box.

My code for the box I have is here:

<div class="wsnazzy" style='width:214px; position:absolute; left:786px; top:480px'>
<b class="wtop"><b class="wb1"></b><b class="wb2 color_w"></b><b class="wb3 color_w"></b><b class="wb4 color_w"></b></b>
<div class="wboxcontent">
<h2 class="color_w" >Yoddy's Blog</h2>
<P>
<span style="color:red;">WOW ! 25 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php">Today I updated the system with a whole new ...</a>
<br><br>
<span style="color:red;">22 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b25-11-06">Well I had some interest shown by some people who ...</a>
<br><br>
<span style="color:red;">14 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b14-11-06">Events Calender is now up and running. As you know ...</a>
<br><br>
<span style="color:red;">12 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b12-11-06">Thanks to Clive who pointed out that the date was ...</a>
<br><br>
</P>
</div>
<b class="wbottom"><b class="wb4"></b><b class="wb3"></b><b class="wb2"></b><b class="wb1"></b></b>
</div>

As you can see, I have 4 links so far.

How do I turn this into a scrollable box ?

You can see this code live at:

<!-- m --><a class="postlink" href="http://www.yodbod.com/index.php">http://www.yodbod.com/index.php</a><!-- m -->

Cheers!You normally use overflow:auto for that.Thanks...
... where in my code would I put it ? :confused:

Also I guess that I should put a height tag in there to stabalise the height ?Hi -
I put a new div:

<div class="scrollbox">
<P>

and added this to the css:

.scrollbox{
height:250px;
width:210px;
overflow:auto
}

and it works great :D

See the great result at : <!-- m --><a class="postlink" href="http://www.yodbod.com/index.php">http://www.yodbod.com/index.php</a><!-- m -->
Place your free advert as well :cool:


Thanks again for help :)Try adding this to the wboxcontent class.

overflow: auto;

EDITED: Ooops! I see you've resolved it.
 
Back
Top