---
title: "Trubbel med css och tabellramar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "@nders"
published: "2003-07-10T11:42:00.000Z"
updated: "2003-07-14T19:44:44.000Z"
replies: 25
views: 843
page: 2
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar"
---

# Trubbel med css och tabellramar

_Sida 2 av 2._

## #21 — Engine^, 2003-07-11T12:19Z

Då kanske Contextual css kan hjälpa dig...
Gör en klass som heter .tblJarvklo och för alla css-detaljer du behöver använda i den tabellen döper du dessa klasser till .tblJarvklo .tdJarvklo

```
<style>
  .tblJarvklo { border-collapse: collapse; margin: 0; padding: 0 }
  .tblJarvklo td { border: 1px solid black; } [blue]// alla TD i tabellen tblJarvklo[/blue]
  .tblJarvklo .tdSpecial { border: 5px dashed jultomteröd; }
</style>

<table class="tblJarvklo">
  <tr>
    <td>hubba hubba</td>
    <td class="tdSpecial">Ho ho ho</td>
  </tr>
</table>
```

På så sätt borde du undvika möjliga krockar eller annan förvirring. Om det i en annan tabell skulle ligga en cell med cssklassnamnet tdJarvklo, så påverkas den inte av din css (förutsatt då att inte den tabellen av någon knäpp anledning också heter tblJarvklo).

Permalänk: https://www.webforum.nu/p/1107755

## #22 — @nders, 2003-07-11T12:28Z

Annan förvirring har jag inte lyckats undvika. Jag är totalförvirrad just nu. ;)

Det är ungefär så jag tänkte att jag skulle göra, men jag får inte ihop det. Jag hittade på namnet *newtable*. Jag lade sedan till det på alla css-grejerna, och lade till *class="newtable"* i \<table\>-taggen. Så här blev det: 

```
.newtable {border-collapse:collapse; border-top:1px solid black; border-left:1px solid black}
.newtable tr {vertical-align:top;padding:0;}
.newtable td {vertical-align:top;padding:0;}
.newtable .rad {width:100%; height:100%;border:none; height:120px;}
.newtable .rad td {border:none;border-right: 1px solid black; border-bottom: 1px solid black;}
.newtable div {padding:2px;}
.newtable .inuti {margin:-1px;padding:0;}
.newtable .inuti table {border:1px solid black; width:100px;}
.newtable .inuti table td {padding:2px;}
```

Resultatet blev inte helt hundra (se bifogad bild).

Tack!

Bilagor:

- [cap5.jpg](https://www.webforum.nu/a/1706.jpg)

Permalänk: https://www.webforum.nu/p/1107760

## #23 — Engine^, 2003-07-11T12:36Z

Tja... problemet är padding, men det är ju rätt tydligt. Eftersom padding ärvs, så ska du vara försiktig med att stoppa in det på för många ställen och samma gäller margin.

Jag skulle börja med att sätta alla padding och margin till 0 och sedan börja från toppen och se hur arven fungererar.

Permalänk: https://www.webforum.nu/p/1107772

## #24 — @nders, 2003-07-14T17:33Z

Tack för all hjälp allihopa, även om vi inte lyckades lösa uppgiften. :)

Jag ska säga till min uppdragsgivare att antingen anställa en jäkla designer, eller nöja sig med medelmåttigt. ;)

Mvh och tack igen.

Permalänk: https://www.webforum.nu/p/1109350

## #25 — jarvklo, 2003-07-14T19:42Z

Hmm...

Du ger upp för lätt ;) 

Colspan-metoden (ursprungsexemplet lite omhackat): 
<http://member.webforum.nu/2241/snabelanderstabell.html> ... Den blev till slut inte så bra i MSIE kanske även om det teoretiskt borde se bra ut även där ;)

med en "tabell per rad" istället: 
<http://member.webforum.nu/2241/snabelanderstabell2.html>

Men som sagt... Bara testat i Moz1.3 och MSIE6 ;)

Permalänk: https://www.webforum.nu/p/1109453

## #26 — @nders, 2003-07-14T19:44Z

Ger upp och ger upp. Jag har helt enkelt inte arbetstid nog pilla med sånt här, som jag inte förstår. ;)

Men, jag ska kika på exemplen i morgon. Under arbetstid. ;)

Tack så *enormt* mycket för all hjälp! :f

Mvh

Permalänk: https://www.webforum.nu/p/1109456

---

Tråden på webben: https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar.md