Barnum,
The attached code replaces the top 225 lines of your page ENTIRELY.
To insert it, delete EVERYTHING above <div id="wrap"> and replace it with the attached code.
Carry out this change on a *backup* copy of your page, then test to see if it works as desired before committing to it.
The changes made are not as dramatic as it sounds, but I combined a number of near-duplicate rules. It is easier to just replace the entire block rather than describe each of the little items.
I did not touch the list code. Just the body, table, img and anchor code.
The reason Paul's code did not help may well be because later css code further down the page overrode his code.
There are plenty of opportunities for further improvements in the HTML section, but this should fix the table-caption spacing problem and make further CSS changes more predictable/reliable.
Please let us know if this works for you.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="keywords" content="Coinhunting, Dick Stout, Metal Detecting, FMDAC, Treasure Hunting">
<title>Malamute</title>
<style type="text/css">
body {
background-color:#DEB887;
font-family: Verdana, impress, sans-serif;
margin-left:100px;
margin-right:100px;
}
h1 {font-size:25px;}
h2 {font-size:35px;}
h3 {font-size:30px;}
h4 {font-size:40px;}
h5 {font-size:20px;}
h6 {font-size:15px;}
h7 {font-size:19;}
text {font-weight: bold;}
p:first-letter {
font-size: large;
color: black;
}
table {
border 1px solid black;
border-spacing:2px 0; /* ADDED */
margin:10px auto; /* CHANGED */
padding:10px;
}
th {
border 1px solid black;
}
td {
padding:0 10px; /* CHANGED */
}
img {
border:4px solid black;
padding:0px;
margin:0px 10px; /* CHANGED */
}
.flag-pic {
border: none;
}
ul {
list-style-type: none;
line-height: 1.5em;
}
#navbar {
margin: 0;
padding: 0;
height: 1em;
}
#navbar li {
list-style: none;
float: left;
}
#navbar li a {
display: block;
padding: 3px;
background-color: #DEB887;
color: #000;
text-decoration: none;
}
#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color:#69f;
}
#navbar li:hover ul,
#navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
}
#navbar li:hover li,
#navbar li.hover li {
float: none;
}
#navbar li:hover li a,
#navbar li.hover li a {
background-color: #F5DEB3;
border-bottom: 1px solid #fff;
color: #000;
}
#navbar li a:hover {
background-color: #8db3ff;
}
a:link,
a:visited {
color:blue;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
color:red;
}
</style>
<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19821548-1']); _gaq.push(['_trackPageview']); (function()
{ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ?
'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
</head>
<body>
Reply With Quote
Originally Posted by Barnum
Bookmarks