1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Quick table design

Discussion in 'Hire a Freelancer' started by lovemetender, Oct 4, 2010.

  1. lovemetender

    lovemetender Junior Member

    Joined:
    Jul 27, 2010
    Messages:
    105
    Likes Received:
    38
    I need a quick design of a table(s).

    It is several table inside a table. It really does not even have to be a table, it can anything.

    I need a 127x147 image, text and a button that I can customize with a different URL.

    I made a VERY CRUDE example in paint. It can 4 across and 8 long.

    http://img818.imageshack.us/i/tableexample.png/
    [​IMG]
     
  2. cyrix

    cyrix Junior Member

    Joined:
    Sep 19, 2008
    Messages:
    179
    Likes Received:
    61
    Occupation:
    Full Time Internet Marketer\Developer
    Location:
    United States
    This should do the trick.

    HTML:
    <html>
    	<head>
    		<title>Table Exampe</title>
    		
    		<style type="text/css">
    			table {
    				width: 100%;
    				border: solid #282828 1px;
    				font-size: 12px;
    			}
    		</style>
    	</head>
    	
    	<body>
    		<table cellpadding="5" cellspacing="0">
    			<tr>
    				<td>
    					<table cellpadding="5" cellspacing="0">
    						<tr>
    							<td><img src="http://fsa.zedge.net/content/5/3/5/0/1-69906-5350066.jpg" /></td>
    							<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet ante tellus. Praesent libero leo, congue id hendrerit ut, vulputate vel est. Sed at lectus sit amet purus laoreet pharetra. Integer ultricies, nunc et vehicula ornare, neque nisi lobortis sem, vitae placerat lectus metus eu dui.</td>
    						</tr>
    						<tr>
    							<td colspan="2"><button>Submit</button><button>Cancel</button></td>
    						</tr>
    					</table>
    				</td>
    				
    				<td>
    					<table cellpadding="5" cellspacing="0">
    						<tr>
    							<td><img src="http://fsa.zedge.net/content/5/3/5/0/1-69906-5350066.jpg" /></td>
    							<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet ante tellus. Praesent libero leo, congue id hendrerit ut, vulputate vel est. Sed at lectus sit amet purus laoreet pharetra. Integer ultricies, nunc et vehicula ornare, neque nisi lobortis sem, vitae placerat lectus metus eu dui.s</td>
    						</tr>
    						<tr>
    							<td colspan="2"><button>Submit</button><button>Cancel</button></td>
    						</tr>
    					</table>
    				</td>
    				
    				<td>
    					<table cellpadding="5" cellspacing="0">
    						<tr>
    							<td><img src="http://fsa.zedge.net/content/5/3/5/0/1-69906-5350066.jpg" /></td>
    							<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet ante tellus. Praesent libero leo, congue id hendrerit ut, vulputate vel est. Sed at lectus sit amet purus laoreet pharetra. Integer ultricies, nunc et vehicula ornare, neque nisi lobortis sem, vitae placerat lectus metus eu dui.</td>
    						</tr>
    						<tr>
    							<td colspan="2"><button>Submit</button><button>Cancel</button></td>
    						</tr>
    					</table>
    				</td>
    			</tr>
    			
    			<tr>
    				<td>
    					<table cellpadding="5" cellspacing="0">
    						<tr>
    							<td><img src="http://fsa.zedge.net/content/5/3/5/0/1-69906-5350066.jpg" /></td>
    							<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet ante tellus. Praesent libero leo, congue id hendrerit ut, vulputate vel est. Sed at lectus sit amet purus laoreet pharetra. Integer ultricies, nunc et vehicula ornare, neque nisi lobortis sem, vitae placerat lectus metus eu dui.</td>
    						</tr>
    						<tr>
    							<td colspan="2"><button>Submit</button><button>Cancel</button></td>
    						</tr>
    					</table>
    				</td>
    				
    				<td>
    					<table cellpadding="5" cellspacing="0">
    						<tr>
    							<td><img src="http://fsa.zedge.net/content/5/3/5/0/1-69906-5350066.jpg" /></td>
    							<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet ante tellus. Praesent libero leo, congue id hendrerit ut, vulputate vel est. Sed at lectus sit amet purus laoreet pharetra. Integer ultricies, nunc et vehicula ornare, neque nisi lobortis sem, vitae placerat lectus metus eu dui.s</td>
    						</tr>
    						<tr>
    							<td colspan="2"><button>Submit</button><button>Cancel</button></td>
    						</tr>
    					</table>
    				</td>
    				
    				<td>
    					<table cellpadding="5" cellspacing="0">
    						<tr>
    							<td><img src="http://fsa.zedge.net/content/5/3/5/0/1-69906-5350066.jpg" /></td>
    							<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet ante tellus. Praesent libero leo, congue id hendrerit ut, vulputate vel est. Sed at lectus sit amet purus laoreet pharetra. Integer ultricies, nunc et vehicula ornare, neque nisi lobortis sem, vitae placerat lectus metus eu dui.</td>
    						</tr>
    						<tr>
    							<td colspan="2"><button>Submit</button><button>Cancel</button></td>
    						</tr>
    					</table>
    				</td>
    			</tr>
    		</table>
    	</body>
    </html>