Hur gör man table bordern smalare än "1".
Men inte "0".
Löste det med
table { border: 1px #000000 solid}
Har ingenting med cellpadding eller cellspace att göra.
Mvh
------------------
Mvh :)
[Redigerat av Steveking den 10 jan 2002]
Smalare border än border="1"
5 svar · 344 visningar · startad av Steveking
Jo, cellspacing säger hur stort mellanrum det ska vara mellan cellerna och har man en border definerad med HTML så får bordern den bredden.
Men CSS är bättre på det sättet att man kan i pixlar säga precis hur bred, vilken färg och vilket utseende bordern ska ha.
------------------
/Erik
www.juhlin.nu /sk8files/ /mp3d/
Med det fåtal som använder NS4 finns det inget anledning att lägga ner arbete för att få ett perfekt resultat.
För att få 1px border i NS4 får du lägga in bilder i cellerna som är 1px höga (eller breda) och sen sätta bakgrunden till den färg som du vill ha på linjen. För att det ska fungera i Mozilla måste du även sätta font-size=1px i td-taggen:
<td style="font-size:1px;background-color:black"><img src="black.gif" height="1"></td>
Annars brukar jag göra så här. Kanske ett något krångligt sätt, men ger ett hyfsat utseende i de flesta läsare:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
<!--
table.border {
border : 1px solid Black;
border-bottom-width : 0px;
border-right-width : 0px;
}
td.border {
border : 1px solid Black;
border-top-width : 0px;
border-left-width : 0px;
}
-->
</style>
</head>
<body>
<table class="border" cellspacing="0" border="1">
<tr>
<td class="border">ruta 1</td>
<td class="border">ruta 2</td>
</tr>
<tr>
<td class="border">ruta 3</td>
<td class="border">ruta 4</td>
</tr>
</table>
</body>
</html>
------------------
Fiskesällskapet Salamander
Enklaste sättet att få det att funka i de flesta webbläsarna är att skriva så här:
<table border="0" cellpadding="1" cellspacing="0"><tr><td bgcolor="Black">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td bgcolor="White">Foo</td></tr>
<tr><td bgcolor="White">Foo</td></tr>
</table>
</td></tr></table>
Eller så här:
<table border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="Black">
<table border="0" cellpadding="0" cellspacing="1">
<tr><td bgcolor="White">Foo</td></tr>
<tr><td bgcolor="White">Foo</td></tr>
</table>
</td></tr></table>
Skillnaden är att med den första koden får man en border runt tabellen. Med den andra koden får man en border runt varenda cell.
------------------
/Erik
www.juhlin.nu /sk8files/ /mp3d/