Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:32 Der er 20 kommentarer og
2 løsninger

scrollbars i tabelcellen

Måske ikke den rigtige kategori (java) , men kan det lade sig gøre ?

Altså at man scroller noget text inden for en tabel, frem for at bruge den der er standart i IE.
Avatar billede Slettet bruger
30. maj 2004 - 17:36 #1
Du skal bruge CSS-attributten "overflow", her er et dokument fra Microsoft omkring attributten:

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/overflow.asp

Håber du kunne bruge det til noget :-)
Avatar billede roenving Novice
30. maj 2004 - 17:37 #2
Da tabeller er lavet til at vise det, de indeholder skal du sætte et element inden i:

<table>
  <tr>
    <td><div style="width:200px;height:100px;overflow:auto;">
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem
    Her står der en masse, som man kan scrolle ned igennem</div></td>
  </tr>
</table>
Avatar billede Slettet bruger
30. maj 2004 - 17:38 #3
eller helt simplificeret, et konkret eksempel:

<table>
  <tr style="overflow: scroll;">
      <td>
        Bla bla bla bla, en masse tekst her
      </td>
  </tr>
</table>
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:39 #4
orv .. jeg prøve lige kort .. hang on ..
Avatar billede roenving Novice
30. maj 2004 - 17:40 #5
>>corholio

Får du scrollbars på med dit eksempel ?-)
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:42 #6
Det virker ikke med denne :

<td height="456" width="828" style="border-right-style:solid; border-right-width:1px; border-bottom-style:solid; border-bottom-width:1px; overflow:scroll;" rowspan="4" colspan="5">

Hvad skal fjernes ?
Avatar billede roenving Novice
30. maj 2004 - 17:44 #7
Du skal indsætte f.eks. en div, da en tabelcelle altid vil udvide så den kan indeholde alt der er indeni !-)
Avatar billede Slettet bruger
30. maj 2004 - 17:45 #8
Nope, du har ret, der skulle lidt tilrettelser til:

<html>
<body>
<table>
  <tr>
      <td>
        <div style="overflow: scroll;">
    Bla bla bla bla, en masse tekst her<br />
        Bla bla bla bla, en masse tekst her<br />
        Bla bla bla bla, en masse tekst her<br />
        Bla bla bla bla, en masse tekst her<br />
        Bla bla bla bla, en masse tekst her<br />
    </div>
      </td>
  </tr>
</table>
</body>
</html>

Dammit.... hmmm, multitasking er ikke min stærke side, hehehe :-P

Men det lykkedes mig da at finde et link.... er jeg ikke bare dygtig ? :-D
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:46 #9
dvs. sådan her :

<td height="456" width="828"><div style="border-right-style:solid; border-right-width:1px; border-bottom-style:solid; border-bottom-width:1px; overflow:scroll;" rowspan="4" colspan="5">

</div></td>
Avatar billede roenving Novice
30. maj 2004 - 17:46 #10
-- og stadig ingen scrollbars, når div'en ikke har defineret en størrelse ...
Avatar billede roenving Novice
30. maj 2004 - 17:48 #11
Jepz, se 17:37:19 ...

Hvilket corholio måske også skulle have gjort i stedet for at fremture 17:45:20 !-)
Avatar billede roenving Novice
30. maj 2004 - 17:52 #12
Men jeg kan se, at nogle af dine attributter hører hjemme i tabelcellen og andre skal høre sammen med elementet, som skal scrolle, så sådan:

<td rowspan="4" colspan="5"><div style="height:456px;width:828px;border-right-style:solid; border-right-width:1px; border-bottom-style:solid; border-bottom-width:1px; overflow:scroll;">

</div></td>
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:53 #13
hmm .. sært .. det ødelagde resten af designet (de øvrige tabeller på siden)
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:55 #14
dang ! Så virkede den sq ! :D

Den sidste ..
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:56 #15
Hvis jeg nu vil bruge noget css til at ændre på farvene i scoll pilene og sådan , kan jeg så det, uden at smadre noget andet ?

(siden er efterhånden godt fyldt med kode)
Avatar billede rickypriv Nybegynder
30. maj 2004 - 17:57 #16
men uanset .. kan du så ikke kyle et svar roenving .. så jeg kan nå over og se fodbold også :D
Avatar billede roenving Novice
30. maj 2004 - 17:58 #17
Du kan godt bruge ie-scrollbar-styles i en div også, men de er altså ie only:

  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #FFFFFF;
  scrollbar-face-color: #EEEEEE;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  background-color: #FFFFFF;

-- og velbekomme '-)
Avatar billede rickypriv Nybegynder
30. maj 2004 - 18:01 #18
Jeg lagde lige 5 point til corholio for linket .. ;)

Tusind tak for hjælpen.
Avatar billede roenving Novice
30. maj 2004 - 18:01 #19
-- og tak for point ;~}
Avatar billede Slettet bruger
30. maj 2004 - 18:04 #20
Takker for point :-)
Avatar billede roenving Novice
30. maj 2004 - 18:06 #21
-- og et link til en masse god oplysning om css:

http://blooberry.com/indexdot/css/index.html
Avatar billede Slettet bruger
30. maj 2004 - 18:37 #22
eller et link på dansk:

http://www.html.dk/tutorials/css/
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