Solved

scroll bar on the first colum so all the text fits

Posted on 2011-03-21
3
354 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
Comment Utility
Add the style "overflow:scroll" to your "newsboxmain" div element
0
 

Author Comment

by:jonathanduane2010
Comment Utility
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&amp;width=292&amp;colorscheme=dark&amp;show_faces=true&amp;stream=true&amp;header=true&amp;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
Comment Utility
The syntax
<overflow:scroll><div id="newsboxmain">
is incorrect.

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

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
.Net Web Site Password specs 2 19
lastpass auto fill login form 5 20
Hovering effect 9 27
Bootstap Icons 3 16
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to count occurrences of each item in an array.

728 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now