<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>homepage i ren html og css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
body{
font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #B3AEB5;
/* background-image: url(../img/IMG342-75.jpg); Note:her kan indsættes bg.img*/
background-attachment:fixed;
background-repeat:no-repeat;
background-position: center;
}
a:link {
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #6D8269;
text-decoration: none;
}
a:active {
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #6D8269;
text-decoration: none;
}
a:visited {
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #6D8269;
text-decoration: none;
}
a:hover {
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #AF0020;
text-decoration: none;
}
H1 {
font-size:large;
font-style: normal;
font-weight:bold;
color: Maroon;
margin-top: 4px;
margin-bottom: 4px;
}
H2 {
font-size: medium;
font-style: normal;
font-weight: bold;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
H3 {
font-size: small;
font-style: normal;
font-weight: bolder;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
H4 {
font-size: x-small;
font-style: normal;
font-weight: normal;
color: Black;
margin-top: 10px;
margin-bottom: 4px;
}
H5 {
font-size: x-small;
font-style: normal;
font-weight: normal;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
H6 {
font-size: smaller;
font-style: normal;
font-weight: lighter;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
.border
{
border: solid 1px #6D8269;
}
.left
{
float: left;
}
.right
{
float: right;
}
.scroll
{
overflow: auto;
}
.wrapper
{
width: 770px;
margin:0 auto;
}
.title
{
background-color: #6D8269;
color: #C7E1A7;
font-weight: bolder;
font-size: x-large;
padding: 10px 20px 10px 20px;
}
.title2
{
background-color: #6D8269;
color: #C7E1A7;
font-weight: lighter;
font-size: small;
}
.title3
{
color: Green;
font-weight: bold;
font-size: 18px;
}
.titlemargin
{
margin: 10px 0px 10px 0px;
}
.subtitle
{
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
.content
{
padding: 0px 20px 0px 20px;
font-size: 12px;
color: Black;
padding: 0px;
margin: 0px;
}
.content.padleft
{
padding-left: 180px;
}
.content.padright
{
padding-right: 180px;
}
.sidebar
{
width: 150px;
height: auto;
background-color: #C7CFA7;
color: #C7CFA7;
font-weight: bold;
padding: 10px 0px 5px 0px;
}
.sidebaritem
{
width: 130px;
background-color: #C7E1A7;
color: #6D8269;
border: solid 1px #6D8269;
font-size: 14px;
padding: 2px;
margin-bottom: 3px;
}
.sidebaritem.first
{
margin-top: 10px;
}
.footer
{
background-color: #C7CFA7;
font-size: 10px;
text-align: center;
color: White;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="title titlemargin" style="height: 20px;">
<div style="float: left; margin-left: 120px;">Her er mit Website.dk</div>
</div>
<div class="title2 titlemargin" style="height: 20px;">
<div style="float: left; margin-left: 160px;">....der kan forbedre dit humør og helbred væsentlig</div>
</div>
<div class="sidebar left" align="center" style="clear: both;">
<div class="subtitle">Links</div>
<div class="sidebaritem first"><a href="
http://www.eksperten.dk/spm/619711" title="Spørg eksperterne" target="_blank">Eksperten.dk spm. 619711</a></div>
<div class="sidebaritem"></div>
<div style="width:130px;border:3px solid maroon">
<div style="background-color:maroon;color:white;text-align:center;padding:2px 0px;">Brug website rigtigt</div>
<div style="padding: 10px;"><h4>Her kan der indsætte infobokse om aktuelle ting<p><br>F. eks. hvis der er specielle ting der skal oplyses i forbindelse med den aktuelle side.<br>Boxen afpasser sig efter det indhold der bliver indsat her</h4></div>
</div>
<div style="padding: 10px;"><h4>Der kan selvfølgelig også indsættes info uden box-rammen<p>Spalten højde kan kun afpasses af det indhold der er i den</h4></div>
</div>
<div class="sidebar right" align="center">
<div class="subtitle">Menu</div>
<div class="sidebaritem first"><a href="../index.php" target="_self" title="Startside">Startside</a></div>
<div class="sidebaritem"><a href="../aarstider/marts.php" title="marts-april-maj" target="_self">Forår</a></div>
<div class="sidebaritem"><a href="../aarstider/juni.php" title="juni-juli-august" target="_self">Sommer</a></div>
<div class="sidebaritem"><a href="../aarstider/efteraar.php" title="Efterår" target="_self">Efterår</a></div>
<div class="sidebaritem"><a href="../aarstider/vinter.php" title="december.-januar-februar" target="_self">Vinter</a></div>
<div class="sidebaritem"><a href="../klematis/potte.php" title="Clematis" target="_self">Klematis</a></div>
<div class="sidebaritem"><a href="../roser/roser.php" title="Roser" target="_self">Roser</a></div>
<div class="sidebaritem"><a href="../surbund/surbund.php" title="Surbund" target="_self">Surbund</a></div>
<div class="sidebaritem"><a href="../stauder/stauder.php" title="Stauder" target="_self">Stauder</a></div>
<div class="sidebaritem"><a href="../krukker/krukker.php" title="Krukker" target="_self">Krukker</a></div><div class="sidebaritem"><a href="../gras/gras.php" title="Græsplænen" target="_self">Græsplænen</a></div>
<div class="sidebaritem"><a href="../jord/godning.php" title="Jord-Gødning" target="_self">Jord-Gødning</a></div>
<div class="sidebaritem"><a href="../beskar/beskar.php" title="Beskæring" target="_self">Beskæring</a></div>
<div class="sidebaritem"><a href="../navne/navne.php" title="Sjældne Planter" target="_self">Sjældne Planter</a></div>
<div class="sidebaritem"><a target="#"></a></div>
<div class="sidebaritem"><a href="../info/mig.php" title="Lidt om mig" target="_self">Lidt om mig</a></div>
</div>
<div class="content padleft padright">
<p>
<H2>Website.dk</H2><p>
<H3> Sidst tilføjet</H3>
<p>22-maj-2005 - Layout i html eller php + css<p><br>I den senere tid er der stillet flere spørgsmål her på eksperten vedrørende programering af website uden tabeller, altså i ren html eller php og css.<br>
<p>Og da det nu igen er forsøgt , vil jeg gerne vise at det kan lade sig gøre.<br> Måske er jer bare heldig, eller hvad ?
<p>Når man laver et nyt layout er næsten umuligt at teste alt, der er mange forskellige browsere, skærmopløsninger o.s.v.,så der vil ganske givet være ting, der måske undre dig, og du ikke synes om, derfor vil jeg være glad hvis du finder ting du syntes skal ændres, skriv til mig linket til min mailadr. ligger på
www.visithaven.dk hvor hele website kan ses, eller her på site, klik på ~ibtage~
<p>Visithaven.dk viser aktuelle gøremål i årets måneder. <BR>I menuen til højre er de forskellige grupper der omfatter de ting der normalt vil forekomme i de fleste haver.
<BR> <P>
<p>Visithaven har nu fungeret problemfrit i over 1 år, men har du forslag til ændringer er jeg meget lydhør
<h6>ibtage (Bermann)</H6>
<br><br>
</div><BR>
<div class="footer" style="clear: both;"> Copyright © 2005 visithaven.dk </div>
</div>
</body>
</html>
