---
title: "Anpassa text-scrollruta efter tabellcellstorlet?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/49348-anpassa-text-scrollruta-efter-tabellcellstorlet"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mattias"
published: "2002-08-03T10:08:09.000Z"
updated: "2002-08-03T23:14:45.000Z"
replies: 14
views: 485
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/49348-anpassa-text-scrollruta-efter-tabellcellstorlet"
---

# Anpassa text-scrollruta efter tabellcellstorlet?

## #1 — Mattias, 2002-08-03T10:08Z

Jag har hittat (och fått tillåtelse att använda) ett javascript som skapar en vit ruta där en bestämd text rullar upp. Denna har jag tänkt lägga på en hemsida jag har, men när jag lägger den i aktuell tabellcell bildas svarta kanter runt den vita bakgrunden, vilket ser fult ut. Eftersom jag är apdålig på javascript undrar jag hur jag enklast anpassar javascriptrutan efter storleken på tabellcellen eller hur kan jag annars kan gå tillväga för att få bort de svarta kanterna? 

En testsida med tabell och javascript finns på följande URL:

<http://hem.fyristorg.com/mnx/Startsida.asp> 

Mycket tacksam för hjälp och förslag!

Permalänk: https://www.webforum.nu/p/49348

## #2 — Ohrstrom, 2002-08-03T10:13Z

Nu ska jag egentligen inte säga något för jag kan heller inte javascript...

Men:

position:relative;overflow:hidden;**width:125;height:125;**clip:rect(0 302 102 0); 

Jag \_tror\_ att de är värdena du vill ändra på...

EDIT: Lägger in lite mer här...

\[code\]
\<script language="JavaScript"\>
if (document.all){
 document.writeln('\<marquee id="ieslider" scrollAmount=2 **width=125 height=125** direction=up style="border:0 blackred;background-color:white"\>');
 document.writeln(wholemessage);
 ieslider.onmouseover=new Function("ieslider.scrollAmount=0");
 ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=1");
 document.write('\</marquee\>');
}
if (document.getElementById&&!document.all){
 document.write('\<div style="position:relative;overflow:hidden;**width:125;height:125;**clip:rect(0 302 102 0); background-color:white;border:0px solid black;" onMouseover="sspeed=0;" onMouseout="sspeed=1"\>');
 document.write('\<div id="slider" style="position:relative;width:&{swidth};"\>');
 document.write('\</div\>\</div\>');
}
\</script\>\</span\>
\[code\]

Lycka till :)

Permalänk: https://www.webforum.nu/p/739818

## #3 — Mattias, 2002-08-03T10:50Z

Njäe, det verkar vara lite trixigare än att ändra de där värdena. Jag testade med att ändra dem till olika värden innan jag skrev mitt första inlägg, men de svarta kanterna uppenbarade sig ändå, antingen till höger eller under scrollrutan.

Jag har nu ändrat ifrån 125 till 150 på alla siffervärden i javascriptkoden och som synes finns det svarta fältet kvar under scrollrutan. Jag antar att de intillliggande tabellcellerna påverkar scrollrutans storlek, men det bör ju att få till en helt vit tabellcell/scrollruta ändå. Eller?

<http://hem.fyristorg.com/mnx/Startsida.asp>

Permalänk: https://www.webforum.nu/p/739836

## #4 — Ohrstrom, 2002-08-03T11:05Z

> **Mattias skrev:**
>
> Njäe, det verkar vara lite trixigare än att ändra de där värdena. Jag testade med att ändra dem till olika värden innan jag skrev mitt första inlägg, men de svarta kanterna uppenbarade sig ändå, antingen till höger eller under scrollrutan.
> 
> Jag har nu ändrat ifrån 125 till 150 på alla siffervärden i javascriptkoden och som synes finns det svarta fältet kvar under scrollrutan. Jag antar att de intillliggande tabellcellerna påverkar scrollrutans storlek, men det bör ju att få till en helt vit tabellcell/scrollruta ändå. Eller?
> 
> <http://hem.fyristorg.com/mnx/Startsida.asp>

pröva att öka värdena på clip (0 302 102(öka detta till 125 lr nåt) 0 0)

Permalänk: https://www.webforum.nu/p/739844

## #5 — Mattias, 2002-08-03T11:10Z

