SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member Maizan's Avatar
    Join Date
    Nov 2003
    Location
    San Francisco
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Content Windows/Boxes -- What's the RIGHT way?

    Hey Everyone,

    Alright. I've been searching the forum unsuccessfully for about an hour looking for tutorials on how to create content windows/boxes (with rounded edges, folders, etc...) that are scaleable and dynamic (so that when there is more text than the box holds, it just gets bigger). Can someone give me some tips?

    The problems that I'm having are as follows:

    The border images separate
    The border images don't align
    The border images are not scaleable

    Any tips/tutorials?

    Maizan

  2. #2
    SitePoint Member Maizan's Avatar
    Join Date
    Nov 2003
    Location
    San Francisco
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    P.S. I would prefer not to use CSS, as I don't know how. However, I'm willing to learn. If that's the case, where can I find some CSS tutorials?

  3. #3
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i guess if you are doing a table type layout, you could do this

    setup a table that is 3 rows and has 3 columns, hence 9 table cells. The top left corner would hold the top left rounded corner image. The middle top would hold the straight line connecting the top two corners, and then the top right cell would hold the top right corner.

    Then the middle left cell would hold the verticle border. Set its height="100%" do the same for the right middle cell.

    Then do the same for the bottom left, middle, and right cells as you did to the top, only reversed. The middle cell of the 9 will be where the content goes.

    If you want the box to be a certain width, give the whole table a width of like "300" for example, and then give the top middle and bottom middle borders a width of 100%.

    Now the box is flexible going down and will appear consistent going across.

    Hope this helped

    Bryan

  4. #4
    Non-Member Frozentoast's Avatar
    Join Date
    Apr 2002
    Location
    Manchester, UK
    Posts
    4,758
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    http://www.w3schools.com/css/ you can get some CSS guidance here

  5. #5
    SitePoint Member Maizan's Avatar
    Join Date
    Nov 2003
    Location
    San Francisco
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hm... I'll try that. Thanks for the tip.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •