--- title: "Bild istället för banner?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/96197-bild-istället-för-banner" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Dwarfen" published: "2004-01-31T11:40:36.000Z" updated: "2004-01-31T18:49:59.000Z" replies: 9 views: 364 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/96197-bild-istället-för-banner" --- # Bild istället för banner? ## #1 — Dwarfen, 2004-01-31T11:40Z Hur gör man för att lägga in en bild i stället för banner (runt e box)? Ska man lägga den som en bakgrundsbild i boxen och ta bort bannern? Permalänk: https://www.webforum.nu/p/96197 ## #2 — Okkido, 2004-01-31T11:44Z Re: Bild istället för banner? > **Dwarfen skrev:** > > Hur gör man för att lägga in en bild i stället för banner (runt e box)? > Ska man lägga den som en bakgrundsbild i boxen och ta bort bannern? Ursäka mig men: Va?! banner = reklamskylt? box = en cell i en tabell? Är jag trött och missförstår dig totalt eller? Men jag förstår verkligen inte dig. Du verkar ju ha en egen lösning på problemet, testa den och se om den fungerar? Permalänk: https://www.webforum.nu/p/1263808 ## #3 — Dwarfen, 2004-01-31T11:57Z Förlåt, var helt inne i en annan sak när jag skrev. Menade border, inte banner. Har provat, men det ger inte det resultat som jag vill ha Permalänk: https://www.webforum.nu/p/1263815 ## #4 — Okkido, 2004-01-31T12:04Z Hmm, du får nog förklara ännu mer ändå? Vill du ha en bild som border istället för en standard border? Om du har en fast bredd och höjd på tabellen kan du lägga en bild med samma bred och höjd. Permalänk: https://www.webforum.nu/p/1263823 ## #5 — Dwarfen, 2004-01-31T12:09Z Exakt, vill ersätta den "tråkiga" vanliga border med en bild, men jag lyckas inte. Just nu ser mig kod ut. Kod \[ \#box1 { background-color: #fcfcfc; border-color: #26282A; border-style: solid; border-width: 1px; height: 100px; left: 200px; position: absolute; top: 10px; width: 625px; } \] Har försökt att ersätta border-width: 1px; med border-width="bildnamn"\> Men utan resultat... Permalänk: https://www.webforum.nu/p/1263825 ## #6 — Okkido, 2004-01-31T12:14Z Såvitt jag vet är det inte möjligt. Och om du ska lägga in en bakgrundsbild till något med css ska du använda dig av background-image: url(bild.gif); Permalänk: https://www.webforum.nu/p/1263827 ## #7 — Dwarfen, 2004-01-31T12:18Z Det gick inget vidare det heller. Men om det inte går att göra som jag har tänkt mig, hur ska jag då kunna göra en border som softar ut till bakgrundsfärgen bakom/brevid boxen? Permalänk: https://www.webforum.nu/p/1263837 ## #8 — frankof, 2004-01-31T14:24Z Det får du lösa på grafisk väg, typ en ram som "softar" och lägga den som bakgrund. Permalänk: https://www.webforum.nu/p/1263887 ## #9 — Dwarfen, 2004-01-31T16:22Z Så jag får alltså göra en bakgrund som är "normal" färgad i mitten och har ram... Finns det verkligen inget annat sätt att göra det? Verka lite dumt att lägga en bild bakom alla text ? Permalänk: https://www.webforum.nu/p/1263921 ## #10 — jarvklo, 2004-01-31T18:49Z Du kan meka om din kod lite så att du har en "box i boxen" och utnyttja en bakgrundsbild i den tillsammans med lite padding... t.ex. såhär: ``` Ett exempel
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas quam arcu, consectetuer a, venenatis eget, pharetra quis, tortor. Nulla nec tortor. Ut hendrerit congue risus. Vivamus lobortis mauris ut ligula. Proin sed eros vel felis tristique imperdiet. Curabitur a elit sit amet eros blandit tristique. Nulla augue lectus, blandit at, vehicula nec, placerat ut, velit. Pellentesque velit quam, posuere id, dictum sit amet, rutrum non, ipsum. Nulla facilisi. Nulla diam dui, placerat sit amet, dignissim sit amet, sagittis sed, sapien. Phasellus interdum. Vestibulum dapibus tristique pede. Duis ac elit id nibh tincidunt porttitor. Aenean ac felis. Integer tempor. Etiam sagittis pede sed magna. Phasellus magna purus, blandit id, iaculis eu, bibendum ut, sapien.
``` \#minruta är en centrerad div a'la standardrecept. .ramen är en div med en repeterande bakgrundsbild som täcker hela rutan - .ramen har en padding som sedan kommer att bli "ramens" bredd. .innehallet är den div där innehållet ligger. En ev. bakgrundsfärg eller bakgrundsbild i .innehallet kommer att visas över bakgrundsbilden i .ramen Du kan provköra koden på om du vill Permalänk: https://www.webforum.nu/p/1263975 --- Tråden på webben: https://www.webforum.nu/amne/html-css/96197-bild-istället-för-banner