Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

adding scrollbar to text

Posted on 2013-05-27
3
Medium Priority
?
273 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 1700 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

Plesk WordPress Toolkit

Plesk's WordPress Toolkit allows server administrators, resellers and customers to manage their WordPress instances, enabling a variety of development workflows for WordPress admins of all skill levels, from beginners to pros.

See why 2/3 of Plesk servers use it.

Question has a verified solution.

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

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…
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
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.

705 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