Avatar billede djblues Nybegynder
14. november 2001 - 09:36 Der er 18 kommentarer og
1 løsning

RESIZE Layers med CSS-styles

Er det muligt at ændre størrelsen på Layers og iFrames med CSS-styles......
Avatar billede nute Nybegynder
14. november 2001 - 09:46 #1
Jeg regner med at du ønsker å resize dine layers/iframes ved klikk på en link eller knapp.

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <style>
    #divLayer{
      position:relative;
      height:0px;
      width:0px;
      top:0px;
      left:0px;
            border:1px solid #000000;   
    }
    </style>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function changeHeight( div, h ){
      document.all[ div ].style.height=h;
    }
  function changeWidth( div, h ){
      document.all[ div ].style.width=h;
    }       
  //-->
  </SCRIPT>
</head>

<body>
<a href=\"java script:void( changeHeight(\'divLayer\', 100) );\">Sett layer høyde = 100</a><br>
<a href=\"java script:void( changeHeight(\'divLayer\', 200) );\">Sett layer høyde = 200</a><br>
<a href=\"java script:void( changeWidth(\'divLayer\', 100) );\">Sett layer bredde = 100</a><br>
<a href=\"java script:void( changeWidth(\'divLayer\', 200) );\">Sett layer bredde = 200</a><br>
<br><div id=\"divLayer\" name=\"divLayer\">resize me</div>
<a href=\"java script:void( changeHeight(\'myIframe\', 100) );\">Sett iframe høyde = 100</a><br>
<a href=\"java script:void( changeHeight(\'myIframe\', 200) );\">Sett iframe høyde = 200</a><br>
<a href=\"java script:void( changeWidth(\'myIframe\', 100) );\">Sett iframe bredde = 100</a><br>
<a href=\"java script:void( changeWidth(\'myIframe\', 200) );\">Sett iframe bredde = 200</a><br>
<br><iframe cols=\"10\" rows=\"10\" id=\"myIframe\"></iframe>
</body>
</html>

/nute
Avatar billede djblues Nybegynder
14. november 2001 - 09:52 #2
Nej faktisk ikke......
Jeg vil have fast layer størrelse via CSS....
Avatar billede nute Nybegynder
14. november 2001 - 09:57 #3
tja...så skal du jo ikke *endre* størrelsen...så skal du *sette* størrelsen...

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <style>
    #divLayer{
      position:relative;
      height:100px;
      width:250px;
            border:1px solid #000000;   
    }
        #myIframe{
          position:relative;
      height:300px;
      width:800px;
        }
    </style>

</head>

<body>
<div id=\"divLayer\" name=\"divLayer\">resize me</div><br>
<br><iframe cols=\"10\" rows=\"10\" id=\"myIframe\"></iframe>
</body>
</html>

/nute
Avatar billede djblues Nybegynder
14. november 2001 - 10:03 #4
hmm, lyder som noget af det rigtige .....

Men, ved du hvordan man laver en sådan \"style\" i dreamveawer UltraDev ???
Avatar billede nute Nybegynder
14. november 2001 - 10:06 #5
ehhhhh....man skriver/koder det da bare...på samme måte som man skriver/koder html... :-|

/nute
Avatar billede djblues Nybegynder
14. november 2001 - 12:00 #6
Ok, jeg kan godt bruge det du skrev, men inde i min dreamweaver kan jeg ikke se mit layer, og det er ret svært at arbejde med så
Avatar billede nute Nybegynder
14. november 2001 - 12:03 #7
hvorfor viser du ikke filen i en browser så ????
Avatar billede djblues Nybegynder
14. november 2001 - 12:12 #8
Når jeg sidder og laver med websiden, skal jeg kunne se alle layers på denne....
Avatar billede nute Nybegynder
14. november 2001 - 12:39 #9
\"laver med websiden\" ??? \"skal jeg kunne se alle layers på denne\" ???

forstår ikke
Avatar billede djblues Nybegynder
14. november 2001 - 12:58 #10
hmm, jeg forklarer på en anden måde....

Jeg opretter en ny side i DW, så indsætter jeg et layer med størrelse og position.....
I dette layer skal jeg have oprettet både flere layers og nogle list bokse.....
Altså, skal jeg kunne se det første layer jeg satte ind.

Det kan jeg ikke hvis mit layer er oprettet uden størrelse og position.....
Avatar billede nute Nybegynder
14. november 2001 - 13:02 #11
djblues >> du har fått svar på ditt opprinnelige spørsmål som var:

\"Er det muligt at ændre størrelsen på Layers og iFrames med CSS-styles\"

dette du kommmer med nå er et *helt* annet spørsmål...



Avatar billede djblues Nybegynder
14. november 2001 - 13:05 #12
OK, ja men ikke helt det jeg ville frem til ....
Men jeg må jo så give dig pointene og finde resten af svaret et andet sted....
Avatar billede callesen Praktikant
14. november 2001 - 13:07 #13
Gad vide hvad du egentlig spørger om?
Giv layerne hver deres z-index:0 z-index:2 osv. 0 er underst. Er det sådan det skal forstås?
Avatar billede nute Nybegynder
14. november 2001 - 13:09 #14
jeg ville bare poengtere at du er nødt til å formulere deg ordentlig. bruker du litt tid på å skrive ditt spørsmål litt mer utfyllende, så er det også lettere for oss å hjelpe...

/nute
Avatar billede djblues Nybegynder
14. november 2001 - 13:20 #15
Min layer kode sådan ud...
<div id=\"Main\" style=\"position:absolute; width:467px; height:314px; z-index:1; background-color: #999999; layer-background-color: #999999; border: 1px none #000000\" class=\"Main\"></div>
MEN, min CSS-Style (class=\"main\") virker ikke på dette...

Kun hvis jeg fjerne height og width ...

Er der en løsning på dette, og jeg vil godt dive flere point...
Avatar billede nute Nybegynder
14. november 2001 - 13:23 #16
hvorfor legger du *både* inline styles og eksterne styles på ditt element ???
Avatar billede djblues Nybegynder
14. november 2001 - 13:24 #17
øhhh, tja det kan jeg jo godt se..
Men jeg vil gerne kunne sætte height og width på mit layer, men samtidig kunne ændre dette med CSS
Avatar billede nute Nybegynder
14. november 2001 - 13:28 #18
ehhh....jeg tror du har misforstått noe angående CSS (Cascading Style Sheets)

du kan ikke sette bredde/høyde på et div tag *uten* bruk av CSS. du setter jo høyde/bredde på ditt div tag med styles i det du postet !!

/nute
Avatar billede djblues Nybegynder
14. november 2001 - 13:43 #19
OK, ja....

Men jeg har faktisk fået det til at virke nu.

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