PDA

View Full Version : Gah, I can't figure this out. Can someone help me style this?


WritersBeat
07-05-2007, 01:47 AM
Can someone help me style this out?

I'm trying to create this as the body of a forum.


http://img479.imageshack.us/img479/2536/picture28py3.th.png (http://img479.imageshack.us/img479/2536/picture28py3.png)
http://img479.imageshack.us/img479/2536/picture28py3.png

My problem is simply creating the border of the page, with the rounded corners. If anyone could give advice on how to do it, or actually do it, I'll send you $25 paypal.

Everything I try leaves me having to repeat the image, and just really ++++ing up. I got this far =>

http://img54.imageshack.us/img54/5447/picture30tc2.th.png (http://img54.imageshack.us/img54/5447/picture30tc2.png)
http://img54.imageshack.us/img54/5447/picture30tc2.png
But as you can see, it breaks pretty bad towards the footer.
http://img488.imageshack.us/img488/6193/picture32hm1.th.png (http://img488.imageshack.us/img488/6193/picture32hm1.png)
http://img488.imageshack.us/img488/6193/picture32hm1.png
If anyone can code this, remember, I'll pay you.

Thanks!

Dismounted
07-05-2007, 05:00 AM
You need to slice the image into three parts top, middle and bottom. The top would be the top round bit. Middle would be 1px of the "straight" bit. Bottom would be the bottom round bit. Then simply repeat the middle bit, either by CSS or assigning table properties.

WritersBeat
07-05-2007, 07:49 AM
Alright, so I got it figured out.


Now I'm not sure how to tackle this, fixed or fluid, whatever. Fixed should be easier right?

Anyway, I got this problem:

If the window is to big:

http://img387.imageshack.us/img387/6972/picture14pg5.th.png (http://img387.imageshack.us/img387/6972/picture14pg5.png)
http://img387.imageshack.us/img387/6972/picture14pg5.png


If too small:

http://img262.imageshack.us/img262/492/picture15nr1.th.png (http://img262.imageshack.us/img262/492/picture15nr1.png)
http://img262.imageshack.us/img262/492/picture15nr1.png


How do I force it to stay within the border of the image?

Thanks.

Dismounted
07-05-2007, 09:27 AM
You need to edit spacer_open and specify a set width.

WritersBeat
07-05-2007, 09:36 AM
Thanks!

edit: Apparently, that inherits from stylevars, which I did set that width, but it doesn't take affect.

And does anyone have an idea on how I can also make a fluid style?

Dismounted
07-05-2007, 11:18 AM
You need to slice the image more. The white centre bit, and the two side bits in addition to what you have now.