---
title: "skugga tabell med css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/89680-skugga-tabell-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jonny666"
published: "2003-11-05T07:41:51.000Z"
updated: "2003-11-05T17:50:32.000Z"
replies: 6
views: 423
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/89680-skugga-tabell-med-css"
---

# skugga tabell med css

## #1 — jonny666, 2003-11-05T07:41Z

Yo,
Någon som nån smart lösning hur man kan skugga en tabell med css som man sedan kan anropa som "class" ?? jag har sökt lite men inte hittat någon bra lösning...

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

## #2 — Web-Tor, 2003-11-05T08:19Z

Hjälper inte någon av de här trådarna:
[skugga tabell](http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=79318&highlight=skugga)
[skugga på tabell](http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=66725)
[skugga kring tabell](http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=59754)

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

## #3 — jonny666, 2003-11-05T12:17Z

jag har kollat dom innan men inte blivit mycket klokare, <http://msdn.microsoft.com/workshop/samples/author/filter/DropShadow.htm> det är denna effekten jag vill åt men jag vill bara ha skugg effekten, jag har försökt och rensa i koden men då bli allt konstigt, funkar det å lägga den koden i sin css fil och anropa med "class"

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

## #4 — Jesper T, 2003-11-05T12:21Z

```
<style>
<!--
#oFilterDIV{
position:absolute; top:50px; left:10px; width:240px; height:160px; padding:10px; font:bold 13pt verdana;
background: yellowgreen; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
}
-->
</style>

<DIV ID="oFilterDIV">This is the DIV content.</DIV>
```

Eller:

```
<style>
<!--
.oFilterDIV{
position:absolute; top:50px; left:10px; width:240px; height:160px; padding:10px; font:bold 13pt verdana;
background: yellowgreen; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
}
-->
</style>

<DIV class="oFilterDIV">This is the DIV content.</DIV>
```

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

## #5 — Engine^, 2003-11-05T12:23Z

Det borde inte vara några problem, eftersom det är en style. Filter-attributet är väl dock IE6-specifikt?

**red.** Det tog då en jäkla tid för mig att få ur mig den korta meningen... ;)

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

## #6 — Web-Tor, 2003-11-05T12:27Z

Kan inte rekomendera dig att använda detta eftersom det bara funkar i Explorer men så här gör du om du vill använda det på en tabell:

```
<html>
<head>
<style type="text/css">
.skugga {
	background: #0F0;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
}
</style>
</head>

<body>
<table class="skugga">
	<tr>
		<td>tabell med skugga</td>
	</tr>
</table>
</body>
</html>
```

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

## #7 — jonny666, 2003-11-05T17:50Z

tack Web-Tor... du vart en tidig jultomte för mig  :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/89680-skugga-tabell-med-css
