Lars Madsen wrote in dk.edb.internet.webdesign.html:
>
>
> hvis du nu giver et link til resten af siden så ville det nok være
> nemmere at hjælpe dig.
>
>
Det kører lokalt, men her er .asp'en og .css'en
asp'en:
---------------------------------------------------------
<!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>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="../../styles/podastyleDyr.css" rel="stylesheet"
type="text/css" />
</head><body>
<div id="box1">
<div id="top"><!--#include virtual="include/header.asp"--></div>
</div>
<div id="navn"><!--#include virtual="include/who.asp"--></div>
<div id="box2">
<div id="topMenu">
<table width="100%" border="0" cellspacing="0" cellpadding="0"
align="center" class="TableMenu">
<tr>
<th width="18"> </th>
<th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../default.asp"></a></th>
<th scope="col" class="MenuTH"></th>
<th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/HusHave/default.asp"></a></th>
<th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/Industri/default.asp"></a></th>
<th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/Forhandler/default.asp"></a></th>
<th scope="col" class="MenuTH"></th>
<th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/eshop/default.asp"></a></th>
<th scope="col" class="Language">
<!--#include virtual="include/languages.asp"-->
</th>
</tr>
</table>
</div>
<div id="locator<table width="936" align="center"><tr><th width="880"
align="left" class="locator">Her er du: <a href="#"
class="locatorLink">Poda.dk</a> » <a href="#"
class="locatorLink">Poda.dk</a> » <a href="#"
class="locatorLink">Poda.dk</a> </th><th width="56"
align="left"><a href="javascript:history.back(-1)"
class="locator">« Tilbage</a></th></tr></table></div>
<div id="content"><h1>Poda hegner hundene</h1>
<div id="tekstBoxMenuBilleder">
<a href="../../docs/dyr/defaultHundegaarde.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundegaarde.jpg"
class="menubillede" alt="Hundegårde" /></a>
<a href="../../docs/dyr/defaultHundehuse.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundehuse.jpg"
class="menubillede" alt="hundehuse" /></a><br />
<a href="../../docs/dyr/defaultHundAutoboxe.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundAutoboxe.jpg"
class="menubillede" alt="Autobokse" /></a>
<a href="../../docs/dyr/defaultHundTransportkasser.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundTransportkasser.jpg"
class="menubillede" alt="Transportkasser" /></a>
<br /><br /></div>
<p>Hos Poda finder du et stærkt program i hundegårdselementer.
Hundegårde fra Poda kan sættes sammen i mange kombinationer, og kan
derfor imødekomme ethvert behov. </p><p>Podas modeller i hundehuse er
helårsisolerede og sikrer, at hunden befinder sig behageligt i sit
domicil. </p><p>Sikkerhed under transport er en anden mærkesag hos
Poda. Derfor har vi udvalgt autoboxe, hvor sikkerheden er i top.
</p><p>I vores e-shop kan du bestille produkterne online, og du er
naturligvis velkommen til at kontakte en af vore rådgivere, som kan
vejlede dig om vores produkter til hunde. </p><p>For inspiration samt
vejledning i opsætning og vedligeholdelse af dit Poda hegn, kan du
læse meget mere på <a href="
http://www.hegn.dk"
target="_blank">
www.hegn.dk »</a></p>
<br /><br /><br /></div>
<!--#include virtual="include/footer.asp"-->
</div>
</body>
</html>
---------------------------------------------------------
..css'en:
---------------------------------------------------------
/* CSS Document */
body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
line-height:1.5;
text-align:center;
padding:0;
background-image:url(../images/Grafik/bund/baggrGronFade.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-attachment:scroll;
height:100%;
margin:0 auto;}
h1{
font-size:26px;
color: #000000;
font-weight:normal;
text-decoration:none;}
h2 {font-size:22px;
color: #000000;
font-weight:normal;
text-decoration:none;}
h3 {font-size:16px;
color: #000000;
font-weight:normal;
text-decoration:none;}
h4, h5{
font-size:10px;
color: #000000;
font-weight:normal;
text-decoration:none;}
h6{font-size:9px;
color: #000000;
font-weight:normal;
text-decoration:none;}
hr{
color:#4B711C;
width:98%;}
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:1.5;}
/* div */
#box1 {
width:944px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;}
#box2 {
width:944px;
height:100%;
text-align:left;
margin-left:auto;
margin-right:auto;
min-height:90%;
background-color:transparent;}
#top {
background-image:url(../images/podaLogoForsideTop.jpg);
background-position:right;
background-repeat:no-repeat;
height:110px;
text-align:left;}
#navn {
background-color:#87888A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#FFFFFF;
text-align:right;
padding-right:0px;
padding-left:0px;
height:17px;
width:100%;
vertical-align:middle;}
#topMenu {
height:40px;
text-align:center;}
#topmenu a {
color: #000000;
font-size: small;
font-weight: bold;
text-decoration: none;
padding: 0 20px 0 20px;}
#topmenu a:hover {
color: #FF8000;
border-bottom: 1px solid #008040;}
#locator {
background-image:url(../images/Grafik/baggrund/locator.jpg);
background-position:inherit;
background-repeat:no-repeat;
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;*/
width:944px;
height:20px;}
#content {
background-image:url(../images/Grafik/baggrund/content.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-top:12px;
padding-left:20px;
padding-right:20px;
height:100%;
margin-right:0px;
margin-left:0px;}
#artikelA{
background-color:transparent;
width:100%;
height:auto;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-top:4px;
padding-bottom:12px;
border-bottom-width:1px;
border-bottom-color:#4B711C;}
#artikelB{
background-image:url(../../images/Grafik/baggrund/videMere.png);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
border-left-color:#CCCCCC;
border-left-width:1px;
width:170px;
height:auto;
float:right;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-left:14px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;/*
padding:14px;*/}
#BottomBox{
width: 169px;
height: 69px;
padding-top:1px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.4;}
#botMenu {
position:inherit;
bottom:0;
height: 120px;
text-align: center;
width: 944px;
background-color:transparent;
background-image:url(../images/Grafik/baggrund/bundbagbund.png);
background-position:top;
background-repeat:no-repeat;
font-weight:normal;}
#botMenu a {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;}
#tableBottom{
bottom:8px;}
/* th */
th.locator {
/*background-image:url(../images/Grafik/baggrund/locator.jpg);
background-position:inherit;
background-repeat:no-repeat;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
/*width:944px;
height:20px;*/}
th{
font-size:10px;
color: #FFFFFF;
font-weight:normal;}
th.w3c{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color: #FFFFFF;
font-weight:normal;
text-align:right;
text-decoration:none;}
th.MenuTH{
width:122px;
height:27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
vertical-align:baseline;
padding-top:11px;}
th.Language{
text-align:right;
vertical-align:middle;}
/* table */
table.Bottom{
width:944px;
height:110px;
text-align:center;
font-weight:normal;}
table.TableMenu{
width:944px;
height:40px;
background-image:url(../images/Grafik/menu/menuTopDyr.jpg);
background-position:top;
background-repeat:no-repeat;}
table.BottomContent{
width:100%;
text-align:center;
font-weight:normal;}
/* a */
a.tekstLink{
border-bottom: 1px dotted #4B711C;
text-decoration:none;
color:#000000;}
a.tekstLink:hover{
border-bottom: 1px dashed #4B711C;
text-decoration:none;
color:#000000;}
a.locatorLink{
border-bottom: 1px dotted #FFFFFF;
text-decoration:none;
color:#FFFFFF;}
a.locatorLink:hover{
border-bottom: 1px dashed #FFFFFF;
text-decoration:none;
color:#FFFFFF;}
a.FaneBlad:link,a.FaneBlad:visited,a.FaneBlad:active,a.FaneBlad:hover{
display:block;
width:121px;
height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;}
a.BottomBoxForhandler:link,a.BottomBoxForhandler:visited,a.BottomBoxFo
rhandler:active,a.BottomBoxForhandler:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_Forhandler.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}
a.BottomBoxKatalog:link,a.BottomBoxKatalog:visited,a.BottomBoxKatalog:
active,a.BottomBoxKatalog:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_katalog.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}
a.BottomBoxKonkurrence:link,a.BottomBoxKonkurrence:visited,a.BottomBox
Konkurrence:active,a.BottomBoxKonkurrence:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_Konkurrence.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}
a.BottomBoxNyheder:link,a.BottomBoxNyheder:visited,a.BottomBoxNyheder:
active,a.BottomBoxNyheder:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_Nyheder.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}
a.BottomBoxEshop:link,a.BottomBoxEshop:visited,a.BottomBoxEshop:active
,a.BottomBoxEshop:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_eShop.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}
/* formularer */
input.search{
height:16px;
background-color:#FFFFFF;
border-bottom:1px;
border-bottom-color:#d3d3d3;
border-left:1px;
border-left-color:#d3d3d3;
border-right:1px;
border-right-color:#d3d3d3;
border-top:1px;
border-top-color:#d3d3d3;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;}
input.videMere{
height:16px;
background-color:#FFFFFF;
border-bottom:1px;
border-bottom-color:#d3d3d3;
border-left:1px;
border-left-color:#d3d3d3;
border-right:1px;
border-right-color:#d3d3d3;
border-top:1px;
border-top-color:#d3d3d3;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;}
button.search{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-family:verdana,helvetica,sans-serif;
font-size:9px;
font-weight:normal;}
button.videMere{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-family:verdana,helvetica,sans-serif;
font-size:9px;
font-weight:normal;}
input.Footer{
height:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;}
button.Footer{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-family:verdana,helvetica,sans-serif;
font-size:9px;
font-weight:normal;}
/* Billeder */
img.flag{
border:none;}
img.menubillede{
border-bottom:3px;
border: solid #FFFFFF;
margin:3px;}
img.industriBillede{
float:right;
border-right:12px;
border:solid #FFFFFF;
margin:3px;}
---------------------------------------------------------
Håber det ....
\ Kapunen
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials