Not my site, but trying to help

HTML & CSS
1

This is a website a friend has done, and I am totally lost as to how he put it all together. What annoys me however is the lack of a left margin and how the test buts up against the edge. Can you suggest something that I can offer him.?

http://www.fmdac.org/

2

I wouldn’t worry about trying to work out how it was built. It was done in MS FrontPage, using frames, and both those things are outdated. I’ve never used either, so I’m maybe not the best person to help here. However, he has a page called Who We Are.htm, which is the text that appears on his home page. If he changes the <body> tag near the top of this page to read

<body style="padding-left: 10px;">

that will move the text over a little. (You can adjust the number of pixels for more or less padding.)

Note: This is lousy web design practice and should generally be avoided but I’m just trying to offer a quick fix which will solve the problem without starting the site again from scratch.

3

Site is badly coded. Why not just use wordpress ?

4

An equally good question would be “Why use Wordpress?” :slight_smile:

If you’re going to suggest (as you just have) that the solution is to rebuild the site from scratch, it would be helpful if you would explain why you think that Wordpress is the best way to go for this particular site.

5

Hi Barnum,
From a practical point of view (before the new site is build ;)), you can do this with the index-page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>The FMDAC</title>
</head>

<frameset cols="*,997,*">
	<frame frameborder="0" name="emptyL" style="background: #EAFFE1" noresize src="#" marginwidth="0" marginheight="4" scrolling="auto">
	<frameset rows="126,*,32">
		<frame frameborder="0" name="top" style="padding-top: 10px" scrolling="no" noresize src="http://www.fmdac.org/The%20FMDAC.htm" marginheight="0" marginwidth="0">
		<frameset cols="240,*">
			<frame frameborder="0" name="contents" noresize src="http://www.fmdac.org/TOC.htm" marginwidth="0" marginheight="4" scrolling="auto">
			<frame frameborder="0" name="main" noresize src="http://www.fmdac.org/Who%20We%20Are.htm">
		</frameset>
		<frame frameborder="0" style="border-top: 1px solid #C0C0C0" name="bottom" scrolling="no" noresize src="http://www.fmdac.org/Footer.htm" marginwidth="4" marginheight="4">
	</frameset>
	<frame frameborder="0" name="emptyR" style="background: #EAFFE1" noresize src="#" marginwidth="0" marginheight="4" scrolling="auto">
	<noframes>
		<p>This page uses frames, but your browser doesn't support them.</p>
	</noframes>
</frameset>

</html>

(It’s a long time ago I worked with FrontPage and frames :smiley: )

=====
And you can do this with the [U]www.fmdac.org/TOC.htm[/U] page:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>TOC</title>
<style type="text/css">
body {
	margin: 0;
	background: #CCFFFF;
	font-family: arial, helverica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	}
a img {
	border: 0;
	vertical-align: top;
	}
ul {
	margin: 0;
	padding: 1px 5px;
	list-style: none;
	}
li {
	margin: 0;
	padding: 4px 0;
	background: #CCFFFF;
	}
a {
	padding: 2px 5px;
	text-decoration: none;
	border: 1px solid #000080;
	border-radius: 5px;
	background: #FEFFB9;
	color: #000080;
	display: block;
	box-shadow: 1px 1px #C0C0C0;
	text-shadow: 1px 1px white;
	}
a:hover,
a:focus {
	background: #000080;
	color: #FEFFB9;
	text-shadow: none;
	}
div {
	padding: 10px;
	}
p {
	text-align: center;
}
</style>
</head>

<body>

<ul>
	<li><a target="main" href="http://www.fmdac.org/Who%20We%20Are.htm">HOME</a></li>
	<li><a target="main" href="http://www.fmdac.org/new_information.htm">
	     <img src="http://www.fmdac.org/images/FlashingNEW.gif" width="59" height="33" alt=""></a></li>
	<li><a target="main" href="http://www.fmdac.org/Officers.htm">Officers</a></li>
	<li><a target="main" href="http://www.fmdac.org/Club_Map.htm">FMDAC Member Clubs</a></li>
	<li><a target="main" href="http://www.fmdac.org/Dealer_Map.htm">FMDAC Supporting Dealers</a></li>
	<li><a target="main" href="http://www.fmdac.org/State_Park_Regs.htm">State Park Regulations</a></li>
	<li><a target="main" href="http://www.fmdac.org/Code-of-Ethics.htm">Code of Ethics</a></li>
	<li><a target="main" href="http://www.fmdac.org/Bylaws.htm">Bylaws</a></li>
	<li><a target="main" href="http://www.fmdac.org/How_To_Join.htm">How to Join</a></li>
	<li><a target="_blank" href="http://www.beepanddig.com/forumdisplay.php?39-FMDAC">Forum</a></li>
	<li><a target="main" href="http://www.fmdac.org/links/index.html">Link Exchange</a></li>
	<li><a target="main" href="http://www.fmdac.org/fmdac_news.htm">FMDAC News</a></li>
	<li><a target="main" href="http://www.fmdac.org/hunts_and_events.htm">Hunts &amp; Events</a></li>
	<li><a target="main" href="http://www.fmdac.org/Merchandise.htm">Merchandise</a></li>
	<li><a target="main" href="http://www.fmdac.org/fmdac_travel_service.htm">Travel Service</a></li>
</ul>
<div>
	More Coming Soon . . .
	<p><img src="http://www.fmdac.org/images/f-logo-new.gif" width="105" height="105" alt=""></p>
</div>

</body>
</html>
6

I just realized that I never thanked you for this…I am truly sorry. The last code is terrific and I forwarded it on to the folks responsible for the site. They did not reply and I am sending again. Thank you and sorry for being so rude. Appreciate you.

7

Hi Barnum,
No problem! I had fun in adapting the pages. :slight_smile:
I hope the site-folks will use it.
Note: This is very simple.

Good luck!