FORUMS: list search recent posts

web page border

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Leor Brenman
web page border
on Jun 10, 2005 at 10:00:00 pm

I am trying to create a page similar to the following web site:

http://www.dixiebiggs.com

The light blue/grey border expands as the page expands which leads me to believe it is a table attribute. The corners appear to be fixed gif files. When I save the page and open it in Dreamweaver, I cannot figure out what the left, right, top and bottom blue/grey lines are. I guess they are CSS styles but I don't know how to code in CSS.

Is this only possible in CSS? or am I totally off base?

Regards,
Leor Brenman


Return to posts index

Curtis Thompson
Re: web page border
on Jun 10, 2005 at 10:10:51 pm

hello...

nope - no css needed. all you need is a 9 cell table like this:

---------------------
| UL | TOP | UR |
---------------------
| ML | MID | MR |
---------------------
| LL | BOT | LR |
---------------------

then put your images around the edge - it might also be more clear if you take that page and make a local copy with the table border on - i did that here:

http://sitruc.com/cow/round_table/index.html

you can just download the code from that page for your local build - with that table border on you can see a bit more clearly how they did it...

make sense?

sitruc


Return to posts index

Leor Brenman
Re: web page border
on Jun 10, 2005 at 10:27:43 pm

Hi Curtis,

Thanks for the quick reply; very kind of you.

For some reason in IE6, I could not save the page you made (file -> Save as) but let me see if I understand what you are saying.

(1) No need for CSS. This is clear.

(2) Make a table and use images for the border (e.g. created in Photoshop)

(3) Use large images corresponding the largest size the table could grow to

(4) If the browser window size is changed the table will grow and shrink accordingly and adjust the portion of the border image displayed?

Regards,
Leor


Return to posts index


Curtis Thompson
Re: web page border
on Jun 10, 2005 at 10:54:33 pm

hello...

to save - just view the source and copy/paste from notepad...that's the quickest way. and ya - they do the edges that aren't corners as backgrunds in a table cell - this way they just go on forever as the page gets bigger. so you really only need images for those cells that are as large as they need be to tile in the direction they need to grow...

sitruc


Return to posts index

Leor Brenman
Re: web page border
on Jun 11, 2005 at 12:31:59 pm

Hi Curtis,

I think you have given me enough suggestions for me to be on my way. I appreciate your assistance. Thanks again.

BR,
Leor


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]