Søg
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:10 Der er 23 kommentarer og
1 løsning

CSS onMouseOut m.m.

Jeg har følgende kode i en table:
onMouseOver=\"this.style.background=\'#415C79\'\"
style=\"border:1px solid #000000; CURSOR: hand\" onClick=\"window.location.href=\'#\'\" onMouseOut=\"this.style.background=\'#3C5168\'\" align=middle width=\"15%\" bgcolor=3C5168

Jeg vil gerne havde så meget som muligt af denne kode ind i et style sheet, men jeg kan ikke finde ud af at skrive det rigtigt så OnMouseOut og onMouseOver virker. Heller ikke onClick... hvis der lige er nogen der gider at omskrive følgende kode så jeg kan sætte det ind i et *.css document så ligger der 0 lette point. :)
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:10 #1
upz 10 point hehe
Avatar billede werd Nybegynder
26. december 2001 - 16:11 #2
jeg giver dig svar for 20 pts
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:12 #3
jamen det er sikkert fint for dig men der er nok nogen der gør det for 10 skal du se ;)
Avatar billede werd Nybegynder
26. december 2001 - 16:16 #4
<style>
a:link { color:#3C5168; }
a:hoover { color:#415C79; }
</style>

dertil kan du tilføje nogle flere punkter:

a:visited
a:active

se evt. her: http://www.html.dk/tutorials/css/lektion6.asp
Avatar billede pelkjaer Nybegynder
26. december 2001 - 16:19 #5
En lidt anden medtode hvis du er interesseret:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function Cbg(obj, Color) {
    obj.style.backgroundColor=Color
}
//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<table width=\"550\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#FF00FF\" bordercolor=\"#000000\">
  <tr>
    <td onMouseOver=\"Cbg(this, \'#999999\')\" onMouseOut=\"Cbg(this, \'\')\">&nbsp;</td>
  </tr>
  <tr>
    <td onMouseOver=\"Cbg(this, \'#999999\')\" onMouseOut=\"Cbg(this, \'\')\">&nbsp;</td>
  </tr>
  <tr>
    <td onMouseOver=\"Cbg(this, \'#999999\')\" onMouseOut=\"Cbg(this, \'\')\">&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:19 #6
argh du har helt ret... jeg har brugt den før i noget tidligere kodning *GG* ved ikke hvorfor jeg dog ikke tænkte på det... mange tak for hjælpen
Avatar billede thaufer Nybegynder
26. december 2001 - 16:20 #7
werd... no hard feelings... Det er jo ikke rigtigt - ;)
Jeg kan ikke gøre det bedre, men den kode skrifter kun links og ikke tables...
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:20 #8
pelkjaer> ja, men det skal være i *.css ellers tak
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:21 #9
hmm det ser da ud til at virke her...
Avatar billede thaufer Nybegynder
26. december 2001 - 16:21 #10
lol
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:22 #11
argh skod.dk det gjorde det så ikke *GG* werd du skulle ikke havde haft de point LOL
Avatar billede werd Nybegynder
26. december 2001 - 16:25 #12
jeg kommer med det rigtige om 5 min
Avatar billede werd Nybegynder
26. december 2001 - 16:26 #13
a:link {
    background-color : xxx;
}
a:hoover{
    background-color: xxx;
}
Avatar billede werd Nybegynder
26. december 2001 - 16:28 #14
du kan evt tilføje

a:link {
background-color : xxx;
width:100%;
height:100%;
}
a:hoover{
background-color: xxx;
width:100%;
height:100%;
}

hvis det er i en tabel hvor linksene skal gå helt ud til kanterne...
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:28 #15
ok skal lige være sikker på om du har forstået... jeg har en masse tabels på siden jeg vil gerne kunne sige <td class=\"?\"> hvis du forstår... kan jeg godt det med 1:hoover ? 
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:29 #16
den du siger kommer jo til at påvirke alle links... det skal den ikke
Avatar billede werd Nybegynder
26. december 2001 - 16:34 #17
ja...
det er nemt

xxx.a:link
xxx.a:hoover

og i dokumentet:
<td class=\"xxx\">
Avatar billede werd Nybegynder
26. december 2001 - 16:35 #18
sorry... det er sådan her:

a:link.xxx
a:hoover.xxx
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:39 #19
erhm... sig lige hvad jeg gør forkert...
min table:
<td class=\"menu\"><div align=\"center\"><spanclass=\"overskrift\"><a href=\"default.htm\">TheBeat</a></span></div>  </td>
stylesheet:
a:hoover.menu {
background-color: #234524;
}
Avatar billede werd Nybegynder
26. december 2001 - 16:41 #20
din class skal ind i \"a\" tagget...
\"><a href=\"default.htm\" class=\"menu\">
Avatar billede jammerlab Nybegynder
26. december 2001 - 16:45 #21
hehe den skifter ikke den mindste farve... lidt skod.dk...
Avatar billede werd Nybegynder
26. december 2001 - 17:07 #22
nu virker det...

<html>
<head><style>a#menu
{
    background-color:#73ABE6;
}

a:hover#menu
{
    background-color:#666666;
}
</style>
</head>
<body>
<a href=\"default.htm\" id=\"menu\">TheBeat</a>
</body>
</html>
Avatar billede jammerlab Nybegynder
26. december 2001 - 17:11 #23
ja så virker det sq..
hvad så hvis det skulle ind i *.css ?
Avatar billede jammerlab Nybegynder
26. december 2001 - 17:21 #24
aaahhh har den nu! :D Mange Tak du fortjener de point hehe
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »