Solved

adding scrollbar to text

Posted on 2013-05-27
3
269 Views
Last Modified: 2013-06-12
hi guys,

i want to add a scrolling bar to the home page on http://piratescove.yourcitybeats.com as the text looks bad and its not knocking other stuff out of line

anyone know how i can do this ?

here is the html

<p><strong>Swashbuckling Fun for Little Treasures and VIPs (Very Important Pirates!)</strong></p><p>Ahoy there, me hearties!</p><p>Pirates of all ages will enjoy swashbuckling fun at the sunny South East’s leading family entertainment centre, Pirates Cove in Courtown Harbour.</p><p>Adventure Golf takes intrepid explorers through winding caves, a shipwrecked galleon, and a thundering waterfall.</p><p>Young buccaneers will love The Fun Caves, a soft play area with a bouncy castle, ball pools, slides, and spooky tunnels to explore.</p><p>Take to the high seas in our Bumper Boats to admire the sub-tropical surroundings, cascading waterfall, and lush desert islands.</p><p>Walking the plank is not a bother when you have Bubble Rollers…..climb into our giant transparent bubbles, and you can not only walk on water, you can run!</p><p>Kids Karting on the indoor track is a must for daring land lubbers, with a great choice of super speedy vehicles.</p><p>Catch the colourful Pirates Cove Train for a birds-eye view of all the entertainment, or go sky-high on the exciting Bungee Trampolines.</p><p>Hi-tech Ten Pin Bowling will appeal to all the pirate crew; and the Games Arcade has the latest computer games and simulators in town, as well as all the traditional family arcade favourites!</p><p>Enjoy tasty pirate fare, with hot and cold snacks in the Lagoon Café overlooking Courtown Harbour.</p><p>Great value and exceptional entertainment is always on the menu at Pirates Cove!</p><p>Look out for our regular special deals, and great group offers.</p><p>Suitable for swashbuckling toddlers, right up to seafaring teens, and intrepid adults, Pirates Cove opens 11.00am to 8.00pm daily, from now until September!</p><p>See you soon at Pirates Cove!</p><p>(Rides from only €4) (Family Day Pass just €50!)

Open in new window

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
3 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39201850
Put the text in its own div and style it with a width, height, and overflow-y:scroll.

Cd&
0
 
LVL 34

Accepted Solution

by:
Slick812 earned 425 total points
ID: 39202142
greetings  jonathanduane2010, , You might consider doing a more "modern" presentation, these days many web sites, do NOT do a link to another page, as you have for your -
<p><a href="http://piratescove.yourcitybeats.com/index.php/home">More</a><br />

instead they have a scrollable DIV with ALL of the TEXT content that is offered in the link at "http://piratescove.yourcitybeats.com/index.php/home
OR they have a "HIDDEN" div, that when you click the "More" it shows the HIDDEN div below the  "Swashbuckling Fun for Little Treasures and VIPs" Text display.
With all of the display options available now in DHTML and CSS, more and more web sites now use extended scrollable Divs or HIDDEN (dispaly:none;) divs to show on click as in -

you will need to change the - style="width:96%; height:270px; overflow:auto; margin-bottom:5px;"
to have it be the correct height and margin

<div class="box_row1">
<div style="width:96%; height:270px; overflow:auto; margin-bottom:5px;">
<p><strong>Swashbuckling Fun for Little Treasures and VIPs (Very Important Pirates!)</strong></p>
<p>Ahoy there, me hearties!</p>
<p>Pirates of all ages will enjoy swashbuckling fun at the sunny South East’s leading family entertainment centre, <b>Pirates Cove </b>in Courtown Harbour.</p>
<p><b>Adventure Golf</b> takes intrepid explorers through winding caves, a shipwrecked galleon, and a thundering waterfall. </p>
<p>Young buccaneers will love <b>The Fun Caves</b>, a soft play area with a bouncy castle, ball pools, slides, and spooky tunnels to explore.</p>
<p>Take to the high seas in our <b>Bumper Boats</b> to admire the sub-tropical surroundings, cascading waterfall, and lush desert islands.</p>
<p>Walking the plank is not a bother when you have <b>Bubble Rollers</b>…..climb into our giant transparent bubbles, and you can not only walk on water, you can run!</p>
<p><b>Kids Karting</b> on the indoor track is a must for daring land lubbers, with a great choice of super speedy vehicles.</p>
<p>Catch the colourful <b>Pirates Cove Train</b> for a birds-eye view of all the entertainment, or go sky-high on the exciting Bungee Trampolines.</p>
<p>Hi-tech <b>Ten Pin Bowling</b> will appeal to all the pirate crew; and the Games Arcade has the latest computer games and 
simulators in town, as well as all the traditional family arcade favourites! </p>
<p>Enjoy tasty pirate fare, with hot and cold snacks in the <b>Lagoon Café</b> overlooking Courtown Harbour.</p>
<p>Great value and exceptional entertainment is always on the menu at Pirates Cove!</p>
<p>Look out for our regular special deals, and great group offers.</p>
<p><b><i>Suitable for swashbuckling toddlers, right up to seafaring teens, and intrepid adults, 
Pirates Cove opens 11.00am to 8.00pm daily, from now until September!</b></i><br />
See you soon at Pirates Cove!                                                                                                               </p>
<p>(flash: <b>Rides from only €4</b>)      (flash: <b>Family Day Pass just €50!</b>)</p>
<p><b>Pirates Cove, Courtown Harbour, Gorey, County Wexford, Ireland</b><br />
<b>Tel:</b> 053 94 25555E  <b>mail:</b> info@piratescove.ie</p></div>
<img class="alignleft size-medium wp-image-15" style="margin: 0px;" alt="wrap_left_row2_box1" src="http://piratescove.yourcitybeats.com/wp-content/uploads/2013/05/wrap_left_row2_box1.png" width="213" height="260" /><img class="alignleft size-medium wp-image-16" style="margin: 0px;" alt="wrap_left_row2_box2" src="http://piratescove.yourcitybeats.com/wp-content/uploads/2013/05/wrap_left_row2_box2.png" width="220" height="260" /><img class="alignleft size-full wp-image-14" style="margin: 0px;" alt="wrap_left_row2_box3" src="http://piratescove.yourcitybeats.com/wp-content/uploads/2013/05/wrap_left_row2_box32.png" width="227" height="260" /></p>
</div>

Open in new window


ask questions if you need more info
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 39202450
Slick - Please use Loren ipsum, since this page will be indexed by google
0

Featured Post

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

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

Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

738 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