Hey I would appreciate it if someone could help me add expandable bars to my website anyone is free to add me to there msn my email is nookieboy_69@hotmail.com and you can view the site i want to added expandable bars to here http://www.freewebs.com/hardriv/blas...Blasphemy.html thanks.

Got an example of the "expandable" bars so we can see what it is you wish to achive ?

yeah I want the whole content box and the navagation bar and the other side of that all to expand down when text is put to it but i always want the two things on the side of the content box to go down when the content box goes down to. Thank you if you need another example tell me and i will draw it out and put a link for u guys to see.

Oh, I get you now, thought you were on about having an expandable menu system.

Thats pretty easy to acheive. Copy the middle of your site, all the width but only a few pixels high [ say 5px ] then save it as repeater.gif [ or something you can remeber ].

Then in your html, create a table with three rows, in the middle rows <td> specifiy the use of repeater.gif as a background [ <td background="repeater.gif">content here</td> ].

Originally Posted by Enigmatic

Thats pretty easy to acheive. Copy the middle of your site, all the width but only a few pixels high [ say 5px ] then save it as repeater.gif [ or something you can remeber ].

Its best to make it higher then 5px as if there's a lot of content there will be alot of work for the browser. If you make it about 100px it should be fine, any remainder will just get chopped of..

Smaller images take less time to render though than big images. It also depends how graphical the repeater is.

Personally I find it quicker using small images, but each to their own.

Yeah but if the browser needs to repeat it too many times then it might crash... If your planning on having lots of content it might be a good idea to have it at least 25px...

Rendering an image is usually a lot quicker than downloading it, therefore smaller images would probably be better. I've never heard of a browser crashing because it needs to repeat an image. Even in the old days of web design I had pages using 6x6 images as a repeated background for the entire page without issues...

am I just polluting my head with rubbish from the first book on web design I read? I took it to be true because they were the words of Rachel Andrews..

I have always taken it to be the smaller the image the better, which is why I always slice large images before I upload them.

Use which ever way you feel works best for you, I know alot of people go the small image route though.

can someone maybe make out a tutorial i could look at and use on adobe photoshop i would appreciate that because im not all good at doing this stuff yet lol. Thanks.

1) Get your main .PSD file
2) File > Save for Web > Name it something
3) Open that newly save .GIF file in Photoshop
3) Select the rectangular marquee tool
4) Click and drag accross the middle of the picture, a few pixels high
5) Copy the selected area [ Ctrl+C ]
6) Creat a new stage [ Ctrl+N ]
7) Paste the image in there
8) Save as repeater.gif [ or something you can remeber ]

Job done.

Okay thanks for the tutorial But I need to know the html code i would use to put it to work

<td backgroud="../images/repeater.gif"></td>

Where ../images/repeater.gif is the url/filename of your image.

Simple as.

Or using CSS

.class
{
background: #FFFFFF url(images/repeater.gif) repeat-y;
}

okay I did that and it just messed it up a little bit would you like to add me to msn so you can look at it? my email is nookieboy_69@hotmail.com