Avatar billede el_morten Nybegynder
03. april 2003 - 22:00 Der er 14 kommentarer og
3 løsninger

Scroll i en celle i en tabel?

Hej!
Jeg mangler en måde hvorpå man kan lave en scrollfunktion i en celle! Jeg har en Tabel hvor der skal stå noget men det går ud over kanten og så ser det ret dumt ud jo :) Håber I forstår hvad jeg mener og at der er en der kan hjælpe...
Avatar billede Slettet bruger
03. april 2003 - 22:10 #1
<td style="overflow: scroll;">
Avatar billede el_morten Nybegynder
03. april 2003 - 22:19 #2
Det kan jeg ikke få til at virke..
Jeg skriver det ind i den tabel hvor jeg har teksten:

<td align="left" valign="top" background="billeder/tekstfieldforside2.jpg" style="overflow: scroll"><p><font color="#FFFFFF">Dette er en tekst </td>


Er det ikke rigtigt?
Avatar billede Slettet bruger
03. april 2003 - 22:20 #3
Scrollbaren kommer først frem, når teksten går ud over kanten på cellen.
Avatar billede el_morten Nybegynder
03. april 2003 - 22:22 #4
Ja, Jeg har også skrevet mere tekst end det der står der.. men den bliver ved med at skrive ud over...
Avatar billede Slettet bruger
03. april 2003 - 22:24 #5
Ups, undskyld; sådan her skal du gøre:

<td align="left" valign="top" background="billeder/tekstfieldforside2.jpg">
<div style="overflow: scroll; width: 100%; height: 100%;">
Dette er en tekst
</div></td>

Hvis du kun vil have vertikal scrollbar, skal du skrive overflow-y: scroll i stedet for.
Avatar billede el_morten Nybegynder
03. april 2003 - 22:32 #6
Ja, okay.. nu kom der scrollbars på, men det hele ser forkert ud..
Jeg paster lige hele koden for siden.
Avatar billede Slettet bruger
03. april 2003 - 22:32 #7
Nej tak, hellere et link!
Avatar billede el_morten Nybegynder
03. april 2003 - 22:33 #8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<link href="links.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#5D1711" topmargin="0" leftmargin="0" link="#828282" vlink="#A3A3A3" alink="#565656">
<center>
<table height="100%" width="100%" align="center" valign="middle"><tr><td>
<table align="center" valign="top" width="690" height="347">
    <tr>
        <td width="700" height="341" align="center" valign="top" bgcolor="#5D1711">
       
        <table width="694" height="320" border="0" cellspacing="0">
          <tr>
            <td width="116" height="44" background="billeder/venstrehjørneforside.jpg">&nbsp;</td>
            <td width="419" background="billeder/overskriftforside1.jpg">&nbsp;</td>
            <td background=billeder/højrehjørneforside.jpg>&nbsp;</td>
            </tr>
          <tr>
            <td align="left" valign="top" background="billeder/menuforside.jpg"><table width="80%" height="100%" border="0">
              <tr>
                <td><font color="#FFFFFF"><a href="_blank" class="links">Program2003 </a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"><a href="_blank" class="links">Nyheder</a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"><a href="_blank" class="links">Om OEM</a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"><a href="indexfinal3.htm" class="links">Middelalderen</a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"><a href="_blank" class="links">Galleri</a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"><a href="_blank" class="links">Spil</a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"><a href="_blank" class="links">Kontakt</a></font></td>
                </tr>
              <tr>
                <td><font color="#FFFFFF"> <a href="_blank" class="links">Links</a></font></td>
                </tr>
              </table>           
              </td>
             
            <td align="left" valign="top" background="billeder/tekstfieldforside2.jpg"> <div style="overflow: scroll; width: 100%; height: 100%;"> <p><font color="#FFFFFF">Dette er en tekst jeg skriver den bliver skrevet
                          lige her fordi at det g&oslash;r</font><font color="#FFFFFF"> den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her
                          fordi at det g&oslash;r den bare..</font><font color="#FFFFFF">Dette
                          er en tekst jeg skriver den bliver skrevet lige her fordi
                          at det g&oslash;r den
                            bare..</font><font color="#FFFFFF">Dette er en tekst jeg
                            skriver den bliver skrevet lige her fordi at det g&oslash;r
                            den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her
                            fordi at det g&oslash;r den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her fordi
                            at det g&oslash;r den
                            bare..</font><font color="#FFFFFF">Dette er en tekst jeg
                            skriver den bliver skrevet lige her fordi at det g&oslash;r
                            den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her
                            fordi at det g&oslash;r den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her fordi
                            at det g&oslash;r den
                            bare..</font><font color="#FFFFFF">Dette er en tekst jeg
                            skriver den bliver skrevet lige her fordi at det g&oslash;r
                            den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her
                            fordi at det g&oslash;r den bare..</font><font color="#FFFFFF">Dette
                            er en tekst jeg skriver den bliver skrevet lige her fordi
                            at det g&oslash;r den
                            bare..</font><font color="#FFFFFF">Dette er en tekst jeg
                            skriver den bliver skrevet lige her fordi at det g&oslash;r
                            den bare..</font></p>
                </div>
            </td>
            <td background="billeder/højresideforside.jpg">&nbsp;</td>
            </tr>
          </table>
       
       
        </td>
    </tr>
</table>
</td></tr></table>

</body>
</html>
Avatar billede el_morten Nybegynder
03. april 2003 - 22:33 #9
Nårh.. okay.. damn.. øjeblik..
Avatar billede el_morten Nybegynder
03. april 2003 - 22:43 #10
Kan desværre ikke uploade nu...
Avatar billede el_morten Nybegynder
03. april 2003 - 22:48 #11
Kan du ikke se noget ud fra det jeg har skrevet?
Avatar billede dsjk Novice
03. april 2003 - 23:02 #12
sæt denn div linie ind:
<div style="width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden;">

så vises scroll kun hvis der er for meget tekst, og den horiziontale er skjult.

dsjk
Avatar billede el_morten Nybegynder
03. april 2003 - 23:08 #13
Argh! Ja det virkede! Men det var først efter jeg havde sittet og delt teksten op, for ellers går teksten ind og skubber højre frame længre mod højre, så det ser forkert ud. Et andet spørgsmål: Men kan man lave scrollbaren transperent-agtig?
Avatar billede el_morten Nybegynder
03. april 2003 - 23:09 #14
højre frame = højre celle
Avatar billede Slettet bruger
04. april 2003 - 15:35 #15
Du kan ikke lave scrollbaren transparent, med mindre du bruger en JavaScript-version, og det er meget bøvlet.
Avatar billede el_morten Nybegynder
31. januar 2004 - 18:31 #16
phoenixv>>> Vil du lige svare så du kan få point for dette gamle spørgsmål..
Avatar billede Slettet bruger
01. februar 2004 - 12:08 #17
Svar
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
Kurser inden for grundlæggende programmering

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