Søg
Avatar billede stener Nybegynder
10. januar 2003 - 11:16 Der er 18 kommentarer og
1 løsning

Ændre font color

Kan man ændre font color når musen køre over en td eller en tr?.

Kan man på en eller anden måde få (link hånden) frem når musen køre over en tr eller en td?.
Avatar billede sthen Nybegynder
10. januar 2003 - 11:20 #1
Du kan da bare lave et #-link, altså:

<A HREF="#">teksten i din td her</A>
Avatar billede olebole Juniormester
10. januar 2003 - 11:20 #2
<ole>

<td onmouseover="this.style.color='#ff0000';this.style.cursor='hand';">

/mvh
</bole>
Avatar billede sthen Nybegynder
10. januar 2003 - 11:26 #3
Hva' søren olebole - hyggeligt at se dig tilbage igen.
Det er da godt nok en længere pauase du har holdt dig!!!!!

Håber ikke at du forsvinder igen.
Dine altid kvalificerede svar har været savnet.

PS Undskyld spam
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 11:33 #4
olebole: Hmm, synes ikke helt det virker
Avatar billede olebole Juniormester
10. januar 2003 - 11:48 #5
jakobclausen >> okay ... så må du enten lade være med at bruge NS4 eller lade være med at lave fejl  :)
/mvh
Avatar billede olebole Juniormester
10. januar 2003 - 11:49 #6
Tak, sthen - også hyggeligt at se dig  ;o)
Avatar billede olebole Juniormester
10. januar 2003 - 11:51 #7
jakobclausen >> Lynx eller andre tekstbaserede browsere er heller ikke så gode til det her ... SÅ OLE ...!!!  ;o)
/mvh
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 11:52 #8
olebole: hehe jeg testede det i IE6.0

Men har nok lavet en fejl i koden så! Kan du ikke lige komme med et eksempel der virker så, altså med <style>
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 11:54 #9
olebole: Altså teksten skifter til rød, men cursoren skifter ikke, og den røde farve bliver ved med at være der.
Avatar billede olebole Juniormester
10. januar 2003 - 12:11 #10
Nej i NS6+ skifter cursoren ikke ... der hedder den 'pointer' og ikke 'hand'. Det gør den også i IE6 (der kan du bruge begge), men 'hand' i andre.
At farven ikke skifter, når man fjerner musen er helt, som forventet ... den funktionalitet skal lægges i en onmouseout-handler. Det blev der ikke spurgt om og virkede for mig logisk :)

<script type="text/JavaScript">
function swapCol(elm, io) {
    elm.style.color = (io)? "#ff0000" : "#000000";
    elm.style.cursor = (document.all)? "hand" : "pointer";
}
</script>

<td onmouseover="swapCol(this, 1)" onmouseout="swapCol(this, 0)">

Så er alle forhåbentlig glade  ;o)
/mvh
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 12:17 #11
olebole: Jeg bruger ikke Netscape, men Internet Explorer 6.0 sp1
Avatar billede pelkjaer Nybegynder
10. januar 2003 - 12:23 #12
Med CSS istedet:

<style type="text/css">
.menu {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-indent: 0px;
}
.menu a {
    color: #000000;
    display: block;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.menu a:hover {
    color: #FF0000;
    text-decoration: none;
}
</style>

og

<table width="100" border="1">
<tr>
<td class="menu"><a href="#">bla bla</a></td>
</tr>
</table>
Avatar billede jakobclausen Nybegynder
10. januar 2003 - 12:27 #13
pelkjaer: Ja det er noget der virker
Avatar billede stener Nybegynder
10. januar 2003 - 13:04 #14
Tak for besvarelserne begge løsninger virker præcis som jeg bad om tak for det..

Virker det fra version 4.0 og op i explore?.

Kan man sætte border til 1 px i hele sin tabel kan kun få den yderste ramme til at være 1 px.. Skal bruge det til en menu..

Pelkjaer vil du også have nogle points?..

Det er sku rart at du er tilbage olebole..

Mvh

Stener
Avatar billede knudgert Nybegynder
10. januar 2003 - 13:07 #15
Ja, brug border-collapse: collapse

table {border: 1px solid black; border-collapse: collapse}

Og nej, virker ikke i Netscape 4.x
Avatar billede pelkjaer Nybegynder
10. januar 2003 - 13:18 #16
Skal det være til en menu er flg. lidt smartere at se på:

<html>
<head>
<style type="text/css">
#holder {
    background-color: #666666;
    border: 1px #000000 solid;
}
.menu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  background-color: #CCCCCC;
  border-color: #FFFFFF black black;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px
}

.menu a {
  position:relative;
  display:block;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  color: #666666
}

.menu a:hover { 
  background-color: #FF0000;
  text-decoration: none; 
  color: #FFFFFF
}
td {
  padding:0px;
}
</style>
</head>
<body>
<table id="holder" width="150" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="150" border="0" cellspacing="1" cellpadding="2">
<tr>
<td class="menu"><a href="#">bla bla</a></td>
</tr>
<tr>
<td class="menu"><a href="#">bla bla</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Avatar billede stener Nybegynder
10. januar 2003 - 14:40 #17
Tak pelkjaer det er jo perfekt.. Vil du have nogle points?.

Virker det i explore fra version 4.5?.
Avatar billede pelkjaer Nybegynder
10. januar 2003 - 14:48 #18
Nej tak.

Du kan her se hvad der er understøttet i hvad http://www.webreview.com/style/css1/charts/mastergrid.shtml
Avatar billede olebole Juniormester
10. januar 2003 - 22:23 #19
jakobclausen >> Mit eksempel virker nu i de gængse browsere og besvarer spørgsmålet. Det gør pelkjaer's også, men du må have lavet en fejl. Hvis bare du copy/paste'er min kode, kan det vist ikke gå galt  :)
Men ligesom i knudgerts eks. virker cursor-tingen ikke i NS4x, da CSS slet ikke var implementeret i denne browser
/mvh
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
I går 19:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »