linke mellem 2 <div>
Jeg forsøger at lave hele mit design om sådan at al layout kører gennem CSS og alt indhold i html... jeg har derfor oprettet følgende css:body {
background-color: #003;
height: 100%;
width: 100%;
font-family: Papyrus, sans-serif;
text-align: center;
}
#top {
background-color: #ccf;
position: absolute;
width: 75.5%;
height: 8%;
top: 2%;
padding: 0;
margin: 0;
bottom: auto;
left: 12%;
background-image: url("himmel.jpg");
background-repeat:no-repeat;
}
#venstre {
background-color: #ccf;
position: absolute;
width: 10%;
height: 72%;
top: 12.5%;
padding: 0;
margin: 0;
bottom: 14%;
left: 12%;
background-image: url("himmelv.jpg");
background-repeat:no-repeat;
}
#indhold {
background-color: #ccf;
position: absolute;
width: 53%;
height: 72%;
top: 12.5%;
padding: 0;
margin: 0;
left: 23%;
background-image: url("himmeli.jpg");
background-repeat:no-repeat;
}
#hoejre {
background-color: #ccf;
position: absolute;
width: 10%;
height: 72%;
top: 12.5%;
padding: 0;
margin: 0;
left: 76.5%;
background-image: url("himmelh.jpg");
background-repeat:no-repeat;
}
#bund {
position: absolute;
background-color: #003;
width: 75.5%;
height: 10%;
top: 88%;
padding: 0;
margin: 0;
bottom: auto;
left: 10%;
color: #fff;
}
#main {
background-color: #ccf;
position: absolute;
width: 53%;
height: 72%;
top: 12.5%;
padding: 0;
margin: 0;
left: 23%;
background-image: url("himmeli.jpg");
background-repeat:no-repeat;
}
----
Og den tilhørende html-kode:
<html>
<head>
<!-- Minus AutoDato -->
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<link rel="stylesheet" type="text/css" href="style.css">
<base target="main">
</head>
<body>
<div id="top">
<br>
<ul>∼ <a href="forside.html">home</a> ∼ <a href="nyt.html">nyt</a> ∼ <a href="os.html">os</a> ∼ <a href="http://www.rotteri-nefertari.dk" border="0" target="_blank">rotterne</a> ∼ <a href="ilderne.html">ilderne</a> ∼ <a href="galleri.html">galleriet</a> ∼ <a href="huset.html">huset</a> ∼ <a href="links.html">links</a> ∼ <a href="mailto:webmaster@groth-solholm.dk" border="0">kontakt</a> ∼
</ul></div>
<div id="venstre"> ... venstre ... </div>
<div id="indhold"><iframe id="main" name="main" src="forside.html" frameborder="no" ></iframe></div>
<div id="hoejre"> ... højre ... </div>
<div id="bund">© 2006 - Ditte Solholm og Niels Groth Thygesen.<br>Alle billeder og tekster på denne side er beskyttet og må kun benyttes i følge skriftlig aftale.</div>
</body>
</html>
- Det jeg gerne vil vide er hvordan får jeg indholdet fra en html-fil (forside.html) der henvises til i <div>'en "top" og skal vises i <div>'en "indhold"
- Nogen der kan hjælpe mig med hvordan jeg gør det?
På forhånd tak :)
(PS: den nuværende side jeg gerne vil omlægge er www.groth-solholm.dk)