Du skal bruge noget der hedder include. Til det skal du have fat i et server side scriptsprog. Du kan fx bruge PHP, SSI eller ASP.NET.
<-- Vil det sige, at jeg skal bruge et program, eller at jeg også kan gøre det i notesblok?
Sådan gør du i PHP:
Lav en fil som hedder top.php, og som indeholder toppen af siden (<html><head></head><body>
og din menu.
<-- toppen af siden og min menu..? Altså, i html, css eller.. hvordan?
Måske er jeg bare for uerfaren.. :/ Hvis toppen bare er "<html><head></head>", så ved jeg det jo godt, men hvordan skal min menu se ud?
Jeg har det her stylesæt:
<style type="text/css" media="screen">
<!--
body {
background-color:silver;
background-image:url(greyback.jpg);
background-repeat:repeat;
background-attachment:fixed;
font-family:arial,sans-serif;
}
#banner h1 {
background-color:white;
border-style:solid;
border-color:black;
border-width:1px 2px 2px 1px;
padding-left:200px;
padding-top:10px;
padding-bottom:10px;
}
h1 {font-size:24px;}
#indhold {
margin:10px 170px 10px 190px;
border-style:solid;
border-color:black;
border-width:1px 2px 2px 1px;
background:white;
min-width:500px;
font-size:90%;
}
#indhold h1, #indhold p, #indhold pre {
margin:10px;
}
#leftcol {
width:170px;
float:left;
}
#leftcol p {
margin:0 10px .5em 10px
}
.leftbox {
width:170px;
float:left;
background:white;
border-style:solid;
border-color:black;
border-width:1px 2px 2px 1px;
margin:0 0 10px 0;
}
.leftbox p {
font-size:85%;
margin:10px;
}
#rightcol {
position:absolute;
right:10px;
width:150px;
top:85px
}
.rightbox {
width:150px;
background:white;
border-style:solid;
border-color:black;
border-width:1px 2px 2px 1px;
}
.rightbox p {
font-size:90%;
margin:10px;
}
h4 {
font-size:90%;
margin:0;
padding:5px 10px;
background-color:#f90;
border-bottom:1px solid black;
}
address {
background:white;
border-style:solid;
border-color:black;
border-width:1px 2px 2px 1px;
margin:10px;
padding:5px 0 5px 180px;
font-style:normal;font-size:90%;font-weight:bold;}
address a {font-size:85%;}
.manchet {
background:white;
border:1px solid black;
margin-left:10px;
margin-right:15px;
}
div#leftcol a {
display:block;
margin-bottom:3px;
font-weight:bold;
}
li {margin-right:10px;}
-->
</style>
Men kan jeg overhovedet bruge det i denne sammenhæng?
Lav nu alle dine sider i .php filer, som indeholder følgende:
<?php require 'top.php'; ?>
<h1>dit indhold her</h1>
<p>Her skal indholdet af din side stå</p>
<?php require 'bund.php'; ?>
<-- Vil det sige, at jeg kun skal skrive det (og så ændre det, du har skrevet med "dit indhold her" og "her skal indholdet af din side stå"), og ikke noget <html> osv.?
Desuden har jeg det her, som vist hænger sammen med det stylesæt, jeg har skrevet ovenover:
<div id="banner">
<h1>Banner</h1>
</div>
<div id="leftcol">
<div class="leftbox">
<h4>Kursusweb</h4>
[ Menu ]
</div>
<div class="leftbox">
<h4>Overskrift 1</h4>
[ Nyhedstekst 1 ]
</div>
<div class="leftbox">
<h4>Overskrift 2</h4>
[ Nyhedstekst 2 ]
</div>
</div>
<div id="indhold">
<h1>3 kolonner med flydende midte</h1>
<div class="manchet">
[ Manchet indhold ]
</div>
[ Indhold ]
</div>
<div id="rightcol">
<div class="rightbox">
<h4>I denne sektion:</h4>
[ Undermenu ]
</div>
</div>
<div id="footer">
<address>
[ Footer indhold ]
</address>
</div>Undskyld, jeg ikke fatter noget
Janne