Solved

scroll bar on the first colum so all the text fits

Posted on 2011-03-21
3
363 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Ways to Manage 2 Development Projects on Same Section 1 38
Word Press Fixes to Google Speed Test Issues 2 50
title attribute 5 33
CSS (jquiry mobile) question 3 34
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
This video teaches users how to migrate an existing Wordpress website to a new domain.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

737 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