Mon, 5 Aug 2002 16:12:54 -0700, skrev "Rune Jensen"
<Rune@jensen.mail.dk>:
>Så har jeg lige et spørgsmål...
>er der nogen der kan vise mig hvordan man erstatter
>
><table align=center>
> <tr>
> <td>indhold</td>
Hvis du har mod at bruge strict html, så kan det laves meget
nemt.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tabelcenter</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
<!--
body {color: white; background-color: green; text-align:
center}
table {margin-left: auto; margin-right: auto; width: 200px}
td {color: red; background-color: yellow; height: 130px}
p {font-family: Verdana, sans-serif; font-weight: 900;
text-align: center}
-->
</style>
</head>
<body>
<table>
<tr>
<td>
<p>Bla - Bla - Bla</p>
</td>
</tr>
</table>
</body>
</html>
Forklaring:
IE 5 har en bug med center og bruger text-align: center til at
centrere tabellen, hvor det korrekte i css er margin-left: auto;
margin-right: auto;
Og skal det være valid (og »ordentlig«) skal der bruges strict
html til IE 6 for at center virker.
height og width sætter du på tabellen, som vist her.
Er der flere tabeller, så brug class eller evt. id til de
forskellige tabeller.
Ovennævnte eksempel på en side virker i alle browsere, der
forstår css.
Dog er er der lidt problemer med tabellens width og height i
Netscape 4.x.
Tabellen har kun den størrelse, som svarer til indholdet.
Det kan ikke laves anderledes, hvis det skal være valid strict
html, men er fuldt brugbart også i Netscape 4.x, men knap så
kønt.
Border på billeder, der bruges som link undgår du ved at skrive
i din css:
img {border: none}
--
Knud -
http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.