Notifikationer

Markér alle som læst Log ud

regn Nybegynder

15. maj 2002 - 15:46 Der er 13 kommentarer og
1 løsning

Hover baggrunds farve ved links

Jeg har et spørgsmål vedrørende css (tror jeg). Jeg har lavet en hjemmeside der bruger stylesheet hover effekten til at ændre baggrundsfarven bag mine links.

Jeg ville gerne have at den baggrundsfarve ændring som jeg laver skal have effekt i hele det tabel felt som linket ligger i. I stedet for at korte ord kun ændrer baggrundsfarven i en lille smule af feltet.

http://www.w3.org/Style/

Linket refererer til en side hvor der er en menu der fungerer på den måde som jeg gerne vil have min til (oppe i venstre hjørne).

På forhånd tak
vh lars

Synes godt om

The Real Yoda Juniormester

15. maj 2002 - 15:49 #1

du lægger bare ROLLOVER effekten på dit TD tag i stedet for på linket

Synes godt om

regn Nybegynder

15. maj 2002 - 15:52 #2

ok, det prøver jeg lige.

Synes godt om

regn Nybegynder

15. maj 2002 - 15:58 #3

Jeg har prøvet følgende

TD.menu2:hover {
background-color: #1a3282
}

Men det virkede ikke...
andre gode forslag?

Synes godt om

The Real Yoda Juniormester

15. maj 2002 - 16:00 #4

hedder din celle menu2 ?

ellers prøv at skifte background-color ud med bgcolor

Synes godt om

cdc Novice

15. maj 2002 - 16:02 #5

flere muligheder her: http://www.eksperten.dk/spm/211317

/cdc

Synes godt om

regn Nybegynder

15. maj 2002 - 16:03 #6

Ja, cellen hedder class="menu2"

Jeg prøver lige med bgcolor ... men er det også en stylesheet komando????

Synes godt om

regn Nybegynder

15. maj 2002 - 16:06 #7

bgcolor virker heller ikke.

Synes godt om

xzxzx-kan-ikke-logge Nybegynder

15. maj 2002 - 16:10 #8

Hej,

Noget ala det her eksempel jeg lige har lavet:

<html>
<head>
<title>Nyt dokument</title>
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
.celle {
width: 100px;
}
a.menu {
background-color: red;
width: 100px;
display: block;
}
a.menu:hover {
background-color: green;
width: 100px;
display: block;
}
</style>
</head>

<body>
<table><tr>

<td class="celle">
<a href="#" class="menu">test1</a>
</td>
<td class="celle">
<a href="#" class="menu">test2</a>
</td>
</tr></table>

</body>
</html>

width og background-color er bredde og backgrounds-farve.

display: block; viser den som et block-element, ellers kunne width ikke lade sig gøre.

/Casper

Synes godt om

cdc Novice

15. maj 2002 - 16:11 #9

<html>

<head>

<title></title>
<style type="text/css">

</style>

</head>

<body>
<table width=130>
<tr><td><a href="#" class=menu>Menupunkt 1</a></td></tr>
<tr><td><a href="#" class=menu>Menupunkt 2</a></td></tr>
<tr><td><a href="#" class=menu>Menupunkt 3</a></td></tr>
</table>
</body>

</html>

Synes godt om

cdc Novice

15. maj 2002 - 16:12 #10

kilde: http://activedeveloper.dk/artikler/default.asp?articleid=276

Synes godt om

pelkjaer Nybegynder

15. maj 2002 - 23:01 #11

Et eks. jeg lavede til en tidligere idag: http://www.peterelkjaer.dk/pecms/menu.html

Synes godt om

mik789 Nybegynder

16. maj 2002 - 07:31 #12

--- blander mig lige lidt ---

pelkjaer> når du i dit css har:

.contentTbl a { ... }
.contentTbl a:hover { ... }

er der så tale om at du på den måde KUN addresserer lnkene i elementer med class="contentTbl" ? det var smart. virker det generelt at man kan addressere på den måde i css?

Synes godt om

regn Nybegynder

16. maj 2002 - 12:23 #13

Argh... nu har jeg prøvet snart hver eneste løsning, og de slog alle sammen fejl. Det lykkeds mig dog her til sidst at finde fejlen... hvilket ikke var i jeres scripts men 2    som jeg havde brugt til at placere linkene og når de var kombineret med jeres løsninger fik det til at se MEGET mærkeligt ud.

Tak for hjælpen alle sammen.

Synes godt om

pelkjaer Nybegynder

16. maj 2002 - 20:04 #14

mik789>>Nej, kun de links som skal have det udseende defineret i netop den class - hvos jeg forstår dig ret.

"virker det generelt at man kan addressere på den måde i css?"->Ja

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS