Results 1 to 4 of 4
  1. #1
    HTML/CSS Design Problem
    iWhat's Avatar
    Member Since
    Nov 11, 2004
    Location
    Toledo, Ohio
    Posts
    5,736
    Specs:
    Macbook, iMac G5, iPad, iPhone 4, iPod (MANY)!
    HTML/CSS Design Problem
    I took one class of HTML just for the heck of it a couple of years ago. I have pretty much retained most of it, but I still run into a few conundrums every once in a while. And I was also quickly introduced to CSS during that class. So I'm try to take advantage of CSS, since it seems to be the way to fix a website on the fly and improve upon a website. So I'm stumbling my way through it at the moment.

    I've made a table and have inserted my images that I made in Photoshop. The images made it into the cells fine. But the cells are not proportioned correctly. On the second row, the left image repeats all the way to the other end of the table and pushes the center cell and the right cell out of the table. I'm sure I'm just forgetting something stupid, but I have googled and googled for help and have yet to come to a happy ending. I did think that it I needed to add colspan of 3 and repeat-y in, but that didn't do it. Visibly, it's very clear what is wrong, so it should be a quick fix, I'm sure.

    Download the zip file, which I have attached to this thread. You can either tell me what to insert into the file or upload the zip file back to the thread.

    Any help would be very appreciated and rewarded! :cool:

  2. #2
    HTML/CSS Design Problem

    Member Since
    Sep 30, 2004
    Posts
    3,378
    Code:
    <table class="shadow" border="0" 
        cellspacing="0" cellpadding="0" align="center">  
      <tr>
        <td class="shadow-top" colspan="3"></td>
      </tr>
       <tr>
         <td class="shadow-left"> &nbsp</td>
         <td class="shadow-center"> &nbsp</td>
         <td class="shadow-right">&nbsp </td>   
       </tr>
       <tr>
         <td class="shadow-bottom" colspan="3"></td>
       </tr>
    </table>
    That works

  3. #3
    HTML/CSS Design Problem

    Member Since
    Sep 30, 2004
    Posts
    3,378
    Also change the width of td.shadow-top to 867;

  4. #4
    HTML/CSS Design Problem
    iWhat's Avatar
    Member Since
    Nov 11, 2004
    Location
    Toledo, Ohio
    Posts
    5,736
    Specs:
    Macbook, iMac G5, iPad, iPhone 4, iPod (MANY)!
    Wow, thank you so much! I knew I was on the right track, yet it was something little that was wrong. Thanks again mynameis!

    *inserts token into slot* :cool:

Thread Information

Users Browsing this Thread

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

Similar Threads

  1. CSS problem
    By dakey in forum Web Design and Hosting
    Replies: 5
    Last Post: 12-18-2009, 08:35 PM
  2. Free APP for HTML and CSS
    By dbento in forum Web Design and Hosting
    Replies: 4
    Last Post: 07-25-2008, 09:34 AM
  3. css/html question
    By Underbelly in forum Web Design and Hosting
    Replies: 9
    Last Post: 07-16-2008, 11:52 PM
  4. Replies: 10
    Last Post: 09-22-2007, 01:08 AM

Posting Permissions

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