Få länkar att centrera i <td>?

1 svar · 256 visningar · startad av Travoni 3 feb. 2006

TravoniMedlem sedan okt. 20041 556 inlägg

Frågan3 feb. 2006 07:56#1

Hur får jag dessa länkar att bli centrerade i den gröna td:n? Jag har testat det mesta.

<style type="text/css">
<!--
body, div, td{ 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	}

.link {
	margin:0px 5px 0px 5px;
	padding:2px;
	display:block;
	border:1px solid black;
	text-decoration:none;
	color:red;
	float:left;
		}
-->
</style>

<table width="100%" border="0">
	<tr>
		<td style="border:1px solid green"><div><a href="#" class="link">Ett</a><a href="#" class="link">Två</a><a href="#" class="link">Tre</a><a href="#" class="link">Fyra</a></div></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>

PalleMedlem sedan apr. 20003 174 inlägg

3 feb. 2006 08:02#2

En variant:

<style type="text/css">
body, div, td {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}

.link {
	margin:0 5px 0 5px;
	padding:2px;
	/* display:block; */
	border:1px solid black;
	text-decoration:none;
	color:red;
	/* float:left; */
}
</style>

...

<table width="100%" border="0">
	<tr>
		<td style="border:1px solid green; text-align:center;"><a href="#" class="link">Ett</a><a href="#" class="link">Två</a><a href="#" class="link">Tre</a><a href="#" class="link">Fyra</a></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>