har pønset længe over det her, får en fejl i både firefox og ie.
jeg er på ingen måde haj inden for emnet skulle det ellers siges.
sidens adr. er http://halfleg.dk/v1/index.php
min kode se således ud.
<?php
//Her spørges om der er modtaget en værdi af variablen "ref" i adressen linjen. Hvis det er tilfældet sættes variablen "kategori" til det samme som ref.
if (isset($_GET['ref']))
{ $kategori = ($_GET['ref']);
}
//Hvis scriptet ikke har modtaget "ref" sættes variablen "kategori"
if (!isset($_GET['ref']))
{ $kategori = work;
}
if ( $kategori == work) {
$scrap = legScrap;
$work = legWorkActive;
$contact = legContact;
}
elseif ( $kategori == scrap) {
$scrap = legScrapActive;
$work = legWork;
$contact = legContact;
}
elseif ( $kategori == contact) {
$scrap = legScrap;
$work = legWork;
$contact = legContactActive;
}
?>
<!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" />
<link rel="stylesheet" href="style2.css" type="text/css" media="screen">
<title>Halfleg.dk | <?php echo $kategori; ?></title>
</head>
<body>
<div id="top">
<img src="pic/smush.gif" width="156" height="75" class="left">
<div id="wood">
<a href="" id="radio">
</a>
</div>
</div>
<div class="lineWork">
</div>
<a href="index.php?ref=work" id="<?php echo $work ?>">
</div>
<div class="lineScrap">
</div>
<a href="index.php?ref=scrap" id="<?php echo $scrap ?>">
</a>
<div class="lineContact">
</div>
<a href="index.php?ref=contact" id="<?php echo $contact ?>">
</a>
<div id="brdcontent">
<?php
include("incl/$kategori/index.html")
?>
</div>
<div id="corners">
<img src="pic/topbrdlft.png" class="topbrdlftcorner">
<img src="pic/topbrdrght.png" class="topbrdrghtcorner">
<img src="pic/btmbrdlft.png" class="btmbrdlftcorner">
<img src="pic/btmbrdrght.png" class="btmbrdrghtcorner">
</div>
<div id="brdsides">
<div id="brdtop">
</div>
<div id="brdleft">
</div>
<div id="brdright">
</div>
<div id="brdbottom">
</div>
</div>
</body>
</html>
__
og min css kode.
@charset "utf-8";
/* CSS Document */
body {
background-image: url("pic/wall.gif");
background-color: #fee77b;
color: #fffed4;
font-size: 16px;
margin: 0 0 0 0;
image-border: 0px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
}
h1 {
color: #FFFFFF;
font-size: 18;
text-decoration: none;
}
text {
font-family: Verdana, "Helvetica", Tahoma, Arial;
}
#top {
position: absolute;
width: 100%;
height: 74px;
margin: 0 0 0 0;
background-image: url("pic/bgwall.gif");
}
#brdcontent {
position: absolute;
background-color: #000000;
overflow: auto;
width: 50%;
height: 60%;
margin-left: 43%;
margin-top: 15%;
z-index: 3;
}
#corners {
position: absolute;
width: 50%;
height: 60%;
margin-left: 43%;
margin-top: 15%;
z-index: 2;
}
#brdsides {
position: absolute;
width: 50%;
height: 60%;
margin-left: 43%;
margin-top: 15%;
z-index: 1;
}
#brdtop {
position: absolute;
background-image: url("pic/topbrd.png");
width: 100%;
height: 45px;
display: block;
top: -45px;
}
#brdbottom {
position: absolute;
background-image: url("pic/btmbrd.png");
width: 100%;
height: 45px;
display: block;
bottom: -45px;
}
#brdright {
position: absolute;
background-image: url("pic/brdrght.png");
width: 45px;
height: 100%;
display: block;
right: -45px;
}
#brdleft {
position: absolute;
background-image: url("pic/brdlft.png");
width: 45px;
height: 100%;
display: block;
left: -45px;
}
.topbrdrghtcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
right: -45px;
top: -45px;
}
.topbrdlftcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
left: -45px;
top: -45px;
}
.btmbrdrghtcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
right: -45px;
bottom: -45px;
}
.btmbrdlftcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
left: -45px;
bottom: -45px;
}
#radio {
position: relative;
width: 65px;
height: 40px;
display: block;
float: left;
}
#wood {
position: relative;
background-image: url("pic/wood.png");
width: 450px;
height: 65px;
display: block;
float: right;
}
.right {
position: relative;
float: right;
}
.left {
position: relative;
margin: 0 0 0 0;
float: left;
}
.lineScrap{
position: absolute;
background-image: url("pic/line.png");
height: 70%;
width: 150px;
margin-top: 0px;
margin-left: 15%;
margin-right: auto;
}
#legScrap {
position: absolute;
background-image: url("pic/legScrap.png");
background-repeat: no-repeat;
width: 150px;
height: 355px;
margin-left: 15%;
bottom: 15%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
.lineWork{
position: absolute;
background-image: url("pic/line.png");
background-position: -10px center;
height: 80%;
width: 150px;
margin-top: 0px;
margin-left: 5%;
margin-right: auto;
}
#legWork {
position: absolute;
background-image: url("pic/legWork.png");
background-repeat: no-repeat;
width: 125px;
height: 294px;
margin-left: 5%;
bottom: 5%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
.lineContact{
position: absolute;
background-image: url("pic/line.png");
background-position: 20px center;
height: 80%;
width: 150px;
margin-top: 0px;
margin-left: 25%;
margin-right: auto;
}
#legContact {
position: absolute;
background-image: url("pic/legContact.png");
background-repeat: no-repeat;
width: 125px;
height: 294px;
margin-left: 25%;
bottom: 8%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
#legScrapActive {
position: absolute;
background-image: url("pic/legScrap.png");
background-repeat: no-repeat;
background-position: -217px center;
width: 150px;
height: 355px;
margin-left: 15%;
bottom: 15%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
#legWorkActive {
position: absolute;
background-image: url("pic/legWork.png");
background-repeat: no-repeat;
background-position: -180px center;
width: 125px;
height: 294px;
margin-left: 5%;
bottom: 5%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
#legContactActive {
position: absolute;
background-image: url("pic/legContact.png");
background-repeat: no-repeat;
background-position: -151px center;
width: 125px;
height: 294px;
margin-left: 25%;
bottom: 8%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
tung smøre ved jeg, men ved slet ikke hvor i problemet opstår så ligger det hele med, håber på et god råd.
på forhånd mange tak.
|