Avatar billede delakuer Nybegynder
17. januar 2010 - 15:40 Der er 16 kommentarer og
1 løsning

Frames på en eksisterende side

Hejsa eksperter!

Jeg har ikke rodet i hjemmesider i laaaang tid, men tænkte det kunne være sjovt at prøve igen. Godt nok er det bare på et intranet, men det er jo ligegyldigt.

Jeg har en eksisterende side som jeg har redigeret i osv. men kom så i tanke om at der skal jo laves frames. Det skal bare laves en frame som center, hvor jeg kan sætte en ny eller andet eksisterende dokument ind. Jeg bruger dreamweaver til at gøre det med, men har prøvet i noget tid nu, og kan simepelthen ikke finde ud af det. Enten mangler jeg en som vil for point, modtage filerne og sende tilbage igen med frames hvor det virker, eller en som kan guide mig præcis hvad det er jeg skal gøre. Vil give op til 200 point afhængig af hvad der gøres

Mvh

//Dela
Avatar billede leins Nybegynder
17. januar 2010 - 15:45 #1
<html>
<body>

<table width=100% border="0"  CELLSPACING="0" cellpadding="0">

<tr>
<td>
<p align="center">   
<iframe name="textbox"
scrolling="no"
FRAMEBORDER="0"
border="0"
width="660"
height="640"
src="http://www.infosport.dk/cgi-bin/MMS.dhf/stilling_print.hms?pu=P078441&fb=SHF&rk=U%2D14+Pige+AA&pnavn=pulje%2005&detail=0">
      </iframe></p>



</td>
</tr>
</table>

</body>
</html>


blot ændre http til din side
Avatar billede Slettet bruger
17. januar 2010 - 15:48 #2
Frames bruges ikke mere på moderne sider, da de har nogle bivirkninger på søgemaskineoptimering, og desuden gør det umuligt for brugeren at bogmærke siden.

I stedet bruges div's, en slags kasser som vha. CSS kan placeres på siden. Under Dreamweaver kan du se et eksempel på dette ved at vælge "1 column fixed, centered" under Layout. (Min version er på engelsk, så navnene kan være anderledes hos dig.)

Ønske du alligevel at bruge frames kan Dreamweaver også det. Et eksempel kan ses ved at vælge "Page from Sample" under oprettelsen af et nyt dokument, og så kigge i mappen Frameset.
Avatar billede claes57 Ekspert
17. januar 2010 - 15:48 #3
der, hvor iframen skal være sætter du denne kode ind
<iframe src='intro.htm' name='datafelt' id='datafelt' scroll='no' width='400' height='250' marginwidth='1' marginheight='1' frameborder='0' align='default'></iframe>

så viser den siden intro.htm i iframen.
en menu til at skifte indhold laves fx med link som
<a href="#" onClick="document.getElementById('datafelt').src = 'intro.htm'">Velkommen</a>
Avatar billede delakuer Nybegynder
17. januar 2010 - 15:49 #4
Jamen hjemmesiden er jo "færdig" der er menu og alt hvad nu end der skal være. Hvordan sætter jeg så en frame ind i midten af siden, hvor der lige nu er indhold, det skal bare fjerne og indsættes på en ny side og så ind i en frame. Hvordan indsætter jeg den præcis der? Skal jeg sætte mine kode ind her på siden så du kan se den?
Avatar billede Slettet bruger
17. januar 2010 - 15:50 #5
#1, det var da noget frygteligt juks. Lad være med at smide dårlig kode i nakken på folk.
Avatar billede Slettet bruger
17. januar 2010 - 15:51 #6
#3, meget bedre.
Avatar billede delakuer Nybegynder
17. januar 2010 - 15:53 #7
Som sagt er det længe siden ;) Men behøver ikke bruge frames, skal bare ha så det virker ;) Det mest optimale ville være hvis det var muligt for mig at sende filen til en, og så den bliver sendt tilbage. Kan godt gi mere end de 200 point hvis det er. Har en css styles fil til også.
Avatar billede Slettet bruger
17. januar 2010 - 16:23 #8
Du må hverken give mere end 200 point, eller give point hvis opgaven bliver løst uden om Eksperten.dk
Skal vi ikke bare prøve at løse det her?
Avatar billede delakuer Nybegynder
17. januar 2010 - 16:37 #9
Jo det kan vi godt. Skal jeg prøve at indsætte koden til min index.html?
Avatar billede Slettet bruger
17. januar 2010 - 17:17 #10
Gerne. Hvis du eventuelt kunne proppe den ind mellem et [.div] og et [./div] tag (minus punktummer), ville det blive lettere at kigge på.
Avatar billede delakuer Nybegynder
17. januar 2010 - 17:23 #11
[.div]<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dekudulihva.dk</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
<!--
.style1 {
    font-size: 12px;
    font-weight: bold;
}
-->
</style>
</head>

