7 svar · 351 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> :birp
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;
:birp
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! :bire
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!