CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

tirr Nybegynder

07. maj 2001 - 18:41 Der er 17 kommentarer og
1 løsning

Farveskift i tabel eller celle

Jeg pusler med en menu, som skal være meget enkel. Der er sorte bogstaver på hvid baggrund, men så kunne jeg tænke mig, at med \"mus on/over\" blev det til hvide bogstaver på sort baggrund.
Ka det la sig gøre, kan jeg få et eksempel med nogen links, som jeg kan afprøve ?

Synes godt om

ezzuk Nybegynder

07. maj 2001 - 18:42 #1

det står her

http://www.builder.dk/artikler/article.asp?AID=71

Synes godt om

netsrac Praktikant

07. maj 2001 - 18:42 #2

http://www.builder.dk/artikler/article.asp?AID=71

Synes godt om

nute Nybegynder

07. maj 2001 - 18:45 #3

legg merke til at den kun fungerer i IE...og tildels i NS6

Synes godt om

ezzuk Nybegynder

07. maj 2001 - 18:45 #4

netsrac> too bad ;-P

Synes godt om

and_ Nybegynder

07. maj 2001 - 18:51 #5

Jamen sagtens kan det lade sig gøre :)

Prøve at skrive dette i HEAD sektionen....
Du må pusle lidt rundt med farverne selv:

<style type=\"text/css\">
.tekst
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:normal;
color:black;
text-decoration:none;
}
A.almtekst:link {color:gray;}
A.almtekst:visited {color:gray;}
A.almtekst:hover {text-decoration:underline;}
A.almtekst:active {color:gray;}
.alminput
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:normal;
color:black;
text-decoration:none;

border: 1px solid black;

}
</style>

Det virker okay for mig. Du skal bare være opnærksom på at et link skal skrives som:

<a href=\"\" class=\"tekst\">blabla</a>

En font:

<font class=\"tekst\">blabla</font>

en TD-celle (tabel)

<td class=\"tekst\">blabla</td>

Håber det hjælper dig på vej *s*

/anden

Synes godt om

ldanielsen Nybegynder

07. maj 2001 - 20:00 #6

Synes godt om

tirr Nybegynder

07. maj 2001 - 20:12 #7

and_

Som du ser har jeg lavet et forsøg, bare for at konkretisere, og det virker jo ikke.
Håber du gir mig konkret kode, som hjælper ?

<html>

<head>
<title>test</title>

<style type=\"text/css\">
.tekst
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:normal;
color:black;
text-decoration:none;
}
A.almtekst:link {color:gray;}
A.almtekst:visited {color:gray;}
A.almtekst:hover {text-decoration:underline;}
A.almtekst:active {color:gray;}
.alminput
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:normal;
color:black;
text-decoration:none;

border: 1px solid black;

}
</style>

</head>

<body>

<table border=\"1\" width=\"100%\">
<tr>
<td width=\"25%\">
<p align=\"center\"><a href=\"1.htm\" class=\"tekst\">Til nr. 1</a></td>
<td width=\"25%\">
<p align=\"center\"><a href=\"2.htm\">Til nr. 2</a></td>
<td width=\"25%\">
<p align=\"center\"><a href=\"3.htm\">Til nr. 3</a></td>
<td width=\"25%\">
<p align=\"center\"><a href=\"4.htm\">Til nr. 4</a></td>
</tr>
</table>
</body>

</html>

Synes godt om

tirr Nybegynder

07. maj 2001 - 20:15 #8

ldanielsen

Ja, det ville være fint, hvis vi ku få dit script at fungere ?

Synes godt om

and_ Nybegynder

07. maj 2001 - 20:22 #9

Nu har rettet koden:>

<html>

<head>
<title>test</title>

<style type=\"text/css\">
.tekst
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:normal;
color:black;
text-decoration:none;
}
A.tekst:link {color:gray;}
A.tekst:visited {color:gray;}
A.tekst:hover {text-decoration:underline;}
A.tekst:active {color:gray;}
.alminput
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight:normal;
color:black;
text-decoration:none;

border: 1px solid black;

}
</style>

</head>

<body>

<table border=\"1\" width=\"100%\">
<tr>
<td width=\"25%\">
<p align=\"center\"><a href=\"1.htm\" class=\"tekst\">Til nr. 1</a></td>
<td width=\"25%\">
<p align=\"center\"><a href=\"2.htm\" class=\"tekst\">Til nr. 2</a></td>
<td width=\"25%\">
<p align=\"center\"><a href=\"3.htm\" class=\"tekst\">Til nr. 3</a></td>
<td width=\"25%\">
<p align=\"center\"><a href=\"4.htm\" class=\"tekst\">Til nr. 4</a></td>
</tr>
</table>
</body>

</html>

Den virker....

Næste gang du brokker dig så tjek lige alle links igennem (class=\"tekst\") - no offence

Synes godt om

jakoba Nybegynder

07. maj 2001 - 20:23 #10

tirr >> skulle det ikke være class=\"almtekst\" i dit link?

Synes godt om

and_ Nybegynder

07. maj 2001 - 20:27 #11

jakoba -> Det var en delvis fejl fra min side....

Den overordnede funktion hed tekst men indeni koden var den defineret som almtekst....Men ellers har du ret *s*

Tirr havde ikke puttet style på alle linksnen

/anden

Synes godt om

ldanielsen Nybegynder

07. maj 2001 - 20:40 #12

Så er den ved at være der:

<style type=\"text/css\">
A.linkStyle:link {color:black; text-decoration: none; font-weight: bold; font-family: \'Verdana\'; font-size: 11 px;}
A.linkStyle:visited {color:black; text-decoration: none; font-weight: bold; font-family: \'Verdana\'; font-size: 11 px;}
A.linkStyle:active {color:black; text-decoration: none; font-weight: bold; font-family: \'Verdana\'; font-size: 11 px;}
</style>

<script language=JavaScript>
function knapRoll(c,n){
if (document.all){
if (c == 0){color1 = \"black\"; color2 = \"white\"}
if (c == 1){color2 = \"black\"; color1 = \"white\"}
document.all[\"knap\"+n].style.backgroundColor = color1
document.all[\"link\"+n].style.color = color2
}
}
</script>

<table>
<tr>
<td bgcolor=\"white\" align=center id=\"knap1\" onMouseOver=\"knapRoll(0,1)\" onMouseOut=\"knapRoll(1,1)\" width=85 onclick=\"link1.click()\" style=\"cursor: \'hand\'\">
<a href=\"side1.htm\" class=\"linkStyle\" name=\"link1\">LINK</a>
</td>
<td bgcolor=\"white\" align=center id=\"knap2\" onMouseOver=\"knapRoll(0,2)\" onMouseOut=\"knapRoll(1,2)\" width=85 onclick=\"link2.click()\" style=\"cursor: \'hand\'\">
<a href=\"side1.htm\" class=\"linkStyle\" name=\"link2\">LINK</a>
</td>
</tr></table>

Synes godt om

and_ Nybegynder

07. maj 2001 - 20:43 #13

hmmmm, tror vi gør et udmærket team her Idanielsen mht. CSS

Synes godt om

ldanielsen Nybegynder

07. maj 2001 - 20:48 #14

Lige en lille forbedring af funktionen:

function knapRoll(c,n){
if (document.all){
color1 = (c == 0) ? \"black\" : \"white\"
color2 = (c == 1) ? \"black\" : \"white\"
document.all[\"knap\"+n].style.backgroundColor = color1
document.all[\"link\"+n].style.color = color2
}
}

Jeg kan aldrig lige huske den der ?-syntaks, men den er smart til if-else\'er

Synes godt om

tirr Nybegynder

07. maj 2001 - 21:51 #15

and_
Kan stadig ikke få din at fungere, er der andre som får den at fungere ?

Idanielsen
Derimod fungerer din, men hvis du gider lave en som ikke påvirker et andet style som kører på webbet (det er noget med skriftype og linkfarve), så vil jeg gerne gi dig 60 extra poeng

Synes godt om

and_ Nybegynder

07. maj 2001 - 21:53 #16

sorry - Havde ikke set der stod tabel eller celle, men ellers fungere CSS\'et da okay!

Synes godt om

ldanielsen Nybegynder

07. maj 2001 - 22:08 #17

Let, du sletter da bare mit style, og retter class=\"linkStyle\" på a-tags\'ene til det du plejer at bruge.

Det har ikke noget med funktionen at gøre, lavede det bare for at det skulle se pænt ud, og for at se at det spillede rigtigt sammen.

Tak for det, jeg fandt jo også ud af noget nyt :o)

Hilsen Lars D

Synes godt om

tirr Nybegynder

08. maj 2001 - 00:39 #18

Idanielsen
Du får de her 60 poeng og så opretter jeg et nyt spørgsmål, som du smider den \"barberede\" kode i og så har du 60 poeng extra.
Spørgsmålet kommer til at hedde:
Til Idanielsen

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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