<body>

<div id="container">

<div id="header">

<div id="logo">
<a href="">dukudulihva.dk</a>
</div>

<div id="menu">
<a href="#">Forside</a> &nbsp; &nbsp; &nbsp; <a href="#">Film</a> &nbsp; &nbsp; &nbsp; <a href="#">Andre Projekter</a> &nbsp; &nbsp; &nbsp; <a href="#">Kontakt</a>
</div>

</div>

<div id="main">

<div id="left"></div>

<div id="right">

<div class="block">
  <h2>Fantastiske 4 Silver Surfer<img alt="" src="images/pic5.jpg" class="img_right"/></h2>
  <p>Har ikke så meget på hjertet, med meget lidt at fortælle. Men hvis du  bare har brug for en film hvor du ikke skal tænke så meget, er det her  filmen du skal se. Skuespilsmæssigt er filmen også meget middel. De gør  hvad de kan, med manuskriptet, men kan aldrig rigtig give den fuldt ud.<br>
Selvom Fantastic 4 filmene prøver... <a href="index.html">Læs mere</a><br/>
    <br/>
    <img alt="" src="images/separator.gif"/>
    <br/>   
    <span class="style1">    Batman The Dark Knight</span><br/>
    <img alt="" src="images/pic6.jpg" class="img_right"/><br/>
    <br/>
    I the Dark Knight fortsættes historien om Batman, der efterhånden har  fået ryddet godt op I Gotham City. Selv den hårdeste kriminalitet,  mafiaen, er bange for Batman. Derfor øjner han chancen for en tidlig  pension, da den ultrarene stats-anklager Harvey Dent (<a href="http://www.imdb.com/name/nm0001173/">Aaron Eckhart</a>) kommer ind i billedet. Sammen med politikommissær (<a href="http://www.imdb.com/name/nm0000198/">Gary Oldman</a>) skal der bare lige ryddes op i mafiaens sidste lyssky forretninger... <a href="index.html">Læs mere</a><br/>
    <br/>
  </p>
</div>

</div>

<div class="clear"></div>

</div>

<div id="footer">
&copy; Copyright 2009 detkudulihva.dk &nbsp;<span class="separator">|</span>&nbsp;</div>

</html>
[./div]
Avatar billede delakuer Nybegynder
17. januar 2010 - 17:57 #12
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dekudulihva.dk</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
<!--
.style1 {
    font-size: 12px;
    font-weight: bold;
}
-->
</style>
</head>

<body>

<div id="container">

<div id="header">

<div id="logo">
<a href="">dukudulihva.dk</a>
</div>

<div id="menu">
<a href="#">Forside</a> &nbsp; &nbsp; &nbsp; <a href="#">Film</a> &nbsp; &nbsp; &nbsp; <a href="#">Andre Projekter</a> &nbsp; &nbsp; &nbsp; <a href="#">Kontakt</a>
</div>

</div>

<div id="main">

<div id="left"></div>

<div id="right">

<div class="block">
  <h2>Fantastiske 4 Silver Surfer<img alt="" src="images/pic5.jpg" class="img_right"/></h2>
  <p>Har ikke så meget på hjertet, med meget lidt at fortælle. Men hvis du  bare har brug for en film hvor du ikke skal tænke så meget, er det her  filmen du skal se. Skuespilsmæssigt er filmen også meget middel. De gør  hvad de kan, med manuskriptet, men kan aldrig rigtig give den fuldt ud.<br>
