Hi Catherine,
I've looked at the code on your server which is a lot longer than what you quote above - your example is missing the all important <head> <body> etc tags.
What I found is that those tags were in the wrong position and the CSS code you are using appears to be incorrect - I'm not a CSS guru, just learning like you, but I seemed to get better results by changing the CSS entries with a # to a .
Also, you have some remnants of Microsoft Word lurking around - which is why Word and HTML development don't mix. This line in particular, as Poirot would say "offends the eye":
<META content="MSHTML 6.00.2900.2604" name=GENERATOR>
I also removed a lot of the CSS styling from the text you had - it's best to start getting the structure right before getting the look and feel the way you want it.
One point in passing, the CSS mentions fonts name I have never heard off - beware using non-standard fonts as not all your visitors will have the same as yours - I'd stick with standard ones and use non-standards ones into graphics.
I have uploaded a sample of the modified code to one my domain names - see it here:
www.ptalink.net/test - is that the layout you're looking for (ignore the errors about the images, it's normal).
The actual code from DW is as follows:
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html
<HEAD<TITLE>French Forays Home Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>
<!--
.headline {
font-family: "Arnold Böcklin Std";
font-size: 36px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #660033;
}
.subhead {
font-family: "Eras Ultra ITC";
font-size: 20px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.bodytext {
font-family: "Eras Demi ITC";
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
oval {
float: right;
margin-top: 12em;
margin-right: 12em;
margin-bottom: 12em;
margin-left: 12em;
}
.crossheads {
font-family: "Eras Demi ITC";
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.jurapicrunround {
float: left;
margin: 3px;
}
.crossheadtitle {
font-family: "Arnold Böcklin Std";
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #660033;
}
.bodytextcolour {
font-family: "Eras Demi ITC";
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #660033;
}
.ovalrunaround {
float: right;
}
-->
</STYLE>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>
</head>
<body>
<div align="center" style="z-index: 9000; margin-bottom: 10px;">
<DIV class=navbar align="center">
<p><IMG height=67 src="http://pictureburgundy.bravehost.com/logos_schematics_treated_pix/lozengeheaderslice.jpg" width=700>
<br>
<SPAN class=headline> Picture Burgundy</SPAN>
</p>
<p><SPAN class=subhead>Painting, Wine Tasting, Walking, Shopping, Antique-Hunting. </SPAN>
</p>
</DIV>
<SPAN class=bodytextcolour>Discover diverse landscapes, timber-framed houses, ancient vineyards and warm, hospitable people.
If you are seeking a holiday to paint, enjoy wine, search for French antiquities or explore this facinating region by car,
bike or foot, this is the location for you.</SPAN>
<P align=center><IMG height=133 src="http://pictureburgundy.bravehost.com/photos/herrison.jpg" width=100>
<IMG height=127 src="http://pictureburgundy.bravehost.com/photos/rosay.jpg" width=348>
<IMG height=133 src="http://pictureburgundy.bravehost.com/photos/louhans.jpg" width=100></P>
<DIV id=image>
<P align="left"><SPAN class=subhead>Your destination</SPAN>
<P align="left"><SPAN class=bodytext>Your holiday destination is Bresse in South Burgundy bordering the foothills of the Jura.
</span>
</div>
<P align="left"><SPAN class=bodytext>Our home, Les Lavandes, is an 18th century farmhouse where cream coloured charollais cattle graze
in the surrounding fields. <img src="http://pictureburgundy.bravehost.com/ovalairbrushedhdb.jpg" class="ovalrunaround">It is constructed in a classical timber framed </SPAN><SPAN class=bodytext>Bresse style with abundant beams and a traditional low pitch roof. </SPAN></P>
</DIV>
<P><SPAN class=bodytext>
<DIV id=juraim>
<P class=bodytext>Les Lavandes offers space to be able to relax and enjoy open
views across to the Jura. It is the ideal starting place to discover both
Burgundy and the gateway to Switzerland. </P>
<P class=bodytext>Les Lavandes itself <IMG src="http://pictureburgundy.bravehost.com/jura.jpg" class="jurapicrunround"> has
one double room with separate private bathroom and entrance. We offer guests a choice of bed and breakfast accommodation in local villages.
All rooms selected have en suite facilities and are of a highstandard. </P>
</DIV>
<DIV class=photo></DIV><SPAN class=bodytext>We are happy to collect and drop you at your accommodation which will only be a few minutes from us. </SPAN>
<DIV align=right>
<DIV align=left>
<P class=bodytext>Whether you choose a painting holiday, or one of the many short breaks we offer, we would like your holiday to start here.</P>
</DIV></DIV>
<DIV align=right>
</BODY>
This produces the following:
[img]http://www.ptalink.net/test/cath.gif[/img]
hth
cheers
Charles