SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    743
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need an improved-looking table

    I was provided this code for a table for a web vistitor to use for purchasing credits.
    It functions perfectly, but looks boring. Can you suggest some things to improve it's looks? Some code or images or both?

    This is the present code below (and an attached image of how it looks.
    Thanks

    Code:
        <table>
    		<tr>
    		   <td width="100px"> <font face="verdana"><font size="3";font color=#000000;"><u>Amount</u></font></td>
    		  <td width="100px"><br><u><font size="3";font color=#000000;">Cost</font></u><br><br></td>
    		  <br>
    	     </tr>
    	     <tr>
    		  <td><br>[blk1.name;block=tr]<br><br></td>
       		  <td>
                   <form action="payment/paypal_start.php" method="post">
                     <input type="hidden" value="[var.user_id]" name="uid">
                     <input type="hidden" value="[blk1.cred_amt]" name="cre">
                     <input type="hidden" value="Account Credits" name="itnm">
    	    	   <input type="hidden" value="[blk1.value]" name="valu">
                     <input style="border:1px black solid;width:100px"; type="submit" value="[blk1.value]" name="valu"></font>
                   </form>
                </td>
    	     </tr>
    </table>
    Attached Images Attached Images

  2. #2
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,813
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    The way to change the appearance of the table is to style it using CSS. There are lots of CSS options that can be used with tables (including several that are specific to tables). Just what CSS you need to use depends on how you want the table to look.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  3. #3
    SitePoint Member
    Join Date
    Jul 2009
    Location
    Orange, CA
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe add a border around the whole table with some rounded corners? A simple firefox and safari css version can be found here, http://www.css3.info/preview/rounded-border/. A more complex example which provides a fallback for IE can be found here http://www.bestinclass.com/blog/2008...ed-corners-ie/

    A background color or gradient may help also.

    Hope this helps!


Bookmarks

Posting Permissions

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