Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2011
    Posts
    80
    Thanks
    19
    Thanked 0 Times in 0 Posts

    Rounded HTML Table Corners

    Ok I have a question some of you might be able to answer.

    What I have is a file that is called "getdata.php" what it does is pull data from my database and it draws a table with those results from the database.

    What I am wantng to do is round the corners of that table.

    I know you have to draw the ronded coners then place them over the table edges and I have the top left one working but it seems to mess with the layout of the table and the top right image is not stretching over to the actual coner of the table.. This is the code I have right now to draw the table.
    Code:
    echo "<table allign='center' bgcolor='white' width='100%' border='0' cellpadding='0' cellspacing='0'>
    <tr>
    <td width='100%'><img src='corner1.gif' width='14' 
    height='14' border='0' alt='...' /></td>
    
    <td width='100%'></td>
    
    <td width='100%'><img src='corner2.gif' width='14'
    height='14' border='0' alt='...' /></td>
    
    <tr>
    <th>Bar</th>
    <th>Special</th>
    <th>Day of Special</th>
    <th>Address</th>
    <th>Special Starts</th>
    <th>Special Ends</th>
    </tr>";
    
    while($row = mysql_fetch_array($result))
      {
      echo "<tr>";
      echo "<td align='center'>" . $row['bar_name'] . "</td>";
      echo "<td align='center'>" . $row['bar_special'] . "</td>";
      echo "<td align='center'>" . $row['special_day'] . "</td>";
      echo "<td align='center'>" . $row['bar_address'] . "</td>";
      echo "<td align='center'>" . $row['special_start'] . "</td>";
      echo "<td align='center'>" . $row['special_end'] . "</td>";
      echo "</tr>";
      }
    echo "</table>";
    
    ?>
    and the results page is here http://www.tnbarfinder.com/city/days...oro/monday.php

    Any ideas?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    <tr>
    <td width="100%"><img width="14" height="14" border="0" alt="..." src="corner1.gif"></td>
    <td width="100%" colspan="5"><img width="14" height="14" border="0" style="float:right;" alt="..." src="corner2.gif"></td>
    
    </tr>
    PS: You have to set the image as background, if it's used for styling purposes.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    red71chevelle (03-06-2012)

  • #3
    New Coder
    Join Date
    Aug 2011
    Posts
    80
    Thanks
    19
    Thanked 0 Times in 0 Posts
    Thanks! I got it working now.


  •  

    Posting Permissions

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