Søg
Avatar billede super-mann Juniormester
13. juli 2007 - 16:53 Der er 10 kommentarer og
1 løsning

Felt/celle/link farves med CSS

Jeg har en række rammer, hvori min hovedmenu til min hjemmeside er. Det drejer sig om ca. 5 celler med hver deres link/overskrift/emne.

Jeg har benyttet nedenstående CSS script, men det virker ikke. Vil gerne havde, at rammen bliver en anden farve, når musen/cursoren kommer hen over.

body {
    background-color: #FFFFFF;
}

.menu-hovedmenu {
    font-size: 12px;
    color: #000000;
    font-family: verdana;
}

.menu-hovedmenu a:link IMG {
    border: ridge #808000;
}

.menu-hovedmenu a:visited IMG {
    border: ridge #CC0000;
}

.menu-hovedmenu a:hover IMG {
    border: ridge #666699;
}

.menu-hovedmenu IMG.billidramme {
    border: groove #ADAD5C;
}
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 17:10 #1
Er det baggrunden på linket (teksten), på en celle eller en div?
Avatar billede super-mann Juniormester
13. juli 2007 - 17:12 #2
Jeg har lavet en baggrundsfarve på den tabel, som indeholder de celler med links jah.
Avatar billede super-mann Juniormester
13. juli 2007 - 17:17 #3
akyhne --> Det er baggrunden på en celle som skal skifte farve, når den bliver "aktiveret", dvs. når musen kører hen over.
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 17:31 #4
Jeg brugte engang denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
var oldElm = null;
function mClick(elm){
  if(oldElm)
    oldElm.style.backgroundColor = "";
  elm.style.backgroundColor = "#EBEBEB";
  elm.style.fontWeight = 'normal';
  oldElm = elm;
}
</script>
</head>

<body>
<table width="100%" border="1">
  <tr>
    <td onMouseover="mClick(this)" bgcolor="#FFFFCC" class="test">ABC</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede super-mann Juniormester
13. juli 2007 - 18:04 #5
akyhne --> Det virker også nogenlunde, men når der bliver kørt over med musen én gang, bliver den farve - også selv om musen så fjernes igen.

Cellen skal være blå, når musen kommer henover rød og så blå igen når musen fjernes.
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 18:18 #6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
var oldElm = null;
function mClick(elm, color){
  if(oldElm)
    oldElm.style.backgroundColor = "";
  elm.style.backgroundColor = color;
  oldElm = elm;
}
</script>
</head>

<body>
<table width="100%" border="1">
  <tr>
    <td colspan="2" bgcolor="blue" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, 'blue')">ABC</td>
  </tr>
</table>
</body>
</html>
Avatar billede super-mann Juniormester
13. juli 2007 - 18:38 #7
Det virker næsten, men når jeg bruger din kode (nedenstående er en rettet udgave) så bruges der min blå farve #009EDB som baggrund. Kører du musen over bliver den rød, virker rigtig godt. Men, hvis jeg så fjerner den igen og ikke kører den over på en anden, men trækker musen ned på siden hvor der intet er, bliver det en rigtig mørk blå farve der kommer.

Den skal helst vende tilbage til den blå farve #009EDB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
var oldElm = null;
function mClick(elm, color){
  if(oldElm)
    oldElm.style.backgroundColor = "";
  elm.style.backgroundColor = color;
  oldElm = elm;
}
</script>
</head>

<body>

<table border="0" cellspacing="1" width="760">
  <tr>
    <td bgcolor="#009EDB" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, 'blue')">hjemmesiden</td>
    <td bgcolor="#009EDB" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, 'blue')">debatten</td>
    <td bgcolor="#009EDB" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, 'blue')">kontakt</td>
  </tr>
</table>
</body>
</html>
Avatar billede super-mann Juniormester
13. juli 2007 - 18:39 #8
Og det løste jeg vist lige selv sådan her:

    <td bgcolor="#009EDB" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, '#009EDB')">hjemmesiden</td>
    <td bgcolor="#009EDB" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, '#009EDB')">debatten</td>
    <td bgcolor="#009EDB" onMouseover="mClick(this, 'red')" onMouseOut="mClick(this, '#009EDB')">kontakt</td>
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 18:49 #9
Ja, du er nødt til at rette grundfarven, både i td'en og i javascriptet.
Avatar billede gider_ikke_mere Nybegynder
22. juli 2007 - 00:00 #10
Skal vi lukke?
Avatar billede super-mann Juniormester
22. juli 2007 - 15:38 #11
akyhne --> Jeps, sorry...
Avatar billede 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.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/0514:15 PHP Html Af Asky i Programmeringsværktøjer
07/0511:06 Rufus mange muligheder - valg ved install Windows Af Uvanga i Windows
06/0516:53 HTML Af Asky i Programmeringsværktøjer
06/0510:01 Mister internettet efter slumre, Af valby i Windows
05/0513:02 Lille smart tingest Af nu_igen i Fitness & Smartwatches
White papers
Flere white papers »