PDA

View Full Version : Scroll Bar (hopefully not a newbie questions) another question


Phoenixtechguy
11-06-2011, 04:16 PM
ok i took some advice and started using <div> tags but i wanna add a scroll bar to one area of the site,i have added overflow: scroll but it adds it to the whole site

<div>11.04.2011</div>
<h3>European Tour starts In Nottingham</h3>
<p> Rival sons will hit the ground running in Nottingham`s Rock city tonight, The guys hit the stage at a sold out venue around 8.00pm</p>


<div>10.19.2011</div>
<h3>BRAND NEW VIDEO DEBUTS TODAY</h3>
<div>
<p>We, once again, teamed up with video director GREG EPHRAIM for another stylish video, which is our second video to premiere on VEVO following the release of &ldquo;Pressure and Time&rdquo; earlier this year.</p>
<p>Watch &ldquo;All Over the Road&rdquo; now by heading to:</p>
<p><a href="http://www.vevo.com/watch/rival-sons/all-over-the-road/GBA631100150" target="_blank">http://www.vevo.com/watch/rival-sons/all-over-the-road/GBA631100150</a>, where the video is featured in VEVO&rsquo;s homepage carousel in the UK.</p>
<p>Viewers in territories where VEVO is not available can still watch the new video on YouTube<a href="http://www.youtube.com/watch?v=abyOSwKgsCM" target="_blank">http://www.youtube.com/watch?v=abyOSwKgsCM</a></p>
<p>Jay says:</p>
<p>&ldquo;Just like in the last video, there was no green screen used for this one.</p>
<p>We actually did drive a Cadillac through outer space with a bunch of hot, naked chicks in the backseat.* I haven&rsquo;t seen a final edit yet because they&rsquo;re trying to lower it to at least an &lsquo;R&rsquo; rating.* We&rsquo;ll see if that actually happens.&rdquo;</p>
</div></td>

there is some code for you

johnMoss
11-06-2011, 04:33 PM
Adds it to the whole site? You mean every div right? What you have to do is create either an "ID" or a "class" which makes a div unique. Pich a css tutorial of your choice and learn the basics about the difference between the use of ID or class for tags. For now, each div that you want overflow to apply to, give it an identity <div class="cadillac"> for example. Then create the rule in your css page.
.cadillac {
overflow:scroll;
{
Once you've done this, the overflow will only apply to divs which you've given this class name.

Phoenixtechguy
11-06-2011, 04:35 PM
COOL i will give it a go!

johnMoss
11-06-2011, 04:45 PM
We actually did drive a Cadillac through outer space with a bunch of hot, naked chicks in the backseat

Some people get to have all the fun... curses! :)

Phoenixtechguy
11-06-2011, 05:08 PM
hahahaha they did lol ok next question and i thank you so much for you help

what would the code be for just a side scroll and a fixed at the bottom of the box, i hope that makes perfect sense

johnMoss
11-06-2011, 05:29 PM
It does...
[CODE]
overflow-x:scroll;
overflow-y:hidden;
[CODE]