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 ?
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
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
Thanks again for help Try adding this to the wboxcontent class.
overflow: auto;
EDITED: Ooops! I see you've resolved it.
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 ?
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
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
Thanks again for help Try adding this to the wboxcontent class.
overflow: auto;
EDITED: Ooops! I see you've resolved it.