Avatar billede designz Nybegynder
08. april 2003 - 22:13 Der er 10 kommentarer og
1 løsning

Scrollmenu i HTML

Jeg er igang med en side www.young-eu.com hvor jeg arbejder med en centreret indholdsboks. Det fungerer sådan set fint, men hvis jeg gerne vil lægge indhold ind i boksen, som er længere end den, kunne jeg tænke mig at der fremkom en scrollmenu i højre side, så man kunne scrolle, men altså KUN indholdet i boksen - og det kan jeg ikke finde ud af. Sidder der en der kan lave det for mig?
Problemet ligger under punktet "program"  på siden.
Avatar billede schaefner Juniormester
08. april 2003 - 22:14 #1
Avatar billede schaefner Juniormester
08. april 2003 - 22:15 #2
Du kan også lave en iframe:
<iframe src="http://google.com" frameborder="0" width="260" height="300"></iframe>
Avatar billede schaefner Juniormester
08. april 2003 - 22:18 #3
<a href="http://alltheweb.com" target="iframe">

<iframe src="http://google.com" name="iframe" frameborder="0" width="260" height="300"></iframe>
Avatar billede backside Nybegynder
08. april 2003 - 22:26 #4
Avatar billede designz Nybegynder
08. april 2003 - 23:00 #5
Jeg er desværre anti HTML nørd, så jeg er nødt til at have en forklaring eller mere direkte hjælp (at der er en der vil sætte koden IND i dokumentet for mig. Jeg indsætter hele kildekoden i næste kommentar. Jeg håber en af jer vil gøre det, da jeg mener at 100 point må være nok til at udvide hjælpen lidt ;-)
Avatar billede designz Nybegynder
08. april 2003 - 23:00 #6
<html>
<head>
<title>L&oslash;gumkloster H&oslash;jskole</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="hÀjskole, highschool, lÀgumkloster, grundtvig, kold, almen, uddannelse, lûring, livet, skolen for livet">
<meta name="keyword" content="hÀjskole, highschool, lÀgumkloster, grundtvig, kold, almen, uddannelse, lûring, livet, skolen for livet">
<meta name="description" content="hÀjskole, highschool, lÀgumkloster, grundtvig, kold, almen, uddannelse, lûring, livet, skolen for livet">
<style type="text/css">
<!--
.a {  text-decoration: none; font-family: "Trebuchet MS"; color: #FFCC00; font-weight: 800}
a:hover {  color: #FFFFFF; font-weight: 800; font-size: 12px}
.bg {  background-image:  url(baggrund440.jpg); background-repeat: no-repeat; background-position: center center}
.td {  background-repeat: no-repeat; background-position: center center; background-image:  url(baggrunds440.jpg)}
.lijnwit {  background-image:  url(baggrund440.jpg); background-repeat: repeat-x; background-position: left bottom}
BODY {SCROLLBAR-FACE-COLOR: #7D0E07; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; scrollbar-dark-shadow-color: white; scrollbar-3d-light-color: #ffffff; clip:  rect(  )}
.nikolaj {  background-image:  url(baggrund440.jpg); background-repeat: no-repeat; text-decoration: blink; border: medium #000000}
.gennemsigtig {  }
-->
</style>
<script language="JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}
//-->
</script>
<script language="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);
// -->

function MachakFull(Ie,other){
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
    if (navigator.appName=="Netscape"){
    var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
    MachakFull.moveTo(0,0);
    MachakFull.resizeTo(x,y);}
if (navigator.appName=="Microsoft Internet Explorer")
    window.open(Ie,"MachakFull","fullscreen=yes");
    }
    else window.open(other,"sub",'scrollbars=yes');
    }

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#660000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_displayStatusMsg('Designed by Nikolaj Design - www.nikolajdesign.dk');return document.MM_returnValue;MM_preloadImages('knprogram2.jpg','kninfo2.jpg','knwhere2.jpg','knstudent2.jpg','knchat2.jpg','knwhat4.jpg','knlink2.jpg')" background="bbdrak3.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td align="center" valign="middle" height="545" class="gennemsigtig">
      <table width="760" border="1" cellspacing="0" cellpadding="0" height="440" bordercolor="#0000000" bgcolor="#660000" class="nikolaj">
        <tr>
          <td width="736" height="436" valign="top" align="left" class="bg">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="420">
              <!--DWLayoutTable-->
              <tr>
                <td width="7" height="114">&nbsp;</td>
                <td width="185">&nbsp;</td>
                <td width="32">&nbsp;</td>
                <td width="532">&nbsp;</td>
              </tr>
              <tr>
                <td height="34">&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td rowspan="9" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <!--DWLayoutTable-->
                    <tr>
                      <td width="30" height="37">&nbsp;</td>
                      <td width="485">&nbsp;</td>
                      <td width="17">&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="266">&nbsp;</td>
                      <td valign="top"><p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Leaders
                          of the conference</strong><br>
                          Headmaster Vita Andreasen, Teacher at the folkhighschool
                          Gitte Lindholt and <br>
                          former students from the association of old students
                          of the school<br>
                          <br>
                          <strong> The program<br>
                          </strong>Everyday has its own theme &#8211; furthermore
                          there will be sports activities, concerts, morning singing,
                          an international service, field trips and culture events.
                          During the conference there will be produced a newspaper
                          and the web site: www.Young-EU.com will bring pictures
                          and news from the conference. You can already now follow
                          the latest news at the web-site.<br>
                          <strong><br>
                          Conference language</strong><br>
                          The official conference language will be English<br>
                          </font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><br>
                          <strong>A democracy in change<br>
                          </strong>Headmaster Vita Andreasen: Introduction to
                          a debate about young people in EU. Mayor Kaj Armann:
                          Welcome to L&oslash;gumkloster municipality. EU-consultant
                          Inga Haase, Carrefour, L&oslash;gumkloster: EU-structures
                          and political fellowship. (Inga Haase will also contribute
                          to the workshops during the conference). Author and
                          journalist Kresten Schultz J&oslash;rgensen: Homo Zapiens
                          &#8211; Europe - a democracy in change</font></p></td>
                    <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="54">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="23">&nbsp;</td>
                <td valign="top"><a href="program.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('program','','knprogram2.jpg',1)"><img src="knprogram.jpg" name="program" width="173" height="23" border="0"></a>
                </td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="information.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('info','','kninfo2.jpg',1)"><img src="kninfo.jpg" name="info" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="where.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('where','','knwhere2.jpg',1)"><img src="knwhere.jpg" name="where" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="what.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('what','','knwhat4.jpg',1)"><img src="knwhat3.jpg" name="what" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="students.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('students','','knstudent2.jpg',1)"><img src="knstudents.jpg" name="students" width="173" height="23" border="0"></a></td>
                <td></td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="links.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('link','','knlink2.jpg',1)"><img src="knlink.jpg" name="link" width="173" height="23" border="0"></a></td>
                <td></td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="chat.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','knchat2.jpg',1)"><img src="knchat.jpg" name="chat" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="162">&nbsp;</td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <p>&nbsp;</p>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede schaefner Juniormester
08. april 2003 - 23:07 #7
<html>
<head>
<title>L&oslash;gumkloster H&oslash;jskole</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="hÀjskole, highschool, lÀgumkloster, grundtvig, kold, almen, uddannelse, lûring, livet, skolen for livet">
<meta name="keyword" content="hÀjskole, highschool, lÀgumkloster, grundtvig, kold, almen, uddannelse, lûring, livet, skolen for livet">
<meta name="description" content="hÀjskole, highschool, lÀgumkloster, grundtvig, kold, almen, uddannelse, lûring, livet, skolen for livet">
<style type="text/css">
<!--
.a {  text-decoration: none; font-family: "Trebuchet MS"; color: #FFCC00; font-weight: 800}
a:hover {  color: #FFFFFF; font-weight: 800; font-size: 12px}
.bg {  background-image:  url(baggrund440.jpg); background-repeat: no-repeat; background-position: center center}
.td {  background-repeat: no-repeat; background-position: center center; background-image:  url(baggrunds440.jpg)}
.lijnwit {  background-image:  url(baggrund440.jpg); background-repeat: repeat-x; background-position: left bottom}
BODY {SCROLLBAR-FACE-COLOR: #7D0E07; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; scrollbar-dark-shadow-color: white; scrollbar-3d-light-color: #ffffff; clip:  rect(  )}
.nikolaj {  background-image:  url(baggrund440.jpg); background-repeat: no-repeat; text-decoration: blink; border: medium #000000}
.gennemsigtig {  }
-->
</style>
<script language="JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}
//-->
</script>
<script language="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);
// -->

function MachakFull(Ie,other){
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
    if (navigator.appName=="Netscape"){
    var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
    MachakFull.moveTo(0,0);
    MachakFull.resizeTo(x,y);}
if (navigator.appName=="Microsoft Internet Explorer")
    window.open(Ie,"MachakFull","fullscreen=yes");
    }
    else window.open(other,"sub",'scrollbars=yes');
    }

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#660000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_displayStatusMsg('Designed by Nikolaj Design - www.nikolajdesign.dk');return document.MM_returnValue;MM_preloadImages('knprogram2.jpg','kninfo2.jpg','knwhere2.jpg','knstudent2.jpg','knchat2.jpg','knwhat4.jpg','knlink2.jpg')" background="bbdrak3.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td align="center" valign="middle" height="545" class="gennemsigtig">
      <table width="760" border="1" cellspacing="0" cellpadding="0" height="440" bordercolor="#0000000" bgcolor="#660000" class="nikolaj">
        <tr>
          <td width="736" height="436" valign="top" align="left" class="bg">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="420">
              <!--DWLayoutTable-->
              <tr>
                <td width="7" height="114">&nbsp;</td>
                <td width="185">&nbsp;</td>
                <td width="32">&nbsp;</td>
                <td width="532">&nbsp;</td>
              </tr>
              <tr>
                <td height="34">&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td rowspan="9" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <!--DWLayoutTable-->
                    <tr>
                      <td width="30" height="37">&nbsp;</td>
                      <td width="485">&nbsp;</td>
                      <td width="17">&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="266">&nbsp;</td>
                      <td valign="top"><p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><iframe src="http://google.com" name="ifarme" frameborder="0" width="100%" height="100%"></iframe>
                    <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="54">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="23">&nbsp;</td>
                <td valign="top"><a href="program.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('program','','knprogram2.jpg',1)" target="iframe"><img src="knprogram.jpg" name="program" width="173" height="23" border="0"></a>
                </td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="information.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('info','','kninfo2.jpg',1)" target="iframe"><img src="kninfo.jpg" name="info" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="where.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('where','','knwhere2.jpg',1)" target="iframe"><img src="knwhere.jpg" name="where" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="what.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('what','','knwhat4.jpg',1)" target="iframe"><img src="knwhat3.jpg" name="what" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="students.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('students','','knstudent2.jpg',1)" target="iframe"><img src="knstudents.jpg" name="students" width="173" height="23" border="0"></a></td>
                <td></td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="links.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('link','','knlink2.jpg',1)" target="iframe"><img src="knlink.jpg" name="link" width="173" height="23" border="0"></a></td>
                <td></td>
              </tr>
              <tr>
                <td height="23"></td>
                <td valign="top"><a href="chat.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','knchat2.jpg',1)" target="iframe"><img src="knchat.jpg" name="chat" width="173" height="23" border="0"></a></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="162">&nbsp;</td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <p>&nbsp;</p>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede schaefner Juniormester
08. april 2003 - 23:07 #8
Så må du eventuelt lige rette det til.
Avatar billede schaefner Juniormester
08. april 2003 - 23:09 #9
http://google.com kan du så rette til den fil der skal vises til at starte med.
Avatar billede designz Nybegynder
09. april 2003 - 08:59 #10
Nu er jeg bange for at lyde utaknemmelig - men den indskrevne kode giver en kilometerlang midterframe uden baggrundsbillede og en scrollbox der sidder og flagrer midt i vinduet - jeg kan ihvertfald ikke finde ud af at få det til at ligne noget i nærheden af det havde i forvejen.... kan du hjælpe eller kan man bare ikke lave det jeg gerne vil have?
Avatar billede backside Nybegynder
13. april 2003 - 09:22 #11
Kan du ikke bare bruge det forslag jeg kom med?
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