länka in en sida i en div-box?

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
Pokerfettot
Posts: 5
Joined: 2010-01-01 23:13:08

länka in en sida i en div-box?

Post by Pokerfettot »

Håller på att försöka skapa en sida och vill inte använda frames utan istället CSS.

Sidan:

http://dissa.nu/test/test.html

Css-filen:

http://dissa.nu/test/test.css

Vill nu lägga in en html-sida i varje div-box precis som man brukar göra när man använder frames.

Man ska tydligen kunna göra detta med iframe?

Hjälp skulle verkligen uppskattas! ;)
User avatar
walliski
Posts: 1432
Joined: 2005-07-15 16:30:21
Location: Finland

Re: länka in en sida i en div-box?

Post by walliski »

Jag vet inte riktigt om jag kan detta till 100%, gör ett försök..

Du har CSS stilmall både skilt och i html dokumentet, vire det inte enklare att ha allt på samma ställe?

Varför vill du ha in html sidor i divarna? Kan du inte helt enkelt koda dit sidorna :P ? (om du inte vill att man klickar någonstans för att sedan innehållet skall visas i någon annan iframe..?)
Här var det tomt...
Pokerfettot
Posts: 5
Joined: 2010-01-01 23:13:08

Re: länka in en sida i en div-box?

Post by Pokerfettot »

Ojdå, jo stilmallen finns i html-filen, glömde det. css-filen är onödig som det e nu.

Alltså, jag vill lägga in en wordpressblog i main-fönstret. Sedan vill jag ha annonser i de andra fönsterna....

vill att ex mainfönstret skall vara tex http://www.exempel.se/blogg/index.php

Tack för hjälpen! :)
User avatar
Raspberry
Posts: 1808
Joined: 2006-06-16 19:51:58

Re: länka in en sida i en div-box?

Post by Raspberry »

http://www.exempel.se/blogg/index.php wrote:The page cannot be found

The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.
Win7 Ulti x64 | 22" Wide | E8400@3.0GHz | 4GB | HD4850 | Raptor 34GB; Spinpoint F3 1TB; My Book Essential 1TB; My Passport Essential 250 GB; Barracuda 750 GB
Pokerfettot
Posts: 5
Joined: 2010-01-01 23:13:08

Re: länka in en sida i en div-box?

Post by Pokerfettot »

öhh det var bara ett exempel alltså, ta vilken sida som helst som ska in i en av mina div-boxar, hur åstadkommer jag det?
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Re: länka in en sida i en div-box?

Post by madr »

Ajax, eller snarare JavaScript.

Eller också använder du dig av Server Side Includes:
http://sv.wikipedia.org/wiki/Server_Side_Includes

Där skapar du upp något liknande detta:

Code: Select all

<html>
  <head>
    ...
  </head>
  <body>
    <!--#include virtual="header.html" -->

    <div id="content">
        unikt innehåll går här...
    </div>

    <!--#include virtual="ads.html" -->
    <!--#include virtual="footer.html" -->
  </body>
</html>
I filerna lägger du HTML som ska finnas på alla "sidor". Annonskod, menyer, Google Analytics ... sånt.

Går även att göra med t ex PHP, men om det bara är includes som efterfrågas ska SSI räcka gott.
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
Pokerfettot
Posts: 5
Joined: 2010-01-01 23:13:08

Re: länka in en sida i en div-box?

Post by Pokerfettot »

Tack för hjälpen! :)

Skulle vilja lägga in http://www.dissa.nu/dissa/index.php i main-elementet.

Sen är det en sak till jag inte får att funka, vill att elementet left_ad2 ska komma under left_ad precis som jag lyckats med på höger sida.

Och sen så kommer inte bottom_ad under main utan den kommer bakom :-/

Vore oändligt tacksam om nån kunde ändra den befintliga koden så att dessa saker funkar.

Länk till sidan: http://dissa.nu/test/test.html

Och så här ser koden ut till den:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD profile="http://gmpg.org/xfn/11"><META http-equiv="Content-Type" content="text/html; charset=UTF-8">



<html>
<head>
<title>Test</title>

<style type="text/css">

body {
	font: 80%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background: gray;
	margin: 0px;
	padding: 0px;
}

#centreringsbox {width: 1123px; height: 600px; margin-right: auto; margin-left: auto; border: 0px solid black; background: none;}





#top_ad {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	background: white;
	width: 800px;
	height: 70px;
	border: 1px solid black;
	}

#left_ad {
	margin-left: 5px;
	background: white;
	width: 150px;
	height: 500px;
	float: left;
	border: 1px solid black;
	}

#left_ad2 {
	margin-top: auto;
	margin-left: 5px;
	background: white;
	width: 150px;
	height: 500px;
	float: left;
	border: 1px solid black;
	}


#main {
	margin-left: 5px;
	background: white;
	width: 500px;
	height: auto;
	border: 1px solid black;
	float: left;
	}

#right_ad {
	margin-left: 5px;
	margin-right: auto;
	background: white;
	width: 150px;
	height: 500px;
	float: left;
	border: 1px solid black;
	}

#right_ad2 {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: auto;
	background: white;
	width: 150px;
	height: 500px;
	float: left;
	border: 1px solid black;
	}

#right_ad3 {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: auto;
	background: white;
	width: 150px;
	height: 500px;
	float: left;
	border: 1px solid black;
	}

#bottom_ad {
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	background: white;
	width: 800px;
	height: 70px;
	border: 1px solid black;
	}




</style>
</head>

<body>

<div id="top_ad">top_ad</div>

<div id="centreringsbox">

<div id="left_ad">left_ad</div>

<div id="left_ad2">left_ad2</div>

<div id="main">
<p><img src="testing.jpg"></p>
<p><img src="testing.jpg"></p>
<p><img src="testing.jpg"></p>
<p><img src="testing.jpg"></p>
</div>

<div id="right_ad">right_ad</div>

<div id="right_ad2">right_ad2</div>

<div id="right_ad3">right_ad3</div>

</div><!-- centrering -->

<div id="bottom_ad">bottom_ad</div>





</body>
</html>
Pokerfettot
Posts: 5
Joined: 2010-01-01 23:13:08

Re: länka in en sida i en div-box?

Post by Pokerfettot »

Ingen som vet hur man gör? :(
Post Reply