---
title: "runda horn och dropshadow"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/149919-runda-horn-och-dropshadow"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "toddyd"
published: "2006-08-10T11:04:00.000Z"
updated: "2006-08-10T13:36:06.000Z"
replies: 5
views: 547
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/149919-runda-horn-och-dropshadow"
---

# runda horn och dropshadow

## #1 — toddyd, 2006-08-10T11:04Z

Skulle vilja veta hur man skapar fält med runda horn och dropshadow utan att använda sig av en bild?

På tex <http://www.swebusexpress.se> så finns det några sådana fält som förklarar vad jag menar. Någon som sitter på bra länkar som förklarar hur detta går till?

  :birp

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

## #2 — tanten, 2006-08-10T11:16Z

till runda hörn <http://www.cssplay.co.uk/boxes/snazzy2.html>

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

## #3 — caya, 2006-08-10T12:01Z

swebusexpress.se består av en himla massa bilder på ett sätt som skulle kunna förenklas i flera steg.
jag gillar detta sätt <http://www.alistapart.com/articles/fauxcolumns> som tillsammans med en bakgrundsbild i header och footer kan ge sidan en snyggt rundad layout.
använder du smådivar med klasser kan du ha den övre rundningen i tex h4 och den nedre rundningen som en del av en längre bakgrundsbild.

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

## #4 — Insider, 2006-08-10T12:08Z

Jag tycker den här lösningen ändå är smidigast. Man behöver inga bilder alls och det finns inga onödiga html-element som i cssplays lösning.
Kravet är bara att klienten har javascript påslaget och är det inte det visas boxen utan runda hörn.
Det går även att öka/minska textstorlek utan att det påverkar något.

<http://www.html.it/articoli/niftycube/index.html>

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

## #5 — zcorpan, 2006-08-10T12:19Z

> **Insider skrev:**
>
> Jag tycker den här lösningen ändå är smidigast. Man behöver inga bilder alls och det finns inga onödiga html-element som i cssplays lösning.
> Kravet är bara att klienten har javascript påslaget och är det inte det visas boxen utan runda hörn.
> Det går även att öka/minska textstorlek utan att det påverkar något.
> 
> <http://www.html.it/articoli/niftycube/index.html>

Niftycube har exakt lika många onödiga HTML-element som CSSPlays lösning, bara det att den lägger till dem med javascript. Om man bryr sig om att DOM-trädet ska vara rent från skräp hjälper det inte att källkoden är fri från onödiga element...

Personligen föredrar jag CSS3 border-radius (finns experimentiell implementation i Gecko och WebKit med "-moz-" respektive "-webkit-"-prefix) eller, om det behöver fungera i IE, bilder.

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

## #6 — toddyd, 2006-08-10T13:36Z

tnx

Tack  för alla tips ska kolla upp!  :e

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/149919-runda-horn-och-dropshadow