Quick table design

Status
Not open for further replies.

lovemetender

Junior Member
Joined
Jul 27, 2010
Messages
105
Reaction score
39
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/
tableexample.png
 
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>
 
Status
Not open for further replies.
This thread has been auto closed due to the forum's thread age policy. Read more.
Back
Top