8 svar · 607 visningar · startad av Pellefant
Jag har ställt frågan tidigare här i forumet, men hittar den tyvärr inte när jag söker. (har inte koden kvar heller)
Hur får man in storleken och typsnittet i tabellen, så att man inte behöver ha det i varje TD ?
<font size="2" face="Arial, Helvetica, sans-serif">
<TABLE border=1>
<TR>
<TD>Year</TD>
<TD>Month</TD>
<TD>Day</TD>
<TD>Title</TD>
<TD>Text</TD>
<TD>Bodytext</TD>
<TD>Showing now</TD>
<TD>Links - Linktext</TD>
</TR>
</TABLE>
Med css och ID
<html>
<head>
<style "text/css">
<!--
table {width:400; height:200; border-collapse:collapse; border:2px solid #000000;}
#td1 {border: 2px solid black; font-family:Arial, Helvetica, sans-serif; font-size:12;}
#td2 {border: 2px solid black; font-family:Arial, Helvetica, sans-serif; font-size:18;}
-->
</style>
</head>
<body bgcolor=lightgreen>
<table>
<tr>
<td id=td1>Så här då kanske</td>
<td id=td1>I detta exempel två st ID:n för <BR> cellerna, så ser du skillnaden</td>
</tr>
<tr>
<td id=td2>Man bör alltid lägga in utseendet i css</td>
<td id=td2>Det var väl ung. så du menade?</td>
</tr>
</table>
</body>
</html>
Fixade en ännu bättre lösning.
<html>
<head>
<style type="text/css">
<!--
body, table, td
{font-family:Arial, Helvetica, sans-serif; font-size: 12px;
border-collapse:collapse; border:2px solid black;}
table {width:400; height:200; background-color:lightblue;border:2px solid black;}
-->
</style>
</head>
<body bgcolor=lightgreen>
<table>
<tr>
<td>Ännu bättre exempel</td>
<td>Behövs inget Id här</td>
</tr>
</table>
</body>
</html>
hejhopp!!
Vad gör border-collapse:collapse?
Att du slipper skriva in
cellspacing="0" cellpadding="0" i tabellen efter body-taggen.
D.v.s det blir ingen luft mellan texten och ramkanten.
Vill du ha luft så använd cellpadding och/eller cellspacing.
Då måste du i.s.f ta bort border-collapse:collapse;
Bara att testa hur du vill ha det.
ok, finns det stöd för det i allawebläsare version. 4+?
I vart fall Netscape, tror att det funkar i de flesta.
*tackar* :)
<td style="font-family: verdana; font-size: 900px;">