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!
länka in en sida i en div-box?
Re: länka in en sida i en div-box?
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 ? (om du inte vill att man klickar någonstans för att sedan innehållet skall visas i någon annan iframe..?)
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 ? (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...
-
- Posts: 5
- Joined: 2010-01-01 23:13:08
Re: länka in en sida i en div-box?
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!
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!
Re: länka in en sida i en div-box?
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
-
- Posts: 5
- Joined: 2010-01-01 23:13:08
Re: länka in en sida i en div-box?
ö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?
Re: länka in en sida i en div-box?
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:
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.
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>
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
-
- Posts: 5
- Joined: 2010-01-01 23:13:08
Re: länka in en sida i en div-box?
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:
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>
-
- Posts: 5
- Joined: 2010-01-01 23:13:08
Re: länka in en sida i en div-box?
Ingen som vet hur man gör?