typsnitt i tabell?

8 svar · 609 visningar · startad av Pellefant 12 juli 2003

PellefantMedlem sedan maj 20023 372 inlägg

Frågan12 juli 2003 18:52#1

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>

bossseMedlem sedan juni 2003771 inlägg

12 juli 2003 20:11#2

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>

bossseMedlem sedan juni 2003771 inlägg

12 juli 2003 20:30#3

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>

stollepärMedlem sedan juli 20037 inlägg

12 juli 2003 20:35#4

hejhopp!!
Vad gör border-collapse:collapse?

bossseMedlem sedan juni 2003771 inlägg

12 juli 2003 20:45#5

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.

stollepärMedlem sedan juli 20037 inlägg

12 juli 2003 21:04#6

ok, finns det stöd för det i allawebläsare version. 4+?

bossseMedlem sedan juni 2003771 inlägg

12 juli 2003 21:20#7

I vart fall Netscape, tror att det funkar i de flesta.

PellefantMedlem sedan maj 20023 372 inlägg

12 juli 2003 23:39#8

*tackar* :)

aspMedlem sedan aug. 2002733 inlägg

19 juli 2003 13:14#9