Avatar billede dk-andersson Nybegynder
03. juni 2008 - 15:02 Der er 12 kommentarer og
1 løsning

css vil ikke lave menu en anden farve

Hey er ved at lave en hjemmeside, med css. Men når jeg vil gøre sådan at menu punkterne skifter farve når man holder musen hen over sker der ikke noget fordi jeg har lagt det ind i class. Men hvis jeg fjerne class virker det hvad gøre jeg galt.

Min css file er her under og hjemmeside adr, her http://www.justcables.dk

body {
  background-color: #ececec;
  margin: 0 0 0 0 ;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

 
}

td,th {
  font-size: 11px;
  line-height: 15px;
  color: #000000;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  size: 12px;

  }
 


 
/* TOPMENU */

. toplink a {
  width: auto;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 10px;
  text-decoration: none;
  color: #263248;
  background-image: url(../images/.jpg);
    height: 31px;
  font-size: 12px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 
}
.toplink a:hover {
  width: auto;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 10px;
  text-decoration: none;
  color: #FF9F00;
  /*background-image: url(../images/menu_a.jpg);*/
    height: 31px;
  font-size: 12px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

.toplink a:active {
  width: auto;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 10px;
  text-decoration: none;
  color: #263248;
  background-image: url(../images/menu.jpg);
    height: 31px;
  font-size:12px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.toplink a:visited {
  text-decoration: none;
}

/* SLUT TOPMENU */


.kasse {
  background-image: url(../images/bg.jpg);
  }

.topbillede {
  height: 120px;
}

.topmenu {
  height: 30px;
  background-image: url(../images/menu.jpg);
  }

.top {
  height: 30px;
  }
 
.main {
  margin: 8px 0px 0px 0px;

}
.boks-side {
  margin: 8px 0px 0px 0px;
}
 
.maintekst {
  padding: 0px 0px 0px 20px;
  width: 500px;
  }
 
.sidetekst {
  width: 198px;
  }

/* TEKST */
h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-size: 10px;
}
h6 {
  font-size: 8px;
}

/* form moduler */

INPUT {
  background-color: #ececec;
  color: black;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: none;
  font-size: 9pt
}

TEXTAREA {
  background-color: ececec;
  border: black 1px solid;
  color: white;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal
}

.altButtonFormat {
  background-color: #ececec;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  border: #000000 1px solid;
  font-size: 9px;
  color: #000000
}

.altTextField {
  background-color: #ececec;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000
}

.radioStyle {
  background-color: #ececec;
  border: #000000 solid 1px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000
}
Avatar billede darrich Novice
03. juni 2008 - 15:19 #1
Du har en del steder i html koden hvor du slutter med /> , hvor det burde være >
Avatar billede darrich Novice
03. juni 2008 - 15:21 #2
Der er generelt ingen reaktioner på hover, activated eller visited.
Avatar billede zips Juniormester
03. juni 2008 - 15:22 #3
Det er en forkert css fil, den på siden har ikke nogen toplink class
Avatar billede zips Juniormester
03. juni 2008 - 15:24 #4
Brug Firefox med Web Developer toolbar til hjælp
Avatar billede dk-andersson Nybegynder
03. juni 2008 - 15:31 #5
okay har nu lagt den rigtig css file op, men lige lidt hjælper det. har også fjernet /> de steder hvor de var. Men lige lidt hjælp det.

Hvad skal jeg gøre, det er som om den slette ikke reg. at toplink class er der?
Avatar billede mclemens Nybegynder
03. juni 2008 - 15:38 #6
.toplink a

skal være

a.toplink

eller bare

.toplink

toplink er class på a
.toplink a rammer alle a elementer under et element med class="toplink"
- men der er ingen a elementer uder a elementet med class="toplink"
Avatar billede zips Juniormester
03. juni 2008 - 15:38 #7
Lige en ting mere, der er ikke nogen <!DOCTYPE> men det ser du når du nu skal validere siden ;-)
Avatar billede mclemens Nybegynder
03. juni 2008 - 15:38 #8
Husk også rækkefølgen:
a
a:link
a:visited
a:hover
a:active
Avatar billede mclemens Nybegynder
03. juni 2008 - 15:40 #9
<html xmlns="http://www.w3.org/1999/xhtml">
hører ikke rigtig til på en html side ...
Avatar billede dk-andersson Nybegynder
03. juni 2008 - 16:07 #10
okay viste bare ikke hvor jeg skulle poste mit spørgsmål har sidte rigtig lang tid med det. Men det jeg høre dig sige er at det skal se sådan her ud?

/* TOPMENU */

a.toplink {
  width: auto;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 10px;
  text-decoration: none;
  color: #263248;
  background-image: url(../images/.jpg);
    height: 31px;
  font-size: 12px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 
}
a:hover.toplink {
  width: auto;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 10px;
  text-decoration: none;
  color: #FF9F00;
  /*background-image: url(../images/menu_a.jpg);*/
    height: 31px;
  font-size: 12px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

a:active.toplink {
  width: auto;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 10px;
  text-decoration: none;
  color: #263248;
  background-image: url(../images/menu.jpg);
    height: 31px;
  font-size:12px;
  font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a:visited.toplink {
  text-decoration: none;
}

/* SLUT TOPMENU */
Avatar billede dk-andersson Nybegynder
03. juni 2008 - 16:11 #11
Okay har fået løst det nu, skulle bare rykke class="toplink" fra <a class="toplink" href=""></a>

til

<td class="toplink"><a href=""></a></td>
Så nu virker det
Avatar billede zips Juniormester
03. juni 2008 - 16:14 #12
Avatar billede dk-andersson Nybegynder
05. juni 2008 - 10:33 #13
er løst
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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