Avatar billede need4speed Nybegynder
30. august 2002 - 16:11 Der er 17 kommentarer og
1 løsning

Frame

Ok hvordan laver jeg en frame ligesom de har på siden her? http://www.scene360.com/

Er det lavet via Iframe eller et javascript..please help.
Avatar billede no_doubt Nybegynder
30. august 2002 - 16:12 #1
iframe
Avatar billede no_doubt Nybegynder
30. august 2002 - 16:14 #2
<iframe src="about:blank" width="0" height="0" frameborder="0"  name="ifr"></iframe>
Avatar billede lequet Nybegynder
30. august 2002 - 16:14 #3
Det kan gøres med en iframe, men vil tro de har gjort det med et div istedet, i stil med dette :

<div style="overflow : auto ; width : 200 ; height : 400 ;">
  Tekst her
</div>
Avatar billede need4speed Nybegynder
30. august 2002 - 16:14 #4
Ok.. gider du ind taste koden ? jeg havde nemlig problemer med at fjerne scollsene i bunden :(
Avatar billede no_doubt Nybegynder
30. august 2002 - 16:14 #5
about:blank = din side.html
Avatar billede need4speed Nybegynder
30. august 2002 - 16:16 #6
==>> Leguet øhh. hvad er det lige man får ud af bruge div? synes bare der kom noget tekst og ikke en se scollbar eller noget i den retning.
Avatar billede lequet Nybegynder
30. august 2002 - 16:17 #7
Prøv min kode, men husk at fylde godt med tekst i, så kommer der en scrollbar hvis teksten fylder mere end div'et
Avatar billede need4speed Nybegynder
30. august 2002 - 16:17 #8
==>>No doubt hvor vælger jeg siden den skal åbne?
Avatar billede need4speed Nybegynder
30. august 2002 - 16:18 #9
Ja div metoden er da langt den bedste.
Avatar billede lequet Nybegynder
30. august 2002 - 16:19 #10
Jep, den sparer dig for at have 2 filer :)
Avatar billede need4speed Nybegynder
30. august 2002 - 16:19 #11
Ja lige præcis..
Avatar billede no_doubt Nybegynder
30. august 2002 - 16:21 #12
<p align="center"><iframe src="dinside.htm" width="350" height="280" scroll="auto" frameborder="0"></IFRAME>
Avatar billede lequet Nybegynder
30. august 2002 - 16:23 #13
<style type="text/css">
.ditdiv {
  overflow : auto ;
  width : 200px ;
  height : 400px ;
  border : 1px solid black ;
  padding : 4px ;
  scrollbar-3d-light-color: #669900;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #ffffff;
  scrollbar-face-color: #c5c5c5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}
</style>

Og så dit div :

<div class="ditdiv">
  En masse tekst
</div>


Sådan, så kom der også en fin scrollbar på :) Så kan du selv lege lidt med det
Avatar billede lequet Nybegynder
30. august 2002 - 16:23 #14
Skal lige siges at den farvede scrollbar kun virker i IE, andre browsere viser blot en normal scrollbar
Avatar billede sthen Nybegynder
30. august 2002 - 16:24 #15
Nu spørger du jo til den aktuelle side, og her er der anvendt følgende kode:

<iframe width="336" height="400" name="floatframe" src="xtra/news/news.html" align="left" frameborder="0">
     
<span class="verdana_sm">* If your browser does not support iframes,  we reccomend updating your browser to  <a href="http://www.microsoft.com/downloads/searchdl.asp?" target="_blank">IE
            5+</a> to view our Scene 360 news column. Thank you.</span>
      </iframe>

Med andre ord - som no_doubt siger: <IFRAME>
Avatar billede need4speed Nybegynder
30. august 2002 - 16:25 #16
Tak leguet.. vi snakker det samme sprog :)
Avatar billede lequet Nybegynder
30. august 2002 - 16:26 #17
Må heller også sige at nedenstående skal placeres i <head> delen af din side, så skulle alt være på plads :)

<style type="text/css">
.ditdiv {
  overflow : auto ;
  width : 200px ;
  height : 400px ;
  border : 1px solid black ;
  padding : 4px ;
  scrollbar-3d-light-color: #669900;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #ffffff;
  scrollbar-face-color: #c5c5c5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}
</style>
Avatar billede lequet Nybegynder
30. august 2002 - 16:26 #18
Så lidt :) Takker for points
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

IT-JOB

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Rambøll Management Consulting

Senior Software Engineer