www.webdeveloper.com
Results 1 to 4 of 4

Thread: Need some quick help...

  1. #1
    Join Date
    Jan 2003
    Posts
    5

    Question Need some quick help...

    I am just starting to get back into web development and I am just wondering about the best way to design my page. I am using a background which is one thin horizontal bar that is tiled down the page. I want to have a section in the center of the page that is white with a border, and the top will be curved on the edges. The only way I could think of doing this is to have the body background, then create a table with one row and col and the table background will be a picture that I make which is the "main" curved border window (granted that I can figure out how to make this in photoshop). Is there an easier way to do this, or should I continue in this fashion? Thanks for any help...

  2. #2
    Join Date
    Nov 2002
    Posts
    984

    Re: Need some quick help...

    Originally posted by hokiedrum
    [B]I am just starting to get back into web development and I am just wondering about the best way to design my page.
    HTML + CSS without abusing <table> for layout.

    a border, and the top will be curved on the edges.
    This is the tricky part. CSS 3 will introduce curved borders, but browser support is almost non exsistant yet.
    The best way is probably to fake it for a while more by placing images in the corners.

    For the rest something like this might be

    <body style="background:white url(horizbar.png) repeat-x;">

    <div style="border:1px solid black">
    <img alt="" src="topleftcorner.png" style="float:left; margin:-5px auto auto -5px; vertical-align:bottom;">

    <img alt="" src="toprightcorner.png" style="float:right; margin:-5px -5px auto auto; vertical-align:bottom;">

    The exact values for margin has of cource to be tweaked to fit the images.

    Then comes the content of the box in center.

    <div>
    </body>
    // Stefan Huszics

  3. #3
    Join Date
    Jan 2003
    Posts
    5
    How about using 4 frames? A top frame that has the curved border, a left and right frame with just a vertical border, and middle frame with a white background? Would this be a good way to work this design?

  4. #4
    Join Date
    Nov 2002
    Posts
    984
    Originally posted by hokiedrum
    How about using 4 frames? A top frame that has the curved border, a left and right frame with just a vertical border, and middle frame with a white background? Would this be a good way to work this design?
    It's proably better to keep it as 1 single page as frames comes with it own set of problems and crossbrowser incompability.
    For starters, how will you make the top border the same width as the bottom sections? That only works if you limit the page to a fixed width, but then you might asw well just put the entire top section as an image on your 1 single page.
    // Stefan Huszics

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles