Tabellenrand

hury · 5. Oktober 2009

Hallo,

ich habe eine Tabelle, nun möchte ich dass links und rechts jeweils ein Rand angezeigt wird, der mit der Footer-Grafik abschließt.

Könnte mir jemand helfen?

Hier der Quellcode der Tabelle:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
	<title>Venues</title>
</head>

<body bgcolor="#d5e0e2" link="#004d64" vlink="#004d64" alink="#004d64">

<table bgcolor="#d5e0e2" cellpadding="0" cellspacing="0" border="0" width="719" align="center">
	<tr>
		<td>&nbsp;</td>
		<td align="center" width="686">BILD</td>
		<td width="23">&nbsp;</td>
	</tr>
	
	<tr align="center">
		<td>&nbsp;</td>
		<td align="left" width="686">
			<font face="Helvetica Neue, Helvetica, Calibri, Tahoma, Arial, Verdana, sans-serif" color="#d5e0e2" size="2"><b>&nbsp;Text: </b></font> Test	test	</td>

		<td>&nbsp;</td>
	</tr>
	
	<tr align="center">
		<td>Rand</td>
		<td>
			<table bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
				<tr>
					<td>
						<table cellpadding="0" cellspacing="0" border="0" width="685">
							<tr bgcolor="#D8D8D8">
								<td width="15"></td>
								<td height="60" valign="bottom" style="border-bottom: 1px dotted #5e7a88;">&nbsp;</td>
								<td width="15">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td height="10">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>

								<td></td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td height="35">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						</table>						</td>			
				</tr>
								
				<tr>
					<td bgcolor="#000"></td>
			    <td>				</tr>
		  </table>		</td>
					
		<td>Rand</td>
	</tr>
	
	<tr>
		<td>&nbsp;</td>
		<td align="center"><img src="http://img205.imageshack.us/img205/4707/footerwide.gif"></td>
		<td>&nbsp;</td>
	</tr>	
	
</table>


</body>
</html>

Danke!

Maik · 6. Oktober 2009

Moin,

soll der Rand grafisch erzeugt werden?

Das ginge dann so:

Code:

<table bgcolor="#d5e0e2" cellpadding="0" cellspacing="0" border="0" width="719" align="center">
	<tr>
		<td style="background:url(pfad/zur/randgrafik.jpg) repeat-y right top;">&nbsp;</td>
		<td align="center" width="686">BILD</td>
		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y left top;"width="23">&nbsp;</td>
	</tr>
	
	<tr align="center">
		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y right top;">&nbsp;</td>
		<td align="left" width="686">
			<font face="Helvetica Neue, Helvetica, Calibri, Tahoma, Arial, Verdana, sans-serif" color="#d5e0e2" size="2"><b>&nbsp;Text: </b></font> Test	test	</td>

		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y left top;">&nbsp;</td>
	</tr>
	
	<tr align="center">
		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y right top;">Rand</td>
		<td>
			<table bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
				<tr>
					<td>
						<table cellpadding="0" cellspacing="0" border="0" width="685">
							<tr bgcolor="#D8D8D8">
								<td width="15"></td>
								<td height="60" valign="bottom" style="border-bottom: 1px dotted #5e7a88;">&nbsp;</td>
								<td width="15">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td height="10">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>

								<td></td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td height="35">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						</table>						</td>			
				</tr>
								
				<tr>
					<td bgcolor="#000"></td>
			    <td>				</tr>
		  </table>		</td>
					
		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y left top;">Rand</td>
	</tr>
	
	<tr>
		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y right top;">&nbsp;</td>
		<td align="center"><img src="http://img205.imageshack.us/img205/4707/footerwide.gif"></td>
		<td  style="background:url(pfad/zur/randgrafik.jpg) repeat-y left top;">&nbsp;</td>
	</tr>	
	
</table>

</body>
</html>

mfg Maik

Tabellenrand

hury

Erfahrenes Mitglied

Maik

Neue Beiträge