www.webdeveloper.com
Results 1 to 2 of 2

Thread: Table image placement

  1. #1
    Join Date
    May 2009
    Posts
    1

    Table image placement

    All
    I want to place an image as a background to various parts of a table. I'm trying to create a form look where the datafields in the cells looked like they are grouped together. How can I apply one image to columns 1 and 2 through rows 1,2,3,4,and 5 and also reapply the image in columns 5 and 6 rows 1-5?

    I've attached the image I want to use to give you perspective. The Table Look image is what I am trying to produce.

    Many Thanks
    Pete
    Attached Images Attached Images
    Attached Files Attached Files

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    You can recreate the look using CSS.
    Code:
    form {background:url(bottom.gif) no-repeat; width: ## /*width of the image*/; padding-bottom: ### /*height needed to clear the curve*/}
    div {background: #eee /*color of the image*/ border-right: 1px solid #000; border-left: 1px solid #000;}
    div.first {background: url(top.gif) no-repeat;}
    Code:
    <form>
    <div class="first">a;lsdkfj</div>
    <div>a;lsdkjf</div>
    <div>...</div>
    </form>

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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