--- title: "Ram UTANFÖR en bild" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/123914-ram-utanför-en-bild" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "bwcMikke" published: "2005-03-08T07:15:55.000Z" updated: "2005-03-09T10:34:29.000Z" replies: 9 views: 303 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/123914-ram-utanför-en-bild" --- # Ram UTANFÖR en bild ## #1 — bwcMikke, 2005-03-08T07:15Z Jag skall ha en ram som ligger 5px utanför en bild. Detta har jag löst genom att göra en tabellcell och sätta cellpadding=5. Se Nu vill jag på några sidor lösa detta utan tabeller. Jag har försökt med ex. ```
``` men detta fungerar inte. Bilderna är inte med 100% säkerhet lika stora. Några tips? Tack på förhand /Mikke Permalänk: https://www.webforum.nu/p/123914 ## #2 — silfver, 2005-03-08T07:18Z Det här borde funka alldeles utmärkt: ``` div.picframe { padding: 5px; border: 1px solid grey; float: right; /* beroende på vart du vill placera bilden */ }
``` Permalänk: https://www.webforum.nu/p/1566903 ## #3 — bwcMikke, 2005-03-08T07:37Z Lysande!! Jag fick lägga till ``` width: 10px; ``` för annars tog ramen upp hela sidbredden. Av någon anledning fick jag också ta ner från 5 till 2 px för att marginalen skulle bli likadan som på de andra bilderna. Skumt Tack än en gång! Permalänk: https://www.webforum.nu/p/1566909 ## #4 — icaaq, 2005-03-08T07:41Z För att vara riktigt petig så ska ma enligt W3C skriva antingen ``` [red] div.picframe { padding: 5px; border: 1px solid [b]gray[/b]; /* eller #808080 */ float: right; /* beroende på vart du vill placera bilden */ } [/red] ``` mv icaaq Permalänk: https://www.webforum.nu/p/1566912 ## #5 — zcorpan, 2005-03-08T09:24Z ``` img.test { padding: 5px; border: 1px solid gray; } ``` Permalänk: https://www.webforum.nu/p/1566946 ## #6 — martin, 2005-03-08T09:28Z Sätt det på bilden direkt ``` img { padding:5px; border:1px solid black; } ``` Funkar i standardsläge i IE6 också - däremot inte i quirksläget / m a r t i n Permalänk: https://www.webforum.nu/p/1566949 ## #7 — martin, 2005-03-08T09:29Z Som sagt (zcorpan hann före) ;-) Permalänk: https://www.webforum.nu/p/1566950 ## #8 — bwcMikke, 2005-03-09T10:13Z Nja, det funkar inte att sätta det direkt på img-taggen. Förvisso blir det en ram men paddingen fungerar inte. Ramen kommer direkt på bilden. Gör jag något fel? /Mikke Permalänk: https://www.webforum.nu/p/1567444 ## #9 — zcorpan, 2005-03-09T10:23Z 1. Du använder IE 2. IE körs förmodligen i "Quirks mode" Se till att få IE i "standards mode" genom att lägga rätt DOCTYPE högst upp, och ingenting före den. Tex: ``` ``` Permalänk: https://www.webforum.nu/p/1567452 ## #10 — Nipon, 2005-03-09T10:34Z Det här inlägget finns inte och har aldrig funnits! För Zcorpan hann före! Permalänk: https://www.webforum.nu/p/1567460 --- Tråden på webben: https://www.webforum.nu/amne/html-css/123914-ram-utanför-en-bild