Hjælp til formatering af fotosite HTML og Css
Problemet er at jeg ikke kan få vist siden hvor feltet >Flyt musen o.s.v. til toppen under >her er noget tekst.Jeg har lavet en >-- kommentar hvor jeg mener problemet ligger.(linie 218)
WebWriter melder der er 2 flere <div>end </div>
koden skal nok tages ind i editor og previev's for at se problemet..
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>[Ingen titel]</title>
<meta name="Author" content="Ib Bermann">
<style type="text/css" media="screen">
/* Egehøj */
body{
font: 16px Verdana, Arial, Helvetica, sans-serif;
background-image: url(../traeet-tonebred.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position: center;
}
a:link {
font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #83032A;
text-decoration: none;
}
a:visited {
font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #83032A;
text-decoration: none;
}
a:active {
font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #83032A;
text-decoration: none;
}
a:hover {
font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #AF0020;
text-decoration: none;
}
H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:large;
font-weight:bold;
color: Maroon;
margin-top: 4px;
margin-bottom: 4px;
}
H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:small;
font-style: normal;
font-weight: bold;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
H3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
H4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: smaller;
font-style: normal;
font-weight: lighter;
color: Maroon;
margin-top: 10px;
margin-bottom: 4px;
}
.border
{
border: solid 1px #83032A;
}
.left
{
float: left;
}
.right
{
float: right;
}
.scroll
{
overflow: auto;
}
.top
{
color: Black;
font-weight: bold;
font-size: 36px;
padding: 10px 20px 10px 20px;
}
.top1 {
background-color: silver;
border-bottom: 1px solid #000000;
border-top: 1px solid white;
height: 14px;
font-size: 10pt;
font-weight: bold
}
.indhold
{
color: Maroon;
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;
padding: 0px;
margin: 0px;
}
.content.padleft
{
padding-left: 180px;
}
.content.padright
{
padding-right: 180px;
}
.sidebar
{
width: 150px;
background-color: #83032A;
color: #CFACA7;
font-weight: bold;
padding: 10px 0px 5px 0px;
}
.menuitem.first
{
margin-top: 140px;
}
.menuitem
{
width: 130px;
background-color: #F0DCD9;
color: #83032A;
border: solid 1px #CFACA7;
font-size: 14px;
padding: 2px;
margin-bottom: 3px;
}
.footer
{
background-color: Silver;
font-size: 12px;
text-align: center;
}
</style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>interior</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="content-type" content="text/html" >
<script>
function main(image)
{
var x = document.getElementById("mainimage");
x.src = image;
}
</script>
</head>
<body>
<body>
<div class="top" style="padding-bottom: 20px; margin-bottom: 10px;">
<img src="../egehoj.jpg" width="640" height="50" align="bottom" alt=""></div>
<div align="center" class="top1" >Her er noget tekst</div>
<div class="right" style="font-weight: bold;">
<div class="menuitem first"><a href="../index.html">Forsiden</a></div>
<div class="menuitem"><a href="../byg/byg.htm">Bygninger</a></div>
<div class="menuitem"><a href="../ophold/oph.htm">Opholdrum</a></div>
<div class="menuitem"><a href="../resep/res.htm">Reception</a></div>
<div class="menuitem"><a href="../rum-bad/rum.htm">Værelser/Bad</a></div>
</div>
<div class="content padright" style="padding-left: 20px;">
<br><br><br>
<div align="center" class="middle">
<!-- Her mener jeg fejlen er -->
<table width="100%" border="1" bgcolor="#f0f0f0" cellpadding="3">
<TR>
<td> Flyt musen på minibilled for fotogalleri</TD>
</TR>
</TABLE>
<TABLE HEIGHT="200" BORDER="0" ALIGN="center" CELLSPACING="8" CELLPADDING="0">
<tr>
<td width="100%" colspan="3" align="center" valign="top">
<img id="mainimage" src="interi0.JPG" border="0" width="250"/></td>
</tr>
<tr>
<td width="33%" align="center" valign="top">
<img src="interi0.JPG" alt="" border="0" onmouseover="main('interi0.JPG')" width="68" height="51" /></td>
<td width="33%" align="center" valign="top">
<img src="interi1.JPG" alt="" border="0" onmouseover="main('interi1.JPG')" width="68" height="51" /></td>
<td width="34%" align="center" valign="top">
<img src="interi2.jpg" alt="" border="0" onmouseover="main('interi2.jpg')" width="68" height="51" /></td>
</tr>
<tr>
<td width="33%" align="center" valign="top">
<img src="interi3.jpg" alt="" border="0" onmouseover="main('interi3.jpg')" width="68" height="51" /></td>
<td width="33%" align="center" valign="top">
<img src="interi5.JPG" alt="" border="0" onmouseover="main('interi5.JPG')" width="68" height="51" /></td>
<td width="34%" align="center" valign="top">
<img src="interi6.JPG" alt="" border="0" onmouseover="main('interi6.JPG')" width="68" height="51" /></td>
</tr>
</table>
<div class="footer">Copyright © 2004 </div>
</BODY>
</HTML>
