Creative Communities of the World Forums

The peer to peer support community for media production professionals.

  • Posted by Leor Brenman on June 10, 2005 at 10:00 pm

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

    https://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

    Leor Brenman replied 20 years, 11 months ago 2 Members · 4 Replies
  • 4 Replies
  • Curtis Thompson

    June 10, 2005 at 10:10 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:

    https://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

  • Leor Brenman

    June 10, 2005 at 10:27 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

  • Curtis Thompson

    June 10, 2005 at 10:54 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

  • Leor Brenman

    June 11, 2005 at 12:31 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

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy