Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 12:49 Der er 13 kommentarer og
1 løsning

overflow

Jeg har en kode som jeg gerne ville have lavet overflow i. Jeg kender ikke P.t. til det og bliver ferfor nødt til at spørge her... Koden kan ses her.
-------------------------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div align="center">
  <p>&nbsp;</p>
  <table border="0" cellspacing="0" cellpadding="0" width="210">
    <tr>
      <td width="9" valign="top" height="9"><img src="top_left.gif" width="9" height="9"></td>
      <td background="bkgr_top.gif" height="9"><img src="pixel_trans.gif" width="1" height="1"></td>
      <td width="9" valign="top" height="9"><img src="top_right.gif" width="9" height="9"></td>
    </tr>
    <tr>
      <td width="9" background="bkgr_left.gif"><img src="pixel_trans.gif" width="1" height="1"></td>
      <td height="87" bgcolor="#6098B8" align="left" valign="top"><b><font face="Tahoma" size="2" color="#FFFFFF">Noget
        om mig:<br>
        </font></b><font face="Tahoma" size="2" color="#FFFFFF">Blah blah blah
        blah blah blah blah blah blah blah blah blah blah blah blah blah blah
        blah blah ...</font><font size="2"><b><font face="Tahoma" color="#FFFFFF">
        </font></b></font></td>
      <td width="9" background="bkgr_right.gif"><img src="pixel_trans.gif" width="1" height="1"></td>
    </tr>
    <tr>
      <td width="9" valign="bottom" height="9"><img src="bottom_left.gif" width="9" height="9"></td>
      <td background="bkgr_bottom.gif" height="9"><img src="pixel_trans.gif" width="1" height="1"></td>
      <td width="9" valign="bottom" height="9"><img src="bottom_right.gif" width="9" height="9"></td>
    </tr>
  </table>
</div>
</body>
</html>
Avatar billede mik789 Nybegynder
05. august 2002 - 12:59 #1
Du laver overflow med stylesheets. Jeg er ikke helt klar over hvordan det fungerer med en <td>, men det fungerer fint med en <div>. F.eks.:

<style type="text/css">
div {overflow:auto}
</style>

<div>Bla bla bla bla osv. dernedad</div>

hvis teksten fylder mere en dimensionerne på din div indsætter overflow:auto en scrollbar.

Se mere pÅ:

http://www.w3schools.com/css/pr_pos_overflow.asp
Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 13:16 #2
Jeg har kigget lidt på det men kender ikke helt til det. Har lidt kode her. Hvordan skal den så se ud når jeg skal kunne skifte indholdet der hvor der står bla bla osv..
Har lagt det på min webserver nu: www.cbox.dk/overflow
-------------------------------------------------------------------------
<Html>

<Head>
</Head>

<Body>

<Center>
<style type="text/css">
div {overflow:hidden}
</style>

  <p>&nbsp;</p>
  <table border="0" cellspacing="0" cellpadding="0" width="210">
    <tr>
      <td width="9" valign="top" height="9"><img src="top_left.gif" width="9" height="9"></td>
      <td background="bkgr_top.gif" height="9"><img src="pixel_trans.gif" width="1" height="1"></td>
      <td width="9" valign="top" height="9"><img src="top_right.gif" width="9" height="9"></td>
    </tr>
    <tr>
      <td width="9" background="bkgr_left.gif"><img src="pixel_trans.gif" width="1" height="1"></td>
      <td height="87" bgcolor="#6098B8" align="left" valign="top"><b><font face="Tahoma" size="2" color="#FFFFFF">Noget
        om mig:<br>
<div name="#1">Bla bla bla bla osv. dernedad</div>
<div name="#2">Bla bla bla bla osv. dernedad</div>

        </font></b></td>
      <td width="9" background="bkgr_right.gif"><img src="pixel_trans.gif" width="1" height="1"></td>
    </tr>
    <tr>
      <td width="9" valign="bottom" height="9"><img src="bottom_left.gif" width="9" height="9"></td>
      <td background="bkgr_bottom.gif" height="9"><img src="pixel_trans.gif" width="1" height="1"></td>
      <td width="9" valign="bottom" height="9"><img src="bottom_right.gif" width="9" height="9"></td>
    </tr>
  </table>
</div>

</div>
<A Href="#1">1</A>
<A Href="#2">2</A>
</Center>
</Body>

</Html>
Avatar billede mik789 Nybegynder
05. august 2002 - 13:17 #3
nej, det fungerer ikke med <td>. du må lave en <div> F.eks. sådan:

<html>

<head>

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>


<table border="1" cellspacing="0" cellpadding="0" height="200">
<tr>
<td width="300">&nbsp;</td>
<td width="300">
<div style="width:100%; height:190px; overflow:auto">
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
</div></td>
<td width="300">&nbsp;</td>
</tr>
</table>
</body>

</html>
Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 13:22 #4
Men det er ikke lige det der deer er foremålet med det. Foremålet er at jeg skal kunne vise flere sider i det samme vindue.
Avatar billede mik789 Nybegynder
05. august 2002 - 13:23 #5
<style type="text/css">
div {width:100&; height:87px; overflow:hidden}
</style>

<div name="#1">Bla bla bla bla osv. dernedad</div>

det virker kun hvis du angiver height på din div. Her har jeg regnet med én af 87px (som er højden af cellen<)
Avatar billede mik789 Nybegynder
05. august 2002 - 13:24 #6
hvad mener du med "flere sider i det samme vindue" ?
Avatar billede mik789 Nybegynder
05. august 2002 - 13:25 #7
width:100& = width:100%
Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 13:26 #8
Jeg har fundet ud af det nu, men jeg kan ikke få <div name="#1"> til at virke.. kan tilgændgæld få en <Img src="pic.gif" A name="#1"> til at virke
Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 13:27 #9
ok.. har fundet ud af det.. *SS* den skulle hedde <a name="#1">
Avatar billede mik789 Nybegynder
05. august 2002 - 13:36 #10
du har da vist et par endtags for meget: <div>...</div>...</div>...</div>

men ellers ser det rigtigt ud
Avatar billede mik789 Nybegynder
05. august 2002 - 13:46 #11
nåjo, hvis du vil bruge stylesheetet skal det stå mellem <head> og </head> ellers kan du gøre det samme med style="overflow:hidden" inde i dit <div> tag. Det har du også, det er derfor det virker alligevel. Men du skal lige rense ud i:

<td height="87" bgcolor="#6098B8" align="left" valign="top" overflow:auto;width:100px;height:80px;overflow:hidden;align:center;>

alt hvad der står efter "top" er overflødigt og bliver nok alligevel ignoreret
Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 13:49 #12
Tror sgu at jeg har fundet ud af idéen i det her nu.. *S* men du kan da lige kigge en gang
Avatar billede mik789 Nybegynder
05. august 2002 - 13:51 #13
ser da OK ud (i Internet Explorer 6) Men fjern lige det overflødige, ellers er det ikke sikkert det ser ligeså OK ud i andre browsere
Avatar billede sylvesternielsen Nybegynder
05. august 2002 - 13:53 #14
Ok.. thanks.. *S*
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