--- title: "tabell med rundade kanter" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/148316-tabell-med-rundade-kanter" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "eriks" published: "2006-06-22T08:08:25.000Z" updated: "2006-06-26T09:38:13.000Z" replies: 13 views: 729 page: 1 pages: 1 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/148316-tabell-med-rundade-kanter" --- # tabell med rundade kanter ## #1 — eriks, 2006-06-22T08:08Z Hej, Jag skulle vilja göra en tabell med rundade kanter, att använda till en meny, t.ex. som de har på Jag hade velat göra det med table border="1" edges="rounded" , men när jag nu inte känner till några sådana taggar undrar jag, vilket är det smidigaste viset att få rundade kanter på? Finns det genvägar eller är det bilder i alla fyra hörnen som gäller? Tack på förhand Mvh Erik Permalänk: https://www.webforum.nu/p/148316 ## #2 — Type, 2006-06-22T08:18Z Det där brukar väldigt många fråga om här... Har du försökt söka innan du postade tråden? hittade bland annat denna i den eminenta sökfunktionen: Det kanske kan vara nåt? Permalänk: https://www.webforum.nu/p/1833954 ## #3 — zcorpan, 2006-06-22T11:33Z Vad skulle du med tabellen till nu igen? Permalänk: https://www.webforum.nu/p/1833994 ## #4 — eriks, 2006-06-22T14:35Z Tack! Men hur fungerar detta egentligen? Om jag inte vill ha en speciell bakgrundsfärg (exemplet använder ju vit), kan man skriva transparent på något vis då? Hade gärna också förstorat rundningen, men har inte lyckats efter några test. Någon som har gjort det? Mvh Erik Permalänk: https://www.webforum.nu/p/1834045 ## #5 — überfuzz, 2006-06-22T17:05Z testa att skriva in följande i classerna: .dinaclass { opacity: 0.5; filter: alpha(opacity=50); samt margin: hit och dit enlikt niftcorners; } Vet dock inte vilket stöd dessa transparenser har, men du kan ju testa i alla fall. Permalänk: https://www.webforum.nu/p/1834081 ## #6 — überfuzz, 2006-06-22T17:07Z Eh, just det, skriv in en färg som bakgrundsfärg eller bakgrundsbild i classen också. Du vet: .dinaclasser { background: #666; resten: hit och dit; } Så blir färgen eller bilden transparent. Permalänk: https://www.webforum.nu/p/1834082 ## #7 — eriks, 2006-06-22T18:19Z Hmm, Nu är det tyvärr så att jag är inte helt 100 på css.. Ska jag alltså skriva in detta i min class (den som heter nifty i nifty-corner exemplet)?? Det händer ingenting när jag gör det, förutom att jag kan ändra bakgrund där texten står. Hänvisar ni till nifty-exemplet, eller är detta något annat? Permalänk: https://www.webforum.nu/p/1834101 ## #8 — überfuzz, 2006-06-22T20:08Z Hur ser din css ut då? Permalänk: https://www.webforum.nu/p/1834129 ## #9 — eriks, 2006-06-22T20:56Z Precis som den nifty-corner: Mvh Erik Permalänk: https://www.webforum.nu/p/1834146 ## #10 — überfuzz, 2006-06-23T04:38Z Testa att göra en div med den bakgrundsfärg du vill ha, samt ge den transparens. Läg sendan en div över den med den text osv du vill ha där. Sen är det ju bara att göra en eller flera gif:ar som du placerar i hörnen. Permalänk: https://www.webforum.nu/p/1834180 ## #11 — eriks, 2006-06-25T18:44Z Ok, ville undvika gif:ar i hörnen... Nifty-corners är bra, och har lyckats ändra bakgrunden mha: transparent url("bg_body.gif") Två frågetecken står dock kvar. 1\. Hur ändrar man radiens storlek på cirklarna.. Har testat men kommer inte fram till något! 2\. Hur gör man en fixerad höjd? Om jag skiver height:300px; i nifty diven, så hänger nämligen inte botten med... Och då ser det ju helt tokigt ut. Red. Permalänk: https://www.webforum.nu/p/1834679 ## #12 — überfuzz, 2006-06-25T19:57Z Okej, men har du någon kod, man kan få se. Eller kanske rent av en länk? Permalänk: https://www.webforum.nu/p/1834693 ## #13 — eriks, 2006-06-26T09:01Z Kör med exemplet från nifty-corners. Permalänk: https://www.webforum.nu/p/1834782 ## #14 — Insider, 2006-06-26T09:38Z Ditt exempel är gammalt. Läs den här artikeln istället: Det finns tre olika storlekar på hörnen. Det går även att välja en fast höjd på boxen. Det går även att ange att man vill ha transparent bakgrund... Så skippa alla GIF-bilder! Permalänk: https://www.webforum.nu/p/1834795 --- Tråden på webben: https://www.webforum.nu/amne/html-css/148316-tabell-med-rundade-kanter