---
title: "Hur gör man en skugga över denna tabell?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/74386-hur-gör-man-en-skugga-över-denna-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dr-man"
published: "2003-04-18T13:59:10.000Z"
updated: "2003-04-20T17:01:53.000Z"
replies: 7
views: 367
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/74386-hur-gör-man-en-skugga-över-denna-tabell"
---

# Hur gör man en skugga över denna tabell?

## #1 — Dr-man, 2003-04-18T13:59Z

Hur får man skugga på denna tabell? 

```php

.adb { border: 3px #006699 solid; 

       background-color: #ffffff; 

       font-family: times-new-roman; 

       font-size: 16px; 

       font-weight: bold; 
       color: #006699; 
       text-decoration: underline; 

       text-align: center; 

       width: 500px; 

       cellspacing: 3px; 

       cellpadding: 3px; 

       margin-top: 1%; 

       margin-bottom: 2%; 
       z-index: 1; 

     } 

.adb2 { border: 3px #000000 solid; 

       background-color: #bbbbbb; 

       font-family: times-new-roman; 

       font-size: 16px; 

       font-weight: bold; 
       color: #000000; 

       text-align: center; 

       width: 500px; 

       cellspacing: 3px; 

       cellpadding: 3px; 

       margin-top: 1%; 

       margin-bottom: 2%; 
       cursor: pointer; 
       z-index: 1; 
     } 

<table class="adb" onmouseover="this.className='adb2'" onmouseout="this.className='adb'"> 
<tr> 
<td onclick="self.location.href='adbinfo/adbkontakt.htm'" onMouseOver="moveover('Adb-enhetens kontaktuppgifterna och arbetsf&ouml;rdelningen');return true;"> 
Adb-enhetens kontaktuppgifter och arbetsf&ouml;rdelning 
</td> 
</tr> 
</table>
```

Är det nån, som vet?

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

## #2 — frankof, 2003-04-18T14:05Z

border-top:solid 5px #C0C0C0;

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

## #3 — Dr-man, 2003-04-20T11:43Z

Detta hjälpte inte mig! Är det ingen, som vet hur man gör detta?

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

## #4 — frankof, 2003-04-20T12:00Z

Vad menar du med skugga då?

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

## #5 — Dr-man, 2003-04-20T15:10Z

Som om tabellen skulle "sväva" i luften och då skulle det bli en skugga. Skuggan är där för att det skall se ut som om den skulle sväva! 

Kan du hjälpa mig med denna sak?

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

## #6 — Sebbe, 2003-04-20T16:05Z

Detta borde väl resultera i en "skugga"?

```
.adb {
border-top-width: 5px;
border-right-width: 5px;
border-left-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: #000000;

background-color: #ffffff; 
font-family: times-new-roman; 
font-size: 16px; 
font-weight: bold; 
color: #006699; 
text-decoration: underline; 
text-align: center; 
width: 500px; 
cellspacing: 3px; 
cellpadding: 3px; 
margin-top: 1%; 
margin-bottom: 2%; 
z-index: 1;
} 

.adb2 { 
border-top-width: 5px;
border-right-width: 5px;
border-left-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: #000000;

background-color: #bbbbbb;
font-family: times-new-roman; 
font-size: 16px; 
font-weight: bold; 
color: #000000; 
text-align: center; 
width: 500px; 
cellspacing: 3px; 
cellpadding: 3px; 
margin-top: 1%; 
margin-bottom: 2%; 
cursor: pointer; 
z-index: 1; 
}
```

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

## #7 — frankof, 2003-04-20T16:10Z

Detta är det närmste jag kommer.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
	"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<style>
table{ padding: 0px; border-bottom:5px solid #cfcfcf; border-right: 5px solid #cfcfcf;}
.adb { border: 3px #006699 solid; 
       background-color: #ffffff; 
       font-family: times-new-roman; 
       font-size: 16px; 
       font-weight: bold; 
       color: #006699; 
       text-decoration: underline; 
       text-align: center; 
       width: 500px; 
       margin-top: 0px; 
       margin-bottom: 0px; 
       z-index: 1;

     } 
.adb2 { border: 3px #000000 solid; 
       background-color: #bbbbbb; 
       font-family: times-new-roman;
       font-size: 16px; 
       font-weight: bold;
       color: #000000; 
       text-align: center;
       width: 500px; 
       margin-top: 0px; 
       margin-bottom: 0px; 
       cursor: pointer; 
       z-index: 1;

     } 
</style>
</head>
<body>
<table cellspacing="0"> 
<tr> 
<td class="adb" onmouseover="this.className='adb2'" 
onmouseout="this.className='adb'" 
onclick="self.location.href='adbinfo/adbkontakt.htm'"
onMouseOver="moveover('Adb-enhetens kontaktuppgifterna och arbetsf&ouml;rdelningen');return true;"> 
Adb-enhetens kontaktuppgifter och arbetsf&ouml;rdelning 

</td> 
</tr>
</table>
</body>
</html>
```

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

## #8 — dectgap, 2003-04-20T17:01Z

Vad sägs om att använda lite korrekt CSS?

```
       font-family: times-new-roman;
       /* ska vara font-family: "Times New Roman", serif; */
       cellspacing: 0px;
       /* Det finns ingen CSS-egenskap som heter cellspacing */
       cellpadding: 0px;
       /* Det finns ingen CSS-egenskap som hete cellpadding.
          Däremot finns "padding" som du sätter för varje cell,
          och inte för en hel tabell. */
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/74386-hur-gör-man-en-skugga-över-denna-tabell
