--- title: "Trubbel med css och tabellramar" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar" 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: 1 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 1 av 2._ ## #1 — @nders, 2003-07-10T11:42Z Hepp! Jag är allt annat än kung på HTML och CSS, och har därför stött på lite patrull. Jag har en tabell, där jag vill ha en enpixels svart ram mellan alla ingående celler. Detta innebär tyvärr också celler som ligger i tabeller som ligger i den yttersta tabellen, och det är väl där problemet kommer, ramen blir förstår olika tjock på olika ställen. Jag tror att ni förstår vad jag vill ha. En svart enpixels ram helt enkelt. Det blev lite mycket kod att lägga in, så jag laddade upp en html-fil istället: Det har blivit lite för mycket för min trötta hjärna. ;) Hoppas någon kan ta sig en kik. Mvh och tpf, Permalänk: https://www.webforum.nu/p/81745 ## #2 — @nders, 2003-07-10T11:59Z Och förresten, jag vill ytterst gärna slippa specificera border-left, border-right osv på ingående celler, eftersom 1-2-3-blocken placeras ut dynamiskt och kan komma i vilken ordning som helst. Mvh Permalänk: https://www.webforum.nu/p/1107235 ## #3 — Jesper T, 2003-07-10T15:37Z Åhhh.... en kacka med en massa tabeller ;) :i Skulle det inte gå att sätta en pixel minus på marginalerna på vissa tabellelement och på så sätt överlappa ramarna? OT: Tror att det är första gången jag ser @nders fråga något på wf. :) Permalänk: https://www.webforum.nu/p/1107356 ## #4 — spango, 2003-07-10T16:28Z Man kan (= borde kunna) sätta tabellens bakgrundsfärg till svart, specificera en annan färg för td/th, och sätta (exempelvis) margin-left och margin-top till 1px för td/th. Permalänk: https://www.webforum.nu/p/1107380 ## #5 — @nders, 2003-07-11T06:23Z Hmm... Tack för förslag, men det vill inte riktigt (läs: inte alls) fjungera. ;) Antingen blir resultatet oförändrat eller så försvinner även alla ramar. Kanske är det jag som gör det för svårt för mig? Vi tar om det från början. Jag vill ha en tabell som består av x antal rader. Dessa rader / block kan ha antingen en cell som täcker 100% av bredden, två celler som täcker 50% var, eller tre celler, som lämpligen täcker drygt 33% var av bredden. Dessa block kan komma **i vilken ordning som helst**. Inuti var och en av dessa celler kommer att placeras en tabell, som kommer att innehålla en del celler, varav en eller två kommer att vilja ha en ram runt sig, som flyter in i den andra ramen. Phew... Länken ovan gäller fortfarande givetvis, för att demonstrera en ungefärlig resultatönskan. :) Går det överhuvudtaget att göra som jag önskar? Måste jag använda en ram uppbyggd av små bilder? Jag fortsätter att leka lite med marginaler och dylikt. Tack för era svar. Keep 'em coming! :D Mvh Permalänk: https://www.webforum.nu/p/1107618 ## #6 — Engine^, 2003-07-11T07:04Z Är det inte nu du vill upptäcka css-möjligheter. Det är väl så att om du på \ lägger till attributet style="border-collapse: collapse;", så ska väl det lösa sig. Allt enligt vad jag förstår från [w3c: *Border conflict resolution*](http://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution) Permalänk: https://www.webforum.nu/p/1107632 ## #7 — @nders, 2003-07-11T07:11Z Jepp, och det är border-collapse jag har försökt med. Jag lade till **table {border-collapse: collapse;}**, och det blev lite bättre. Jag ska läsa länken du gav mig, tack. Nu ser det ut så här: Mvh Permalänk: https://www.webforum.nu/p/1107634 ## #8 — Engine^, 2003-07-11T08:00Z Det verkar vara fullständigt omöjligt att få till det där. Mycket beror på dom nästlade tabellerna. Om du verkligen måste, så får du nog göra så att du ger varje cell- och tabelltyp specifika klassnamn och sedan i css:en får du styra border-hanteringen. Jag tror att jag skulle försökt med den metoden ivarjefall. Även om det är ¤#%&#¤% drygt att sätta typ border: 1px 0px 1px 0px; och sedan veta att kantjäklarna hamnar rätt till slut. Plus överraskningen när man drar igång en annan browser och upptäcker att timmar av slit måste kopieras och göras om :x Nåja, lycka till ivarjefall §jr Permalänk: https://www.webforum.nu/p/1107641 ## #9 — @nders, 2003-07-11T08:05Z Problemet är ju att jag inte vet vart blocken hamnar. Blocket med tre celler kan lika gärna hamna i mitten, och då gäller ju inte samma höger-, vänster-, uppe- och neremarginaler. Eller gör det det? Jag får försöka... :x Tack ändå för svar! :D Mvh Permalänk: https://www.webforum.nu/p/1107642 ## #10 — Engine^, 2003-07-11T08:17Z Jo, men är det inte alltid samma celltyper som kommer med? Dynamiskt är bra, men för dynamiskt kan vara för jobbigt... ;) Permalänk: https://www.webforum.nu/p/1107649 ## #11 — @nders, 2003-07-11T08:19Z Jo, det är de här tre typerna av standardblock som kommer. Så det kanske går? Snurrigt dock. Får sätta av helgen på att pilla med sånt här känns det som... Det är tyvärr inte jag som bestämmer dynamiknivån, utan det finns ju de som betalar min lön. :) HTML och CSS är för krångligt, det bara snurrar. Undrar när vi ska anställa en webbdesigner som kan göra allt sånt här? ;) Tacka vet jag andra bullar. Mvh, Permalänk: https://www.webforum.nu/p/1107650 ## #12 — Engine^, 2003-07-11T08:35Z Kräv högre lön! ;) Permalänk: https://www.webforum.nu/p/1107654 ## #13 — jarvklo, 2003-07-11T09:59Z > **@nders skrev:** > > Problemet är ju att jag inte vet vart blocken hamnar. Blocket med tre celler kan lika gärna hamna i mitten, och då gäller ju inte samma höger-, vänster-, uppe- och neremarginaler. Eller gör det det? Jodå - om man klurar lite! ;) Du behöver inte ha separata tabeller för raderna - det går att fixa med colspan och lite matematik... Du behöver sex kolumner i tabellen för att kunna dela den som du vill: rad 1: colspan="6" rad 2: colspan="3" (två celler med "hälften") rad 3: colspan="2" (tre celler med "en tredjedel") Sätt sedan border på: Tabellen: uppe och till vänster. Varje cell: nere och till höger. Kör du sedan med border-colapse:collapse på tabellen... Så har du löst det första problemet. Och det spelar ingen roll om du kastar om raderna eftersom cellerna ställer in border likadant oavsett hur många de är på raden ;) De "flytande" inre tabellerna löser du genom att slänga in dem i varsin div med en marginal på -1px samtidigt som du ser till att tabellcellerna har padding:0.... Om jag inte missuppfattat dig borde du kunna utgå från [den här mallen](http://member.webforum.nu/2241/snabelanderstabell.html)... Den är iofs bara testad i MSIE6 och Moz 1.3 - men det finns säkert någon här som kan hjälpa till med att verifiera den även i andra webbläsare ;) Permalänk: https://www.webforum.nu/p/1107672 ## #14 — @nders, 2003-07-11T10:04Z Det ser ju helt fantastiskt ut! Jag utgår ifrån att det löser sig med jarvklos underbara hjälp. Jag är så till mig så jag sitter och hoppar. Jag återkommer med resultatet. :) Mvh, Permalänk: https://www.webforum.nu/p/1107675 ## #15 — m_soderlund, 2003-07-11T10:10Z Det ingen annan klarade, klarade Jarvklo. :D (Jag satt i 15 minuter och testade på datorn här, men lade ner det förbannade ;) projektet..) Permalänk: https://www.webforum.nu/p/1107676 ## #16 — m_soderlund, 2003-07-11T10:12Z Bevis: Bilagor: - [snabelbevis.gif](https://www.webforum.nu/a/1704.gif) Permalänk: https://www.webforum.nu/p/1107677 ## #17 — @nders, 2003-07-11T10:16Z Tack för att du också försökte, Martin. Mvh Permalänk: https://www.webforum.nu/p/1107679 ## #18 — @nders, 2003-07-11T10:58Z Jag behöver nog lite mer hjälp... ... för att få det att fungera. Jag har också en massa andra tabeller på sidan, en som ska ligga runt denna, en annan ovanför och en under. Typ så här: ```
Här är lite skräp ovanför
[b]Här slänger jag in Jarvklo-tabellen[/b]
Och en massa skräp under
``` Det är alltså *endast* den s.k. Jarvklo-tabellen som ska påverkas av det här css-andet. Jag har försökt tvinga det med tabell-klasser och liknande, men jag får inte till det. Det här är för mig som att åka skateboard på rullskridskor; långsamt och förbarkat vingligt. ;) Så länge jag använder endast Jarvklo-koden så är det ju lugnt, men det är efter xsl-transformeringen det börjar ryka. Tack för all hjälp än så länge... Mvh, Permalänk: https://www.webforum.nu/p/1107687 ## #19 — bossse, 2003-07-11T11:22Z Har bara läst denna tråd lite sporadiskt. Men jag lägger ut ett litet exempel med css och klasser. Det liknar i vart fall bildbeskrivningen som jag kollat. ```
``` Permalänk: https://www.webforum.nu/p/1107711 ## #20 — @nders, 2003-07-11T11:40Z Ett litet tillägg medans jag läser bossses kod; jag kan inte modifiera tabellerna och koden som ligger runt, utan den nya tabellen och den nya css-koden är det enda jag har kontroll över. \*lusläser\* Permalänk: https://www.webforum.nu/p/1107729 --- Tråden på webben: https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar Nästa sida: https://www.webforum.nu/amne/html-css/81745-trubbel-med-css-och-tabellramar/page2.md