Selvom Fantastic 4 filmene prøver... <a href="index.html">Læs mere</a><br/>
    <br/>
    <img alt="" src="images/separator.gif"/>
    <br/> 
    <span class="style1">    Batman The Dark Knight</span><br/>
    <img alt="" src="images/pic6.jpg" class="img_right"/><br/>
    <br/>
    I the Dark Knight fortsættes historien om Batman, der efterhånden har  fået ryddet godt op I Gotham City. Selv den hårdeste kriminalitet,  mafiaen, er bange for Batman. Derfor øjner han chancen for en tidlig  pension, da den ultrarene stats-anklager Harvey Dent (<a href="http://www.imdb.com/name/nm0001173/">Aaron Eckhart</a>) kommer ind i billedet. Sammen med politikommissær (<a href="http://www.imdb.com/name/nm0000198/">Gary Oldman</a>) skal der bare lige ryddes op i mafiaens sidste lyssky forretninger... <a href="index.html">Læs mere</a><br/>
    <br/>
  </p>
</div>

</div>

<div class="clear"></div>

</div>

<div id="footer">
&copy; Copyright 2009 detkudulihva.dk &nbsp;<span class="separator">|</span>&nbsp;</div>

</html>
Avatar billede Slettet bruger
17. januar 2010 - 18:05 #13
Et eksempel på hvad du ønsker:

index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dekudulihva.dk</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
<!--
.style1 {
    font-size: 12px;
    font-weight: bold;
}
-->
</style>
</head>

<body>

<div id="container">

<div id="header">

<div id="logo">
<a href="">dukudulihva.dk</a>
</div>

<div id="menu">
<a href="forside.html" onClick="document.getElementById('iframe').src = 'forside.html'; return false">Forside</a>       <a href="#">Film</a>       <a href="#">Andre Projekter</a>       <a href="#">Kontakt</a>
</div>

</div>

<div id="main">

<div id="left"></div>

<div id="right">

<div class="block">
<iframe src='forside.html' id='iframe' width='100%' height='500px' frameborder='0'>Din browser understytter ikke frames. Se i stedet <a src="forside.html">siden uden frames</a></iframe>
</div>

</div>

<div class="clear"></div>

</div>

<div id="footer">
© Copyright 2009 detkudulihva.dk  <span class="separator">|</span> </div>
</body>
</html>


forside.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dekudulihva.dk</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
<!--
.style1 {
    font-size: 12px;
    font-weight: bold;
}
-->
</style>
</head>

<body>
  <h2>Fantastiske 4 Silver Surfer<img alt="" src="images/pic5.jpg" class="img_right"/></h2>
  <p>Har ikke så meget på hjertet, med meget lidt at fortælle. Men hvis du  bare har brug for en film hvor du ikke skal tænke så meget, er det her  filmen du skal se. Skuespilsmæssigt er filmen også meget middel. De gør  hvad de kan, med manuskriptet, men kan aldrig rigtig give den fuldt ud.<br>
Selvom Fantastic 4 filmene prøver... <a href="index.html">Læs mere</a><br/>
    <br/>
    <img alt="" src="images/separator.gif"/>
    <br/> 
    <span class="style1">    Batman The Dark Knight</span><br/>
    <img alt="" src="images/pic6.jpg" class="img_right"/><br/>
    <br/>
    I the Dark Knight fortsættes historien om Batman, der efterhånden har  fået ryddet godt op I Gotham City. Selv den hårdeste kriminalitet,  mafiaen, er bange for Batman. Derfor øjner han chancen for en tidlig  pension, da den ultrarene stats-anklager Harvey Dent (<a href="http://www.imdb.com/name/nm0001173/">Aaron Eckhart</a>) kommer ind i billedet. Sammen med politikommissær (<a href="http://www.imdb.com/name/nm0000198/">Gary Oldman</a>) skal der bare lige ryddes op i mafiaens sidste lyssky forretninger... <a href="index.html">Læs mere</a><br/>
    <br/>
  </p>
  </body>
</html>
Avatar billede delakuer Nybegynder
17. januar 2010 - 18:43 #14
Ikke på den måde. Den menu som du har lagt som "forside" den skal bare blive hvor den er, den skal der ikke pilles ved. Det er resten. Altså center(venstre side) af index som skal laves om.
Avatar billede Slettet bruger
17. januar 2010 - 18:48 #15
Er du ikke selv i stand til at ændre det efter mit eksempel?
Det er vel bare at flytte iframe-tag'et, og så lægge den originale tekst tilbage på plads.
Avatar billede delakuer Nybegynder
17. januar 2010 - 19:36 #16
Jo ;) Selvfølgelig, har jeg også gjort nu... Giv et svar
Avatar billede Slettet bruger
17. januar 2010 - 19:51 #17
Gerne, kommer her.
Jeg er glad for at du kom frem til en løsning :)
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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