Well, I don't know what 'look right' is. There are various ways it could look, depending upon the resolution and the view port (window) size. On a computer with 800x600 resolution, your table is too wide to fit in a window.
Anyways, this looks pretty good here, on 1024x768 and up:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<meta name="google-site-verification" content="u5vmougxPSogj7oWsLwlvcQ2dONSCXklep3FYaNOJYk" /><META name=GENERATOR content="MSHTML 8.00.6001.18828"></HEAD>
<TITLE>Sally Graddon Designs</TITLE><!-- InstanceBegin template="/Templates/SGDTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<META content="text/html; charset=unicode" http-equiv=Content-Type><!-- InstanceBeginEditable name="doctitle" --><!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<STYLE type=text/css>
<!--
body {
margin: 0;
padding: 0;
}
table {
margin: auto;
width: 800px;
border: none;
}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
.verdana {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #333;
}
#wrapper {
max-width: 1000px;
width: 100%;
margin: auto;
text-align: center;
background: #fff url(http://home.comcast.net/~jscheuer1/side/bgposs.jpg) repeat-y 100% 0;
}
-->
</STYLE>
<!--[if lt IE 7]>
<style type="text/css">
#wrapper {
width: 1000px;
}
</style>
<![endif]-->
<!--[if lt IE 6]>
<style type="text/css">
body {
text-align: center;
}
</style>
<![endif]-->
<BODY>
<DIV id="wrapper" align="center"><!-- InstanceBeginEditable name="EditRegion4" --><!-- InstanceEndEditable -->
<TABLE>
<TBODY>
<TR>
<TD colSpan=2><IMG alt="Sally Graddon Designs" src="SGDImages/banner2.jpg"
width=814 height=216></TD></TR>
<TR>
<TD colSpan=2 align=left>
<DIV align=right><A href="index.html"><IMG border=0 alt=Home
src="SGDImages/home.jpg" width=101 height=49></A><A href="about.html"><IMG
border=0 alt=about src="SGDImages/About.jpg" width=101 height=49></A><A
href="faq.html"><IMG border=0 alt=faqs src="SGDImages/faqs.jpg" width=101
height=49></A><A href="events.html"><IMG border=0 alt=events
src="SGDImages/events.jpg" width=101 height=49></A><A
href="terms.html"><IMG border=0 alt=terms src="SGDImages/terms.jpg"
width=101 height=49></A><A href="links.html"><IMG border=0 alt=links
src="SGDImages/links.jpg" width=101 height=49></A></DIV></TD></TR>
<TR>
<TD vAlign=top width=183><A href="chainmaille.html"><IMG border=0 alt=chainmaille
src="SGDImages/chainmaille2.jpg" width=182 height=68></A><A
href="cmnecklaces.html"><IMG border=0 alt=necklaces
src="SGDImages/necklaces.jpg" width=183 height=30></A><A
href="cmbracelets.html"><IMG border=0 alt=braceets
src="SGDImages/bracelets.jpg" width=183 height=30></A><A
href="cmearrings.html"><IMG border=0 alt=earings
src="SGDImages/earrings.jpg" width=183 height=30></A><A
href="pearl.html"><IMG border=0 alt="pearl jewellery"
src="SGDImages/pearljewellery.jpg" width=183 height=69></A><A
href="pjnecklaces.html"><IMG border=0 alt=necklaces
src="SGDImages/necklaces.jpg" width=183 height=30></A><A
href="pjbracelets.html"><IMG border=0 alt=bracelets
src="SGDImages/bracelets.jpg" width=183 height=30></A><A
href="pjearrings.html"><IMG border=0 alt=earrings
src="SGDImages/earrings.jpg" width=183 height=30></A><A
href="gems.html"><IMG border=0 alt="gem jewellery"
src="SGDImages/gemjewellery.jpg" width=183 height=69></A><A
href="gjnecklaces.html"><IMG border=0 alt=necklaces
src="SGDImages/necklaces.jpg" width=183 height=30></A><A
href="gjbracelets.html"><IMG border=0 alt=bracelets
src="SGDImages/bracelets.jpg" width=183 height=30></A><A
href="gjearrings.html"><IMG border=0 alt=earrings
src="SGDImages/earrings.jpg" width=183 height=30></A></TD>
<TD vAlign=top width=613><!-- InstanceBeginEditable name="maintext" -->
<P class=verdana><br>Welcome to Sally Graddon Designs! I hope you enjoy exploring the site and
looking at my handcrafted chainmaille, gemstone and pearl jewellery. <br><br>
You can click on the Chainmaille, Gem Jewellery or Pearl Jewellery buttons on the left hand side to read
a little bit more about my jewellery. I only ever use top quality findings and all of
my silver pieces are made using sterling silver wire and findings.<br><br>
I am more
than happy to undertake commissions and if you would like to know more
about my work or have any comments or questions please <A
href="mailto:enquiries@sallygraddondesigns.co.uk">email</A> me. If there
is anything you think I can do better please do let me know!<br><br>You can see more of my
work on <A
href="http://www.flickr.com/photos/sallygraddondesigns/">Flickr</A> and
find all my latest news on <A
href="http://sallygraddondesigns.blogspot.com/">my blog</A>. </P>
<P class=verdana align=center><IMG alt=Maille src="SGDImages/maille.jpg"
width=500
height=375></P><!-- InstanceEndEditable --></TD></TR></TBODY></TABLE></DIV><!-- InstanceEnd --><script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11258017-1");
pageTracker._trackPageview();
} catch(err) {}</script></BODY></HTML>
Use the whole page. And if you use my background image, please make a copy of it, rather than hotlinking to it as I have in the above demo.
Layout problems
Reply With Quote
Bookmarks