www.webdeveloper.com
Results 1 to 3 of 3

Thread: Image/table problem.

  1. #1
    Join Date
    Dec 2002
    Location
    los angeles
    Posts
    137

    Image/table problem.

    Hello my name is Jason.

    I am having trouble wrapping 8 images around text in a table. It goes something like this.

    img1(topcornerleft.gif) img2(top.gif) img3(toprightcorner.gif



    img4(leftside.gif) Text in Middle img5(rightside.gif)



    img6(bottomleft.gif) img7(bottom.gif) img8(bottomright.gif)

    I don't even know if this is possible. I've been trying for awhile now.

    I can't give a link cause i'm running it on my hard drive and I can't post the source cause i've messed it up alot and i'm trying to fix it.

  2. #2
    Join Date
    Dec 2002
    Location
    los angeles
    Posts
    137
    I fixed it back to the way it was, but it still isn't fixed to where it wraps 8 images around text in a table.

    <table border=1 bgcolor="orange" width="100" cellpadding=0 cellspacing=0>
    <td valign="top"><img width="15" height="15" src="c:/windows/desktop/images/topleftcorner.gif"></td>
    <td valign="top"><img src="c:/windows/desktop/images/topfire.gif"></td>
    <td valign="top"><img src="c:/windows/desktop/images/toprightcorner.gif"><br>
    </td></tr>
    <tr><td valign="top"><img src="c:/windows/desktop/images/cement.gif"></tr>


    <td align="center">
    <img src="C:/windows/desktop/images/broker.gif">
    <a href="broker list">Contact list</a><br><br>
    <a href="Buy/Trade Resources">Buy/Trade Resources</a><br><br>
    <a href="Buy Houses">Buy Houses</a>
    <img src="C:/windows/desktop/images/shards.gif"><br>
    <a href="">Baja</a><br><br>
    <a href="">Chesapeake</a><br><br>
    <a href="">Great Lakes</a><br><br>
    <a href="">Lake Austin</a><br><br>
    <a href="">Sonoma</a><br>

    <img src="c:/windows/desktop/images/community.gif"><br>
    <a href="">Forums</a><br><br>
    <a href="">Leave Feedback</a></td>
    </td></tr>
    <tr><td valign="top"><img src="C:/windows/desktop/images/bottomcornerleft.gif"></td>
    <td valign="top"><img src="c:/windows/desktop/images/topfire.gif"></td>

  3. #3
    Join Date
    Dec 2002
    Location
    los angeles
    Posts
    137
    I figured it out finally.

    It basically went like this:

    <td></td><td></td><td></td>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>

    I am sure using tables is not the best method. I could of used position:absolute just as easy, but I wanted to know how to do it with tables.

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