Avatar billede flashit Nybegynder
09. december 2003 - 13:15 Der er 10 kommentarer og
1 løsning

hover på <TD>

Hej E.

Jeg har en tabel med nogle billeder i.
Er her en som kan forklarer mig hvordan man kan få denne effekt:

http://www.bolia.com/retail/category.asp?catalog_name=Furniture&category_name=sofabed&expand=$4$$5$

og meget gerne med et lille style eks.
Avatar billede Slettet bruger
09. december 2003 - 13:23 #1
Hvis du nu lige siger, hvilken effekt, du taler om, kan jeg måske finde koden.

Ellers må du jo selv se kildekoden på siden.
Avatar billede flashit Nybegynder
09. december 2003 - 13:25 #2
Sorry, det er hover på tabellen.
Placer musen over en sofa, og der kommer en tynd border frem.
Det er den jeg er ude efter:-)
Avatar billede morten_leth Nybegynder
09. december 2003 - 13:34 #3
jamen er det ikke bare noget der er lavet i .css dokumentet???
Avatar billede flashit Nybegynder
09. december 2003 - 13:40 #4
jo, men jeg kan bare ikke finde ud af hvordan man bruger den på en <td>.
class=image er nok der hvor jeg finde svaret, men jeg kan ikke få det til at virke på min egen fil :-(
Avatar billede morten_leth Nybegynder
09. december 2003 - 13:57 #6
table.category td.link
{
    width:196px;
    padding-bottom:40px;
    text-align:center;
    color:#6B6B56;
    background-color:Transparent;
}

umiddelbart som jeg kan se det er det dette der gør det.. men er ikke sikker...
Avatar billede Slettet bruger
09. december 2003 - 14:08 #7
Jeg er næsten 100% sikker på, at det er JavaScript der laver det. Desværre er det noget javascript, som ikke virker i Mozilla, så jeg kan ikke se effekten her.

Og Mozilla understøtter endda :hover-effekter i ren css på rundt regnet alt.
Avatar billede flashit Nybegynder
09. december 2003 - 14:25 #8
PAS pas pas

Det kan jeg bare ikke få til at virke :-(, kan i hjælp noget mere?
Avatar billede morten_leth Nybegynder
09. december 2003 - 15:09 #9
sry.. det går ud over min forstand.. jeg er stået af sry m8... ville godt have hjulpet hvis jeg ku..
Avatar billede flashit Nybegynder
09. december 2003 - 16:45 #10
Her er hvad jeg er kommet frem til:-)

<style type="text/css">
<!--
td.MouseOver {
  border: 1px solid black;
  color: black;
  background: white;
 
}
td.MouseOut {
  border: 1px solid ;
  color: black;
  background: white;
 
}
-->
</style>

<td class="MouseOut" onmouseover="this.className='mouseOver'"
onmouseout="this.className='MouseOut'" align="center" width="200"><img src="../Images/showimage.jpg" width="100" height="100"></td>
Avatar billede roenving Novice
09. december 2003 - 16:59 #11
-- men det er ikke så smart at skifte claasName i et indlæst dokument, da browseren så er nødt til at beregne hele sidens udseende forfra ...
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