---
title: "fråga om tabeller.. (fade)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/73827-fråga-om-tabeller-fade"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Archer85"
published: "2003-04-11T21:49:26.000Z"
updated: "2003-04-14T16:03:39.000Z"
replies: 16
views: 287
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/73827-fråga-om-tabeller-fade"
---

# fråga om tabeller.. (fade)

## #1 — Archer85, 2003-04-11T21:49Z

Kan man göra så att när man har muspekaren över en viss cell så "fade:ar" den så att den syns starkare...   e säker på att det finns men vet itne hur man gör nått sånt. och hur man gör en hel cell och inte bara texten i cellen till en länk...

Om du vet nått sätt så skriv gärna ett litet exempel på hur jag ska skriva, tack....

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

## #2 — WebbQorner, 2003-04-12T07:25Z

Här är ett exempel på hur du kan ändra bakrundfärg i en cell: 
\<td onMouseover="this.bgColor='#ffffff'" onMouseout="this.bgColor='#ff0000'"\> 

Tyvärr kan jag inte hjälpa dig med din andra önskan.

// Olle

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

## #3 — Peter S, 2003-04-12T08:21Z

1\. **Välkommen till webForum Archer85!**  :bire 

2\. Förstår inte riktigt vad det är för effekt du vill åstadkomma. När någonting "fadar" så syns det inte starkare, utan svagare.

3\. För att göra en hel cell klickbar kan du göra så här:

```
<head>
<style type="text/css">
<!--

a.cell{
     display : block;
     width : 100%;
}

-->
</style>
</head>
...
<td><a href="" class="cell">foo</a></td>
<td><a href="" class="cell">bar</a></td>
...
```

 :)

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

## #4 — Archer85, 2003-04-12T08:52Z

tack...

Tack så mycket nu vet jag hur man får en hel cell att bli til en länk, skit bra  :e . men nu kommer en annan fråga hur får jag så att all text i mitt html dokument blir i samma storlek och samma font och färg. det ska väl gå med fontfamily...  men det händer inget för mig när jag skriver in det. om du vet hur man gör så får du gärna skriva det till mig  :h . jag har tebbeller på sidan så jag vill självklart att allt som är inuti tabellen skall påverkas...

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

## #5 — Archer85, 2003-04-12T08:54Z

hehe

ursäkta stavningen :OO

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

## #6 — Sebbe, 2003-04-12T09:40Z

Är det såhär du menar?

```
<head>
<style type="text/css">
<!--
body, td {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
-->
</style>
...
</head>
```

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

## #7 — Archer85, 2003-04-12T09:46Z

exakt

tackar ödmjukast för alla era svar...

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

## #8 — Archer85, 2003-04-12T15:45Z

detta gjorde så att en hel cel ändrar färg när man hovrar över den, finns det nån liknande för text?  så att när jag hovrar över texten så byter en färg.

\<td onMouseover="this.bgColor='#ffffff'" onMouseout="this.bgColor='#ff0000'"\>

obs inte, för det gäller inte alla länkar.... 

\<style type="text/css"\>
	\<!--
	a:link {text-decoration: none}
	a:visited {text-decoration: none}
	a:active {text-decoration: none}
	A:hover {color: black}
	//--\>
\</style\>

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

## #9 — Peter S, 2003-04-12T16:50Z

Exempel:

```
<style type="text/css">
<!--

a.foo:hover{
     color : red;
}

-->
</style>

...

<a href="" class="foo">foo</a>
```

 :)

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

## #10 — Archer85, 2003-04-12T18:38Z

jag skrev in det som du skrev Peter S, men då fattas det någon millimeter uppe och nere för att texten i cellen skall ändra färg också... (min tanke var att både texten i cellen och bakgrunden skulle ändras när man har musen på den, cellen är en länk...)

då tänkte jag att jag skulle lägga till   height 100%  i det du skrev Peter S men då hamnade texten högst upp i cellen i stället för att hamna i mitten även fast jag använder valign="middle"...  någon som fattade vad jag nyss skrev, skriv gärna ett svar :P

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

## #11 — Archer85, 2003-04-12T18:39Z

detta alltså... 

\<style type="text/css"\>
\<!--

a.cell{
     display : block;
     width : 100%;
}

\--\>
\</style\>

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

## #12 — Peter S, 2003-04-12T18:59Z

Ok, du ville alltså ändra färg på båda ställena. Exempel:

```
<style type="text/css">
<!--

a.foo{
     display : block;
     width : 100%;
}

a.foo:hover{
     background : red;
     color : green;
}

-->
</style>

...
<td><a href="" class="foo">foo</a></td>
...
```

 :)

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

## #13 — Archer85, 2003-04-13T09:17Z

urk

Hmm, allt som du har skrivit Peter har varit skit bra, men det är fortfarande en sak som återstår, när jag använder (a.foo:hover)
då  blir inte hela cellen en länk utan bara så stor som texten i cellen är... då tänkte jag att om width=100% så kan man väl ha height=100%, då får man att hela cellen är en länk, men då helt plötsligt har texten i cellen förflyttats till högst upp i cellen.  därför undrar jag om det finns nått sätt att beskriva vart i cellen texten skalll befinna sig?, använder redan valign="middle" det hjälper inte.

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

## #14 — Peter S, 2003-04-13T10:51Z

Hur ser HTML-koden för dina tabeller ut?

 :)

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

## #15 — Archer85, 2003-04-13T20:04Z

här ser du själva bas stommen på sidan..

<http://w1.860.telia.com/~u86019342/>

har försökt alla möjliga olika saker för att få det att funka men det är alltid nån grej som gör att allt skiter sig.

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

## #16 — Peter S, 2003-04-13T20:35Z

Ändra denna rad:

```
a.cell{
     display : block;
     width : 100%;
	 height : 100%;
}
```

Till:

```
a.foo{
     display : block;
     width : 100%;
}
```

Ett annat tips är att lägga all CSS-kod inom samma "style"-taggar.

 :)

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

## #17 — Archer85, 2003-04-14T16:03Z

hehe, undrade just om det skulle funka att lägga allt inom samma style tag :P

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/73827-fråga-om-tabeller-fade
