Avatar billede webpassion.dk Novice
08. november 2007 - 16:44 Der er 7 kommentarer og
1 løsning

Text box scroll ved mouse over

Jeg har en text box på en hjemmeside, som skal bevæge sig vertikalt op/ned ved mouseover på pilene.
Jeg har fundet noget kode, der ser ud til at kunne bruges.
Men ................. så virker koden pludselig ikke, når jeg rykker knapperne væk fra samme kolonne over i en anden kolonne. Knapperne bliver usynlige, når jeg rykker dem over en anden kolonne.
.......... og selvom jeg hele vejen igennem har sagt "text-decoration=none", så kommer det sådan en "åndsvag og irriterende" blå link-frame rundt om knappen, som ikke er til at slippe af med.

Se fx.
http://www.quatre.dk/diverse/test.htm
- her ligger scroll knapperne i samme kolonne, første række: Hvis i laver mouseover på pil-ned og LYNHURTIGT fjerner den igen, så kan I nå at lave mouse down. Dvs. koden virker.

Men så her : http://www.quatre.dk/diverse/test1.htm
- her har jeg rykket scroll knapperne over i en kolonne ved siden af teksten i samme tabel, og nu bliver den pludselig usynlig.
Samtidig har jeg forsøgt at gøre teksten relativ og ikke absolut, således at hvis man har forsk. skærmstørrelse og anden udbyder end IE7, så pladserer teksten sig rigtigt.
Kan bare ikke finde ud af, hvor i teksten jeg kan rette.
Har fundet ordet "absolute" og forsøgt at rette det til "relative", men det er bare ikke nok.

Er der nogle af jer hardcore programmør, der ved, hvordan jeg løser disse 2-3 problemer - ud fra koden på begge de angivne links????

1. knapper bliver usynlige, når de rykkes fra en kolonne til en anden
2. hvorfor kan jeg ikke fjerne link-rammer fra knapper på trods af "text-decoration=none",
3. relative position contra absolute position

Håber I kan hjælpe mig.

De bedste hilsener
My Charlot
Avatar billede w13 Novice
08. november 2007 - 23:37 #1
Det var mange problemer. Hm. Det med den blå kant lyder som om, du skal have en:
border:0;
og ikke text-decoration=none, som i øvrigt sku' være text-decoration:none;
Avatar billede w13 Novice
08. november 2007 - 23:41 #2
text-decoration:none fjerner kun understregning på tekstlinks.
Avatar billede w13 Novice
14. november 2007 - 04:20 #3
Får du løst noget?
Avatar billede webpassion.dk Novice
14. november 2007 - 07:27 #4
nej, tror jeg lukker tråden og opretter en ny på et senere tidspunkt. Har brug for at kunne lave scrollbar på en tekst box.
Vedr. den blå kant, så har det ikke noget med border at gøre. Den står i 0. Men hvis jeg har billedet - den lille knap - indenfor <a href> så kommer der blå kant uden om. Og har simpelthen ikke kunnet løse problemet. Men tak for hjælpen.
Avatar billede w13 Novice
14. november 2007 - 15:13 #5
Oki :)
Avatar billede w13 Novice
14. november 2007 - 15:15 #6
Jeg er nu helt sikker på, det der skyldes border. Hvor angiver du, at der ikke skal border, her:

            <td><div align="center"><a href="#" onMouseOver="test.scrollSouth()" onMouseOut="test.endScroll()"><img src="../gfx/pil-ned.png" width="20" height="16"></a></div></td>

Der står da ikke 0 nogen steder? Prøv at rette til:

            <td><div align="center"><a href="#" onMouseOver="test.scrollSouth()" onMouseOut="test.endScroll()"><img src="../gfx/pil-ned.png" width="20" height="16" border="0"></a></div></td>

det vil sige, at sætte border="0" ind på billedet. Og gør selvfølgelig det samme ved pil-op.png.
Avatar billede webpassion.dk Novice
22. november 2007 - 12:31 #7
w13, du havde i øvrigt ret med border=0
Avatar billede w13 Novice
22. november 2007 - 21:16 #8
Ok :)
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