Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

adding scrollbar to text

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

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

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

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
This video teaches users how to migrate an existing Wordpress website to a new domain.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

824 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