Tabel lay out

Status
Niet open voor verdere reacties.
E

Eibert

Gebruiker
Lid geworden
18 nov 2006
Berichten
72
In een tabel ontstaat een verschil in hoogte, als in cel 1 een normale tekst staat, en in cel 2 een hyperlink.
De hyperlink komt een halve letterbreedte lager.
Code: 
<TR><TD>1958<TD><A href = "Schip.php"Jantje</A>
Ik probeer dit met een style-element aan te passen:
Code: 
<TR><TD>1958<TD style = "vertical-align: top;"><A href = "Schip.php"Jantje</A>
Dit heeft geen effect.
Alles naar "vertical-align: bottom" zetten gaat ook niet, omdat sommige cellen meer regels kennen.

Hoe krijg ik de hyperlink op gelijke hoogte?
 
uitgebreidere code

in php:
Code: 
echo "<Table id = \"specpers\">";
echo "<TR><TD id=\"twaalf\" width=10%>$jr<TD style=\"vertical-align: top;\"><A href = \"Schip.php?i=$i\" id=\"persgeg\">$schnaam</A><br>";
...
echo "</TR>";
echo "</table>";

CSS:
Code: 
Table#specpers	{
	position: fixed;
	width: 70%;
	left: 20%;
	Border: none;
	padding: 0px;
	margin: 0px;
}
TD#twaalf	{
	font-size: 12px;
}
a:link#persgeg	{
	text-decoration: none;
	font-family: Trebuchet, Arial;
	font-size: 12px;
	Color: #333333;
	vertical-align: top;
}
 
Laatst bewerkt:
Komt dit in de richting?

Code: 
table#specpers	{
	position: fixed;
	width: 70%;
	left: 20%;
	border: 2px solid #ff0000;
	padding: 0px;
	margin: 0px;
font-family: Trebuchet, Arial;


}
td#twaalf	{
	font-size: 12px;
}
a:link#persgeg	{
	text-decoration: none;
	font-family: Trebuchet, Arial;
	font-size: 12px;
	color: #333333;

}
</style>
	</head>
	
	<body >
		
		<table id ="specpers">
			<tr>
				<td id="twaalf" width="10%">
					$jrtd een
				</td>
				<td>
					<a href="Schip.php?i=$i"  id="persgeg" title="linkje">$schnaam</a>
				</td>
			</tr>
		</table>

Het is GEEN goed idee om Hoofdletters in je code te gebruiken.
Geen TR maar tr.

:cool:
 
Bedankt.

Met nog wat aanpassingen ben ik er nu wel uit.

Bedankt voor je hulp.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan