Avatar billede mccookie Seniormester
19. maj 2001 - 18:25 Der er 15 kommentarer og
2 løsninger

Tables - CSS - Background

Hejsa

Jeg vil bruge CSS til at lave en hurtig menu med teksteffekter.

PT. er det en tabel med 1 kolonne, hvori alle linkene er placeret. Jeg har lavet et pseudo a.menu { css blabla.....} og har også lavet en hover funktion, det fungere også fint, alle de ting jeg beder om ved hover sker !!!!

MEn jeg kunne godt tænke mig at hele background i tabel ændrede sig ved hover, er der nogen der ved hvordan det lader sig gi\' sig :o)

Min kode ser sådan ud:

<Tabel>

  <Tr>
  <Td><A Href=\"blabla.html\" class=\"menu</A></Td>
  </Tr>

</Tabel>

McCookie
Avatar billede mccookie Seniormester
19. maj 2001 - 18:26 #1
<Td><A Href=\"blabla.html\" class=\"menu\">Link</A></Td>

Det gik lidt hurtigt :o)
Avatar billede ®azzer® Nybegynder
19. maj 2001 - 18:34 #2
                            <td width=\"134\" height=\"20\" bgcolor=\"#4B4B4B\" onmouseover=\"this.style.backgroundColor=\'#??????\'\"; onmouseout=\"this.style.backgroundColor=\'#??????\'\";><a href=\"blabla.html\" style=\"width: 134px; height: 20; text-decoration:none\">&nbsp;+ Link</a></td>
Avatar billede ®azzer® Nybegynder
19. maj 2001 - 18:35 #3
Det er bedst at gøre med javascript fordi CSS er for langsomt og på kanpt så hurtige computere så vil det betyde stor forskel i hurtigheden af skiftning af farven.
Avatar billede mccookie Seniormester
19. maj 2001 - 18:38 #4
JEg søger i første omgang CSS modellen, men jeg afprøver da dit Javascript nr.
Avatar billede sukos Juniormester
19. maj 2001 - 18:39 #5
Det er jo for den enkelte celle!
Var det ikke hele tabellen du var ude efter, når musen var over et link?
Avatar billede ®azzer® Nybegynder
19. maj 2001 - 18:40 #6
a.menu:hover     {font-family: Verdana, arial, helvetica; color: #??????; font-size: 12px; font-weight: none; text-decoration: none; background-color: #??????}
Avatar billede mccookie Seniormester
19. maj 2001 - 18:42 #7
Det er hele cellen jeg er ude efter, pt. har jeg kun på linket og det er ikke det jeg søger !!!


Goddt set sukos :o)
Avatar billede ®azzer® Nybegynder
19. maj 2001 - 18:42 #8
Kan man lave en hel tabel til et link?
Avatar billede sukos Juniormester
19. maj 2001 - 18:45 #9
Hmm, hvis nu du laver en celle, så skulle det vel egentlig virke?
Måske ellers ved at navngive tabellen?
tablename.style.backgroundColor=....?
Avatar billede mccookie Seniormester
19. maj 2001 - 18:56 #10
Jeg har prøvet det her:

<a Href=\"\"><Td>MENU</Td></A>

Det er den squ ikke glad for
Avatar billede sukos Juniormester
19. maj 2001 - 19:52 #11
Nej, man kan ikke lave en celle eller tabel til et link, desværre.

Og jeg ka\' sgutte finde ud af det heller!

Foreløbig er det bare enten hele tabellen ved mouseover eller de enkelte celler:

<html><head>
<title>Mouseover farve</title>
<style type=\"text/css\">
A {font-family: arial; color:white; text-decoration:none;}
A:hover {color:yellow; text-decoration:underline;}
</style>
</head>
<body>
<table border=\"1\" name=\"test\" align=\"center\" cellpadding=\"10\" cellspacing=\"0\"
bgcolor=\"black\" onmouseover=\"this.style.backgroundColor=\'green\'\";
onmouseout=\"this.style.backgroundColor=\'black\'\";>
<tr>
<td><a href=\"\">En test</a><br>
<a href=\"\">En test</a><br>
<a href=\"\">En test</a><br>
<a href=\"\">En test</a><br>
</td>
</tr>
</table>
</body></html>

<html><head>
<title>Mouseover farve</title>
<style type=\"text/css\">
A {font-family: arial; color:white; text-decoration:none;}
A:hover {color:yellow; text-decoration:underline;}
</style>
</head>
<body>
<table border=\"1\" name=\"test\" align=\"center\" cellpadding=\"4\" cellspacing=\"0\"
bgcolor=\"black\">
<tr>
<td onmouseover=\"this.style.backgroundColor=\'green\'\";
onmouseout=\"this.style.backgroundColor=\'black\'\";><a href=\"\">En test</a></td>
</tr><tr>
<td onmouseover=\"this.style.backgroundColor=\'green\'\";
onmouseout=\"this.style.backgroundColor=\'black\'\";><a href=\"\">En test</a></td>
</tr><tr>
<td onmouseover=\"this.style.backgroundColor=\'green\'\";
onmouseout=\"this.style.backgroundColor=\'black\'\";><a href=\"\">En test</a></td>
</tr><tr>
<td onmouseover=\"this.style.backgroundColor=\'green\'\";
onmouseout=\"this.style.backgroundColor=\'black\'\";><a href=\"\">En test</a></td>
</tr><tr>
<td onmouseover=\"this.style.backgroundColor=\'green\'\";
onmouseout=\"this.style.backgroundColor=\'black\'\";><a href=\"\">En test</a></td>
</tr>
</table>
</body></html>

Men der er garanteret(næsten) en løsning. Iexplorer er sgu så \"taknemlig\"

Avatar billede engrob Nybegynder
19. maj 2001 - 19:58 #12
<table id=\"bla\">
  <tr>
    <td><a href=\"#\" onmouseover=\"document.all.bla.style.backgroundColor = \'green\';\">Skift farve</a>
    </td>
  </tr>
</table>

bemærk: Det vil ikke virke i ns, og du vil også få en fejl
Avatar billede engrob Nybegynder
19. maj 2001 - 20:00 #13
Og så skal du self. tilføje en onmouseout, hvis den også skal skifte tilbage igen når musen er væk...
Avatar billede mccookie Seniormester
19. maj 2001 - 20:21 #14
JEg siger tak for hjælpen, i har begge givet et brugbart svar. Desværre kunne man ikke lave det lille trick men det går nok !!!!

Engrob>>> Det skal også virke i NS, jeg forlanger ikke at alle skal bruge IE tværtimod :o(
Avatar billede mccookie Seniormester
19. maj 2001 - 20:21 #15
Lukket
Avatar billede sukos Juniormester
19. maj 2001 - 20:25 #16
Jamen så skal der jo bruges ren javascript, hvis det også skal virke i Netscape!
engrob\'s svar var ellers det tætteste!
Avatar billede engrob Nybegynder
19. maj 2001 - 22:55 #17
mccookie>> Klart klart, men det andet virker jo heller ikke i ns. Du kan jo så lave en funktion, der gør ingenting, hvis man bruger ns4, men skifter farve hvis man fx bruger ie eller ns6.
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