• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 379
  • Last Modified:

scroll bar on the first colum so all the text fits

hi

i was wondering how i owuld put a scrollable bar on the following page so all the txt fits in the first column on the left

www.radioheadz.net
0
jonathanduane2010
Asked:
jonathanduane2010
  • 2
1 Solution
 
Nathan BoveSoftware EngineerCommented:
Add the style "overflow:scroll" to your "newsboxmain" div element
0
 
jonathanduane2010Author Commented:
have tried that no luck

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Radioheadz, DJ Radioheadz, rayshah.com, Subliminal Records, Subliminal Sessions, Pacha, Miami, Ibiza, New York" />

 

<meta name="description" content=" Official site of international DJ Radioheadz. All the latest videos, pics, dates, music and news..."/>


<title>Radioheadz</title>

<link rel="stylesheet" type="text/css" href="http://testing.actionit.ie/css/main.css" />
                  <link rel="stylesheet" type="text/css" href="http://testing.actionit.ie/css/main2.css" />

            <style type="text/css">
body {
      background-image:url(backgrounds/rh.jpg);
}
        </style>

<script type="text/javascript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) {
  newWindow=window.open(URLtoOpen, windowName, windowFeatures); } </script>

 
  <style type="text/css">
#facebook {float: left;height: 240px;margin-left: 10px;width: 300px;}
#fbtrans {background-color: black;height: 400px;opacity: 0.4;position: absolute;width: 300px;z-index: 1;}
#fbboxtext {background: url("http://testing.actionit.ie/images/fb.png") repeat scroll 0 0 transparent;
    height: 240px;position: absolute;width: 300px;z-index: 4;}
#fbboxheader {height: 50px;margin-left: 20px;margin-top: 10px;text-align: right;width: 260px;}
#fbboxmain {height: 400px;overflow: hidden;width: 300px;}
#homenews {float: left;height: 240px;width: 300px;}
#newstrans {background-color: black;height: 400px;opacity: 0.4;position: absolute;width: 300px;z-index: 1;}
#newstext {background: url("http://testing.actionit.ie/images/NewsBox.png") repeat scroll 0 0 transparent;
    height: 240px;width: 300px;position: absolute;z-index: 4;}
#newsheader {height: 50px;margin-left: 20px;margin-top: 10px;text-align: right;width: 260px;}
#newsboxmain {
      height: 400px;
      margin-left: 20px;
      overflow: hidden;
      width: 260px;
}
        </style>
</head>

<body >

<div id="container">
<div id="topbar">
<div id="topbarinner">
<div id="audioplayer"><a title="Open Audio Player" onmouseover="audioplayerimg.src='images/audioplayer_over.jpg'" onmouseout="audioplayerimg.src='images/audioplayer.jpg'" onclick="window.open('audio-player.html', 'win1', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=450,height=370');" href="#">.</a></div>

<div id="navhome" ><a href="index.html" class="navLinksSelected" >HOME</a></div>
<div id="navnews"  ><a href="news/index.html" class="navLinks" >NEWS</a></div>
<div id="navphotos"  ><a href="photos.html" class="navLinks" >PHOTOS</a></div>
<div id="navvideos"  ><a href="videos.html" class="navLinks" >VIDEOS</a></div>
<div id="navpodcasts" ><a href="podcasts.html" class="navLinks" >GIGS</a></div>
<div id="navlinks"  ><a href="links.html" class="navLinks" >LINKS</a></div>
<div id="navcontact" ><a href="contact.php" class="navLinks" >CONTACT</a></div>
</div>
</div>
      <div id="topdiv"><div id="outerDiv">

      <div id="semiTransparentDiv" ></div>
      
   <style type="text/css">
#outerDiv {height:770px;}
#topdiv {height:870px;}
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<div id="contentDiv" style="height:750px">
   <div id="contentheader" >
   
               <object id="fmp256" type="application/x-shockwave-flash" data="minicaster.swf" width="180" height="70">
  <param name="movie" value="minicaster.swf" />

  <param name="wmode" value="transparent" />
   <div class="stirfry">
   <h4>Minicaster Radio Playhead</h4>
   <p>To listen you must <a href="http://www.macromedia.com/go/getflashplayer/"
   title="Click here to install the Flash browser plugin from Macromedia">install Flash Player</a>. Visit
   <a href="http://www.draftlight.net/dnex/mp3player/minicaster/" title="Draftlight Networks">Draftlight Networks</a>
   for more info.</p></div>
</object>
   </div>
     <div id="contentmain" style="height:650px">

     <!-- content start-->
    <div style="width: 920px; height: 650px; margin: 0px auto;" id="homemain">
       
       <div id="hometop" ><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="920" height="230">
  <param name="movie" value="swfs/flashHP.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <embed src="swfs/flashHP.swf" width="920" height="230" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object></div>


<!-- 3 BOX START -->
<div id="homeleft" style="width:920px;" >

 
            <!-- NEWS BOX-->
                    <div id="homenews" >
                   <div id="newstrans" ></div><div id="newstext" >
                   <div id="newsheader"> </div>
             <overflow:scroll><div id="newsboxmain">Broadcasting from secret multiple locations across the East Coast of Ireland, Radioheadz is the brainchild of reclusive billionaire Rejon Neadu.
Mr Neadu has not appeared in public for almost 12 years now, spending much of that time reasearching the emotional and psychological damage that listening to crap music can do to a society.

Mr Neadu, who famously invented the beanbag, the pyramid shaped tea bag ( but later sold the production rights to Lyons tea) and the fish tank has put together a multi-million euro, state of the art broadcasting\production studio, a team of DJs from across the globe with their own unique talents and tastes…all with the aim of putting some serious ear-candy out there for you to enjoy.

Being one of the most filthy, stinking rich individuals on this rock, mr Neadu obviously has direct access to some of the most high profile people in the public eye. To date, we've had a former president of the US, a lead singer in the biggest band on the planet and a certain footballer who thinks he's God's gift ( and so do we by the way) do DJ sets for us…and the list is growing every day.

Stick with us as we build the site, the playlists, the schedules and most of all, the listenership…feedback is not often welcome at Radio Stations but guess what ? We're not Radio …we're Internet…feedback welcome, although to be honest, unless it's a whopper idea we probably won't pay it any heed…

Bring the beat back!</div></div>
      </div>
        <!-- NEWS BOX END-->
            <!-- TWITTER BOX-->
            <div id="hometwitter" >
            <div id="twittertrans" ></div><div id="twittertext" >
              <div id="twitterheader"><a href="http://twitter.com/Ray_Shah/status/29547586679476224"><img height="25" width="100" src="http://testing.actionit.ie/images/spacer.gif" /> </a></div><div id="twittermain">
         <script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('rad10headz').start();
</script>
</div></div>
      </div><!-- TWITTER BOX END-->
        
<!-- FACEBOOK BOX -->
        <div id="facebook">
        <div id="fbtrans"></div><div id="fbboxtext">
          <div id="fbboxmain"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRadioheadz%2F168190263231162&width=292&colorscheme=dark&show_faces=true&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>
            
            </div></div>

        </div>
        <!-- FACEBOOK BOX END-->
     </div>
       <!-- 3 BOX END-->
        
        
        
        
      </div>
             </div>
    </div>
      <!-- content end-->
     </div>
   </div>
    </div>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7145724-7']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</body>

</html>

      
0
 
Nathan BoveSoftware EngineerCommented:
The syntax
<overflow:scroll><div id="newsboxmain">
is incorrect.

Change it to:
<div id="newsboxmain" style="overflow:scroll">
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now