Av vad jag förstår så borde väl din metod ha fungerat... du kan ju alltid testa att lägga till
border-colapse: colapse;
Annars blir det antagligen lite klurigare att komma ifrån att använda cellspacing="0".
7 svar · 364 visningar · startad av NoiseMaker
Tjenare
Har fått hjärnsläpp.. i min tabellklass får jag inte CELLSPACING att bli noll. Klassen ser ut så här:
.SuperTable{
width:600;
padding:0px;
margin:0px;
border-style:solid;
border-width:1px;
border-spacing:0px;
border-color:#000000;
background-color:#FFFFFF;
}
.SuperTD{
padding:0px;
margin:0px;
border-style:none;
border-width:0px;
border-spacing:0px;
text-align:center;
}
Vad e det jag missar?? Skriver jag cellspacing="0" i tabllen i HTML-sidan försvinner den.
Av vad jag förstår så borde väl din metod ha fungerat... du kan ju alltid testa att lägga till
border-colapse: colapse;
Annars blir det antagligen lite klurigare att komma ifrån att använda cellspacing="0".
Hmm...
<besserwisser:jarvklo>
border-co[b]ll[/b]apse:co[b]ll[/b]apse
(två l, inte ett) - annars är det ett bra tips
</besserwisser:jarvklo>
Inte SÅ enkel css-fråga detta.
border:1 solid black; detta räcker för att visa en linje. se min kod nedan.
Med din kod syns ej linjerna.
<html>
<head>
<style "text/css">
<!--
.Tabell{background-color:green;width:100%;height:75%;border:1 solid black;
font-size:14pt;color:yellow;}
.Cell{border:1 solid black;text-align:center;}
-->
</style >
</head>
<body bgcolor=lightgreen>
<table class=tabell cellpadding=0 cellspacing=0>
<tr>
<td class=cell>
Har rensat bort massa onödigt i din css<BR>
Vad jag känner till så går det inte
</td>
<td class=cell>
Du får istället lägga in cellpadding o cellspacing<BR>
efter dit classanrop i table
</td>
</tr>
<tr>
<td class=cell>
att fixa till padding och spacing med css <BR>
Jag är inte helt säker dock, men nästan
</td>
<td class=cell>
För det var väl så här du menade <BR>
att du vill ha det, gissar jag ?
</td>
</tr>
</table>
</body>
</html>
Hmm...
Prova denna mycket lätt moddade version av ovanstående kod
(Ändringar i fetstil)
<html>
<head>
<style "text/css">
<!--
.Tabell{background-color:green;width:100%;height:75%;border:1[b]px[/b] solid black;
font-size:14pt;color:yellow;[b]border-collapse:collapse[/b]}
.Cell{border:1[b]px[/b] solid black;text-align:center;}
-->
</style >
</head>
<body bgcolor=lightgreen>
<table class=tabell> [b]<!-- Ingen cellspacing="0" i tabelltaggen längre -->[/b]
<tr>
<td class=cell>
Har rensat bort massa onödigt i din css<BR>
Vad jag känner till så går det inte
</td>
<td class=cell>
Du får istället lägga in cellpadding o cellspacing<BR>
efter dit classanrop i table
</td>
</tr>
<tr>
<td class=cell>
att fixa till padding och spacing med css <BR>
Jag är inte helt säker dock, men nästan
</td>
<td class=cell>
För det var väl så här du menade <BR>
att du vill ha det, gissar jag ?
</td>
</tr>
</table>
</body>
</html>
Ta bort cellspacing funkar alltså i de flesta moderna webbläsarna med border-collapse:collapse - däremot är det inte så många som stödjer border-spacing som är CSS-stilen för att bestämma ett visst cellmellanrum...
Bossse:
Att linjerna mellan cellerna inte visas om man kör med klasserna i ursprungsfrågan med en border-collapse:collapse tillagd beror väl mest troligt på att klassen för cellerna begåvats med
border-style:none;
border-width:0px;
citat:
Att linjerna mellan cellerna inte visas
border-style:none;
border-width:0px;
Visst, det såg jag också.
Däremot kände jag inte till detta med border-collapse:collapse. Men det var ju ett smidigt sätt att sloppa cellpadding och cellspacing i tabelltaggen.
Nu äre läggdags!
Jupp - eller borde vara iallafall...
Hursomhelst!
Även om du fått lite mothugg här och var, så hoppas jag att du känner dig välkommen till wF bossse!
ha ha.. mycket uppskattat med många svar =) Efter mycket om och men.. lösningen finns i collaps... med två L
tackar och bjuder på semesteröl!