Det har jag också testat tidigare utan lycka. De värdena verkar för övrigt inte påverka alls eftersom man kan ta bort dem utan att det verkar påverka scrolltextrutan. :)

Permalänk: https://www.webforum.nu/p/739850

## #6 — solbulle, 2002-08-03T11:52Z

Du kan börja med att ta bort den svarta färgen du har i cellen...

```
<TD width=92 bgColor=#000000 ......
```

Permalänk: https://www.webforum.nu/p/739867

## #7 — Mattias, 2002-08-03T11:59Z

Hehe... Ja, det kanske kan vara en fördel. ;) Har inte tänkt på det eftersom det låg i koden till själva scriptet och användes till att skapa kantlinjer på scrollrutan. Jag ska testa runt lite och se om jag kan få fram dem på annat sätt.

Tack för hjälpen!

Permalänk: https://www.webforum.nu/p/739870

## #8 — Mattias, 2002-08-03T13:29Z

Eftersom mina Javascript- (och tydligen även HTML-) kunskaper tryter lyckas jag inte fixa en tunn kantlinje runt scrollrutan. Jag har försökt ändra följande border-värden (i javascriptet) utan att nån kantlinje uppenbarar sig:

```
<span style="borderWidth:1; borderColor:black; width:100; height:100;">

style="border:1 blackred;background-color:white"

border:1px</b> solid black;
```

Det bör väl gå att få en kantlinje runt scrollrutan utan att använda sig av svart bakgrun i tabellcellen? Eller...?

Permalänk: https://www.webforum.nu/p/739902

## #9 — Jojoxx, 2002-08-03T14:12Z

```
<span style="border:solid black 1px; width:100; height:100;">
Innehåll...
</span>
```

Permalänk: https://www.webforum.nu/p/739917

## #10 — Mattias, 2002-08-03T15:15Z

Nu uppenbarade sig en kantlinje. Tack så mycket för hjälpen!

Permalänk: https://www.webforum.nu/p/739952

## #11 — Mattias, 2002-08-03T17:35Z

När jag ändå är igång och trixar med scrollrutan, så undrar jag om det är möjligt att få en liten vänstermarginal innan den scollande texten?

Permalänk: https://www.webforum.nu/p/740049

## #12 — Jojoxx, 2002-08-03T17:40Z

Prova att styla med **text-indent:5px;** för berört block/element.

Permalänk: https://www.webforum.nu/p/740056

## #13 — Mattias, 2002-08-03T18:07Z

Ja, det fungerade, men bara på den första textraden. Jag har nämligen delat upp textstyckena som läggs in i scrollrutan på en rubrik och en undertext och dessa plockar jag från en databas.

Så här ser koden ut för blocket där texten läggs in:

\--- kod ---
\<span style="border:solid black 1px; width:125; height:100;"\>
\<p\>
\<ilayer width=100 height=100 name="slider1" bgcolor="white" visibility=hide\>
\</p\>
\<layer name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=1"\>
\</layer\>
\</ilayer\>
\<script language="JavaScript"\>
if (document.all){
 document.writeln('\<marquee id="ieslider" scrollAmount=2 width=125 height=100 direction=up style="border:0 blackred;text-indent:5px;background-color:white"\>');
 document.writeln(wholemessage);
 ieslider.onmouseover=new Function("ieslider.scrollAmount=0");
 ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=1");
 document.write('\</marquee\>');
}
if (document.getElementById&&!document.all){
 document.write('\<div style="position:relative;overflow:hidden;width:125;height:100;clip:rect(302 0 102); background-color:white;border:0px solid black;" onMouseover="sspeed=0;" onMouseout="sspeed=1"\>');
 document.write('\<div id="slider" style="position:relative;width:&{swidth};"\>');
 document.write('\</div\>\</div\>');
}
\</script\>\</span\>

\--- kod ---

Permalänk: https://www.webforum.nu/p/740088

## #14 — Jojoxx, 2002-08-03T19:02Z

Fel av mig :) Prova med **padding-left:5px;**

Permalänk: https://www.webforum.nu/p/740117

## #15 — Mattias, 2002-08-03T23:14Z

Såja, nu ser det mycket bättre ut. Tack (igen)!

Permalänk: https://www.webforum.nu/p/740302

---

Tråden på webben: https://www.webforum.nu/amne/javascript/49348-anpassa-text-scrollruta-efter-tabellcellstorlet