Her kan i se mine koder, kan ikke få baggrunden fra forsiden til at ligge på undersiderne, og kan heller ikke få rammer til at følge med på under siderne.
Forside php -
<html>
<head>
<script type="text/javascript" src="CSSnav.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>FreeMaps.dk</title>
<link rel="stylesheet" href="Ramme.css" type="text/css">
</head>
<body>
<!-- hele rammen uden om det hele -->
<div id="Rammeudenomdethele">
<!-- Top rammen til logo og log ind -->
<div id="Rammetop">
<!-- Top ramme til logo -->
<div id="toprammetillogo">
<!-- Top ramme til kode -->
<div id="toprammemedkode">
<!-- Stor ramme -->
<div id="Ramme">
<!-- Menu -->
<?php
include("Menu.php");
?>
<!-- Ramme under menu'en i højre side -->
<div id="rammetilhøjreundermenu">
</div>
</body>
</html>
Forside css.
#rammetilhøjreundermenu{
/* Ramme under menu'en i højre side */
width: 240px;
height: 840px;
margin-left: -500px;
margin-top: -850px;
border-width: thin;
float: right;
background-color: rgba(999, 999, 999, 0.95);
}
#Rammeudenomdethele{
/* Ramme udenom det hele */
width: 1000px;
height: 1100px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
border-width: thin;
background-color: rgba(999, 999, 999, 0.10);
}
#rammetilhøjre{
/* Ramme til højre */
width: 150px;
height: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 300px;
border-width: thin;
background-color: rgba(999, 999, 999, 0.95);
}
#Rammetop{
/* Rammen top */
width: 900px;
height: 80px;
margin-left: auto;
margin-right: auto;
margin-top: 1px;
border-style: solid;
border-width: thin;
float: top;
background-color: rgba(63, 63, 63, 0.95);
}
#toprammetillogo{
/* Ramme til logo */
width: 150px;
height: 80px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
border-width: thin;
float: left;
background-color: rgba(999, 999, 999, 0.95);
}
#toprammemedkode{
/* rammen inde i top ramme til kode */
width: 500px;
height: 50px;
margin-left: auto;
margin-right: -735px;
margin-top: 15px;
border-width: thin;
Float: right;
background-color: rgba(999, 999, 999, 0.95);
}
#Ramme{
/* Rammen midt */
width: 900px;
height: 900px;
margin-left: -385px;
margin-right: auto;
margin-top: 175px;
border-style: Solid;
border-width: thin;
background-color: rgba(63, 63, 63, 0.95);
}
body {
background-image: url(Billeder/sød1.JPG);
background-repeat: no-repeat;
}
#ulnav {
list-style-type: none;
width: 832px;
}
#linav {
float:left;
}
a.nav:LINK, a.nav:visited {
display: block;
width:200px;
font-weight: bold;
color: #FFF;
background-color: #999;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav:hover {
background-color: #CCC;
}
* { /* indstiller hele navens position */
margin:0;
padding:0;
outline:0;
}
.nav {
height:36px;
background:rgba(59, 59, 59, 1); /* Overordnet farve på hele naviagtionsbaren */
color:#fff;
text-shadow:1px 1px #888;
z-index:1000;
}
.menu a {
float:left;
color:#eee; /* Linkfarven */
text-decoration:none;
width:120px; height:28px;
padding-top:8px;
}
.menu span {
float:left;
color:#eee;
text-decoration:none;
width:120px;
height:28px;
padding-top:8px;
}
.menu a:hover {
color:#EF8510 /* Her kan du style den farve selv link teksten skal have når du musen er over den */
}
.menu {
list-style:none;
font:16px Arial,Verdana;
text-align:center;
width:600px;
margin:0 auto
}
.menu li {
position:relative;
float:left;
width:120px;
z-index:1000
}
.menu ul {
display:none;
position:absolute;
font:normal 13px Arial,Verdana;
top:36px;
left:0;
background:rgba(63, 63, 63, 1); /* listefarven uden hover */
display:none;
list-style:none;
}
.menu ul li {
float:none;
border-top:1px solid #ccc;
width:120px
}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
float:none;
display:block;
background:none;
height:22px;
padding-top:5px
}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
background:#518aa6; /* Farven på det udenom linket når man køre musen over det */
color:#EF8510 ; /* Farven på liste tekst linket når man køre musen over det */
}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
float:none;
display:block;
background:none;
height:22px;
padding-top:5px
}
.menu ul ul {
left:120px;
top:0
}
.menu li.noborder {
border-top:none
}
li.menuhover a, li.menuhover li.menuhover a {
color:#fff; /* tekst farven på overordnet menu item */
background:#518aa6 /* Farven på overordnet menu item */
}
Underside php.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="CSSnav.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cs 1.6 Maps</title>
<link rel="stylesheet" href="Ramme.css" type="text/css">
</head>
<body>
<!-- hele rammen uden om det hele -->
<div id="Rammeudenomdethele">
<!-- Top rammen til logo og log ind -->
<div id="Rammetop">
<!-- Top ramme til logo -->
<div id="toprammetillogo">
<!-- Top ramme til kode -->
<div id="toprammemedkode">
<!-- Stor ramme -->
<div id="Ramme">
<!-- Menu -->
<?php
include("Menu.php");
?>
<!-- Ramme under menu'en i højre side -->
<div id="rammetilhøjreundermenu">
</body>
Hvorfor kommer der ikke noget på min underside, nogen der har et forslag ??
Mvh Martin Bøgelund
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
