---
title: "Skugga"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/118132-skugga"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "logic"
published: "2004-12-15T21:56:36.000Z"
updated: "2004-12-16T11:55:24.000Z"
replies: 11
views: 630
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/118132-skugga"
---

# Skugga

## #1 — logic, 2004-12-15T21:56Z

Hej! Jag är ute efter kodsnutten som ger en enfärgad skugga några pixlar höger samt nedanför en tabell. Nån som har den liggandes eller kan skriva den? Vore mycket tacksamt!

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

## #2 — ade, 2004-12-15T22:01Z

Jag har inte koden men du skulle kuna göra det med hjälp av photoshop annars!

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

## #3 — logic, 2004-12-15T22:02Z

ok, hur då?

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

## #4 — ade, 2004-12-15T22:03Z

Finns en guide på <http://www.webdesignskolan.com>

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

## #5 — Mr. N., 2004-12-15T22:07Z

Har tabellen fast bredd och höjd?

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

## #6 — logic, 2004-12-15T22:08Z

Mr. N.: Nej.

Nån aning?

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

## #7 — Mr. N., 2004-12-15T22:19Z

Du skulle kunna köra borders på de sidor du vill ha skuggan på, sen lägger du in två små klossar i hörnen som har samma färg som bakgrunden ovanpå din tabell, då ser dina borders ut som en skugga.

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

## #8 — Insider, 2004-12-15T22:36Z

Lägg tabellen som du vill ha en skugga runt i en tabell med id="skugga".
Går ju att göra snyggare med bakgrundsbilder annars.

```
<style type="text/css">
#skugga td {
padding:0;
margin:0;
border:0;
background:#000
}

#main {
position:relative;
top:-3px;
left:-3px;
margin:0;
padding:0;
background:#ccc
}

#main td {
background:#ccc
}
</style>

<table id="skugga">
	<tr>
		<td>
			<table id="main">
				<tr>
					<td>Testar Testar Testar Testar Testar Testar.</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
```

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

## #9 — logic, 2004-12-15T23:11Z

Precis så som jag tänkt! Tack så mycket!

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

## #10 — zcorpan, 2004-12-15T23:21Z

```
<table id="skugga">
	<tbody id="main">
		<tr>
			<td>Testar Testar Testar Testar Testar Testar.</td>
		</tr>
	</tbody>
</table>
```

Borde ge samma resultat, fast lite bättre uppmärkning ;)

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

## #11 — Troxy, 2004-12-16T08:28Z

```
<style type="text/css">
#skugga
{
width: 300px;
padding:0;
margin:0;
border:0;
background:#000;
}

#main
{
width: 300px;
background:#ccc;
position:relative;
top:-3px;
left:-3px;
margin:0;
padding:0;
}

</style>

<div id="skugga">
<div id="main">Testar Testar Testar Testar Testar Testar.</div>
</div>
```

Om man vill slippa tabeller...

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

## #12 — zcorpan, 2004-12-16T11:55Z

Troxy, absolut, fast det framgick inte om logic ville använda tabellen för tabulär data eller layout... Om man vill göra en riktig tabell bör man också [göra den tillgänglig](http://www.456bereastreet.com/archive/200410/bring_on_the_tables/) :)

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

---

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