Solved

scroll bar on the first colum so all the text fits

Posted on 2011-03-21
3
360 Views
Last Modified: 2012-05-11
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
Comment
Question by:jonathanduane2010
  • 2
3 Comments
 
LVL 7

Expert Comment

by:nbove
ID: 35185217
Add the style "overflow:scroll" to your "newsboxmain" div element
0
 

Author Comment

by:jonathanduane2010
ID: 35185262
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
 
LVL 7

Accepted Solution

by:
nbove earned 250 total points
ID: 35185276
The syntax
<overflow:scroll><div id="newsboxmain">
is incorrect.

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

Featured Post

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question