Solved

adding scrollbar to text

Posted on 2013-05-27
3
266 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
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 33

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

786 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