Jump to content


scroll bar


11 replies to this topic

#1 venomsnake

    Jedi In Training

  • Members
  • PipPip
  • 481 posts
  • Gender:Male

Posted 16 October 2005 - 12:33 PM

im slicing a layout for a friend and because of how the bg image is, i want it to have a scroll bar instead of repeat, is there a way of doing that w/o frames?

http://gamingreloade...lisa/index.html is how it is, i dont want the content image to repeat.

Edited by venomsnake, 16 October 2005 - 08:24 PM.


#2 Tirus

    P2L Jedi

  • Members
  • PipPipPip
  • 764 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design, Programming, Music, Martial Arts

Posted 16 October 2005 - 12:34 PM

link not working.

#3 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 16 October 2005 - 03:34 PM

Not only is the link not working, you can try using CSS.
Since i have no idea where this bg image is, you'll have to figure this one out on your own. But it should give a general idea.
.class { background-repeat:no-repeat; }
If you know any CSS at all, that should make sense. If not, you should add it to a stylesheet, and probably change .class to body

#4 venomsnake

    Jedi In Training

  • Members
  • PipPip
  • 481 posts
  • Gender:Male

Posted 16 October 2005 - 03:37 PM

fixed the link, sry bout taht

and i tried the no repeat, the image doesnt repeat, but it still goes past with no bar

#5 Maxx-Designs

    P2L Jedi

  • Members
  • PipPipPip
  • 681 posts
  • Location:Australia

Posted 16 October 2005 - 03:39 PM

Still not working.......

#6 Av-

    I Feel Left Out

  • Members
  • PipPipPipPip
  • 1,971 posts
  • Gender:Male
  • Location:10 ft. below sea level

Posted 16 October 2005 - 03:56 PM

http://gamingreloade...lisa/index.html <does work

<div style="width:200px; height:200px; overflow: auto;">
content here
</div>

this will work

#7 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 16 October 2005 - 06:29 PM

your background pattern is off by 1 pixel on the left and bottom!

and dont say you did it on purpose.

#8 venomsnake

    Jedi In Training

  • Members
  • PipPip
  • 481 posts
  • Gender:Male

Posted 16 October 2005 - 08:38 PM

Avalanche, on Oct 16 2005, 03:56 PM, said:

http://gamingreloade...lisa/index.html <does work

<div style="width:200px; height:200px; overflow: auto;">
content here
</div>

this will work
i cant get the autoflow to work since the layout is in tables, your gonna have to help me :|

#9 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 17 October 2005 - 12:03 AM

replace <div> with whatever <table> you are using, so instead, it would be like

<table><tr><td style="width:200px; height:200px; overflow: auto;"></td></tr></table>

#10 Av-

    I Feel Left Out

  • Members
  • PipPipPipPip
  • 1,971 posts
  • Gender:Male
  • Location:10 ft. below sea level

Posted 17 October 2005 - 08:58 AM

or put the div in the table

#11 Lift

    Young Padawan

  • Members
  • Pip
  • 89 posts
  • Location:ON, Canada

Posted 17 October 2005 - 09:02 AM

Might be a good idea to make the background image smaller and then make it tile so that you don't have to worrie about scroll bars. You would be reducing the loading time by a noticable amount.

Also, using frames is concidered to be an "evil" thing, and not recommended. Using overflow in CSS is ok, but keep in mind that not all browsers support this function properly. But that is up to you.

Ciao

#12 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 17 October 2005 - 03:11 PM

coolaid, on Oct 16 2005, 10:03 PM, said:

replace <div> with whatever <table> you are using, so instead, it would be like

<table><tr><td style="width:200px; height:200px; overflow: auto;"></td></tr></table>
Actually, from what i've tried, that won't work. I don't know why.
But you have to put the overflow into the div (note, overflow does work with other tags, just not <td> for some reason).
<table><tr><td><div  style="width:200px; height:200px; overflow: auto;">CONTENT</div></td></tr></table>






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users