RESOLVED - How to align a page

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

RESOLVED - How to align a page

Post by bcsweb1 »

I am having issue trying to align this page:

http://awomansworth.org/site/index.php?page=links

The "news" is going too far over to the right...it looks fine on "all other pages"

Any Ideas?

Thanks

Here is the Page Code:

Code: Select all

<p>Informative Links:</p><ul><li><div><a target="_blank" href="http://www.honeyshine.com/"><font color="#ffa500">www.honeyshine.com</font></a></div></li><li><div><a target="_blank" href="http://www.wadesworld.com/"><font color="#ffa500">www.wadesworld.com</font></a></div></li></ul>

Here is the Template Code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata} {stylesheet}
{literal}
<__script__ language="JavaScript">
		<!--
var NN3 = false;

image1= new Image();
image1.src = "/images/bt01-contact_us.gif";
image1on = new Image();
image1on.src = "/images/bt01a-contact_us.gif";

image2= new Image();
image2.src = "/images/bt02-home.gif";
image2on = new Image();
image2on.src = "/images/bt02a-home.gif";

image3= new Image();
image3.src = "/images/bt03-about_us.gif";
image3on = new Image();
image3on.src = "/images/bt03a-about_us.gif";

image4= new Image();
image4.src = "/images/bt04-board_of_directors.gif";
image4on = new Image();
image4on.src = "/images/bt04a-board_of_directors.gif";

image5= new Image();
image5.src = "/images/bt05-gallery.gif";
image5on = new Image();
image5on.src = "/images/bt05a-gallery.gif";

image6= new Image();
image6.src = "/images/bt06-donations.gif";
image6on = new Image();
image6on.src = "/images/bt06a-donations.gif";

image7= new Image();
image7.src = "/images/bt07-press.gif";
image7on = new Image();
image7on.src = "/images/bt07a-press.gif";

image8= new Image();
image8.src = "/images/bt08-links.gif";
image8on = new Image();
image8on.src = "/images/bt08a-links.gif";

image9= new Image();
image9.src = "/images/bt09-calendar.gif";
image9on = new Image();
image9on.src = "/images/bt09a-calendar.gif";


function on3(name)   {
        document[name].src = eval(name + "on.src");
}
function off3(name)  {
        document[name].src = eval(name + ".src");
}
NN3 = true;
function on(name)  {
        if (NN3) on3(name);
}
function off(name)  {
        if (NN3) off3(name);
}
// -->
</__script>
{/literal}
</head>
</__body bgcolor="#006633" text="#000000" link="#ffa500" alink="#ffa500" vlink="#ffa500" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"> 
<div align="left"> 
	<table border="0" cellpadding="0" cellspacing="0" width="940"> 
		<tr valign="top"> 
			<td colspan="8"><img name="top01" src="/images/top-01.gif" width="750" height="28" border="0" alt="A Woman's Worth" /></td> 
			<td rowspan="2"><a href="http://awomansworth.org/site/index.php?page=contact-us" onmouseover="on('image1');window.status='Contact Us';return true" onmouseout="off('image1')"><img name="image1" src="/images/bt01-contact_us.gif" width="107" height="45" border="0" alt="Contact Us" /></a></td> 
			<td rowspan="4"><img name="top04" src="/images/top-04.gif" width="83" height="112" border="0" /></td> 
		</tr> 
		<tr valign="top"> 
			<td colspan="8"><img src="/images/top-02.gif" width="750" height="17" /></td> 
		</tr> 
		<tr valign="top"> 
			<td><img name="top03" src="/images/top-03.gif" width="251" height="40" border="0" /></td> 
			<td><a href="http://awomansworth.org/site/" onmouseover="on('image2');window.status='Home';return true" onmouseout="off('image2')"><img name="image2" src="/images/bt02-home.gif" width="51" height="40" border="0" alt="Home" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=About-Us" onmouseover="on('image3');window.status='About Us';return true" onmouseout="off('image3')"><img name="image3" src="/images/bt03-about_us.gif" width="73" height="40" border="0" alt="About Us" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Board-of-Directors" onmouseover="on('image4');window.status='Board of Directors';return true" onmouseout="off('image4')"><img name="image4" src="/images/bt04-board_of_directors.gif" width="135" height="40" border="0" alt="Board of Directors" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Gallery" onmouseover="on('image5');window.status='Gallery';return true" onmouseout="off('image5')"><img name="image5" src="/images/bt05-gallery.gif" width="60" height="40" border="0" alt="Gallery" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Donations" onmouseover="on('image6');window.status='Donations';return true" onmouseout="off('image6')"><img name="image6" src="/images/bt06-donations.gif" width="82" height="40" border="0" alt="Donations" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Press" onmouseover="on('image7');window.status='Press';return true" onmouseout="off('image7')"><img name="image7" src="/images/bt07-press.gif" width="51" height="40" border="0" alt="Press" /></a></td> 
			<td rowspan="2"><a href="http://awomansworth.org/site/index.php?page=links" onmouseover="on('image8');window.status='Links';return true" onmouseout="off('image8')"><img name="image8" src="/images/bt08-links.gif" width="47" height="67" border="0" alt="Links" /></a></td> 
			<td rowspan="2"><a href="http://awomansworth.org/site/index.php?page=calendar" onmouseover="on('image9');window.status='Calendar';return true" onmouseout="off('image9')"><img name="image9" src="/images/bt09-calendar.gif" width="107" height="67" border="0" alt="Calendar" /></a></td> 
		</tr> 
		<tr valign="top"> 
			<td><img name="top05" src="/images/top-05.gif" width="251" height="27" border="0" /></td> 
			<td colspan="6"><img name="top06" src="/images/top-06.gif" width="452" height="27" border="0" /></td> 
		</tr> 
	</table> 
	<table border="0" cellpadding="0" cellspacing="0" width="940"> 
		<tr valign="top"> 
			<td background="/images/bk-01.gif" width="940" height="500"> <table width="740" border="0" cellspacing="0" cellpadding="0" align="center" class="ver12"> 
					<tr valign="top"> 
						<td width="150" height="125"><br /> 
							<br /> 
							<br /> 
							<br /> 
							<br /> 
							<br /> </td> 
						<td rowspan="2" class="ver12"><div id="content-container"><h1>{title}</h1>{content}</div></td> 
					</tr> 
					<tr valign="top"> 
						<td><div id="news-container">{news}</div></td> 
					</tr> 
					<tr valign="top"> 
						<td colspan="2"><div id="extra-container">No content here; yet.</div></td> 
					</tr> 
				</table></td> 
		</tr> 
		<tr valign="top"> 
			<td background="/images/ftr-01.gif" width="940" height="39"></td> 
		</tr> 
		<tr valign="middle"> 
			<td align="center"><br /> 
				<span class="ver10wh">* Copyright© A Woman's Worth All Rights Reserved *</span><br /> </td> 
		</tr> 
	</table> 
</div> 
<__body>
</__html>
And here is the NEWS Template Code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata} {stylesheet}
{literal}
<__script__ language="JavaScript">
		<!--
var NN3 = false;

image1= new Image();
image1.src = "/images/bt01-contact_us.gif";
image1on = new Image();
image1on.src = "/images/bt01a-contact_us.gif";

image2= new Image();
image2.src = "/images/bt02-home.gif";
image2on = new Image();
image2on.src = "/images/bt02a-home.gif";

image3= new Image();
image3.src = "/images/bt03-about_us.gif";
image3on = new Image();
image3on.src = "/images/bt03a-about_us.gif";

image4= new Image();
image4.src = "/images/bt04-board_of_directors.gif";
image4on = new Image();
image4on.src = "/images/bt04a-board_of_directors.gif";

image5= new Image();
image5.src = "/images/bt05-gallery.gif";
image5on = new Image();
image5on.src = "/images/bt05a-gallery.gif";

image6= new Image();
image6.src = "/images/bt06-donations.gif";
image6on = new Image();
image6on.src = "/images/bt06a-donations.gif";

image7= new Image();
image7.src = "/images/bt07-press.gif";
image7on = new Image();
image7on.src = "/images/bt07a-press.gif";

image8= new Image();
image8.src = "/images/bt08-links.gif";
image8on = new Image();
image8on.src = "/images/bt08a-links.gif";

image9= new Image();
image9.src = "/images/bt09-calendar.gif";
image9on = new Image();
image9on.src = "/images/bt09a-calendar.gif";


function on3(name)   {
        document[name].src = eval(name + "on.src");
}
function off3(name)  {
        document[name].src = eval(name + ".src");
}
NN3 = true;
function on(name)  {
        if (NN3) on3(name);
}
function off(name)  {
        if (NN3) off3(name);
}
// -->
</__script>
{/literal}
</head>
</__body bgcolor="#006633" text="#000000" link="#ffa500" alink="#ffa500" vlink="#ffa500" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"> 
<div align="center"> 
	<table border="0" cellpadding="0" cellspacing="0" width="940"> 
		<tr valign="top"> 
			<td colspan="8"><img name="top01" src="/images/top-01.gif" width="750" height="28" border="0" alt="A Woman's Worth" /></td> 
			<td rowspan="2"><a href="contact_us.html" onmouseover="on('image1');window.status='Contact Us';return true" onmouseout="off('image1')"><img name="image1" src="/images/bt01-contact_us.gif" width="107" height="45" border="0" alt="Contact Us" /></a></td> 
			<td rowspan="4"><img name="top04" src="/images/top-04.gif" width="83" height="112" border="0" /></td> 
		</tr> 
		<tr valign="top"> 
			<td colspan="8"><img src="/images/top-02.gif" width="750" height="17" /></td> 
		</tr> 
		<tr valign="top"> 
			<td><img name="top03" src="/images/top-03.gif" width="251" height="40" border="0" /></td> 
			<td><a href="http://awomansworth.org/site/" onmouseover="on('image2');window.status='Home';return true" onmouseout="off('image2')"><img name="image2" src="/images/bt02-home.gif" width="51" height="40" border="0" alt="Home" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=About-Us" onmouseover="on('image3');window.status='About Us';return true" onmouseout="off('image3')"><img name="image3" src="/images/bt03-about_us.gif" width="73" height="40" border="0" alt="About Us" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Board-of-Directors" onmouseover="on('image4');window.status='Board of Directors';return true" onmouseout="off('image4')"><img name="image4" src="/images/bt04-board_of_directors.gif" width="135" height="40" border="0" alt="Board of Directors" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Gallery" onmouseover="on('image5');window.status='Gallery';return true" onmouseout="off('image5')"><img name="image5" src="/images/bt05-gallery.gif" width="60" height="40" border="0" alt="Gallery" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Donations" onmouseover="on('image6');window.status='Donations';return true" onmouseout="off('image6')"><img name="image6" src="/images/bt06-donations.gif" width="82" height="40" border="0" alt="Donations" /></a></td> 
			<td><a href="http://awomansworth.org/site/index.php?page=Press" onmouseover="on('image7');window.status='Press';return true" onmouseout="off('image7')"><img name="image7" src="/images/bt07-press.gif" width="51" height="40" border="0" alt="Press" /></a></td> 
			<td rowspan="2"><a href="http://awomansworth.org/site/index.php?page=links" onmouseover="on('image8');window.status='Links';return true" onmouseout="off('image8')"><img name="image8" src="/images/bt08-links.gif" width="47" height="67" border="0" alt="Links" /></a></td> 
			<td rowspan="2"><a href="http://awomansworth.org/site/index.php?page=calendar" onmouseover="on('image9');window.status='Calendar';return true" onmouseout="off('image9')"><img name="image9" src="/images/bt09-calendar.gif" width="107" height="67" border="0" alt="Calendar" /></a></td> 
		</tr> 
		<tr valign="top"> 
			<td><img name="top05" src="/images/top-05.gif" width="251" height="27" border="0" /></td> 
			<td colspan="6"><img name="top06" src="/images/top-06.gif" width="452" height="27" border="0" /></td> 
		</tr> 
	</table> 
	<table border="0" cellpadding="0" cellspacing="0" width="940"> 
		<tr valign="top"> 
			<td background="/images/bk-01.gif" width="940" height="500"> <table width="740" border="0" cellspacing="0" cellpadding="0" align="center" class="ver12"> 
					<tr valign="top"> 
						<td width="150" height="125"><br /> 
							<br /> 
							<br /> 
							<br /> 
							<br /> 
							<br /> </td> 
						<td align="left" rowspan="2" class="ver12"><div id="content-container"><h1>{title}</h1>{content}</div></td> 
					</tr> 
					 
					<tr valign="top"> 
						<td colspan="2"><div id="extra-container">No content here; yet.</div></td> 
					</tr> 
				</table></td> 
		</tr> 
		<tr valign="top"> 
			<td background="/images/ftr-01.gif" width="940" height="39"></td> 
		</tr> 
		<tr valign="middle"> 
			<td align="center"><br /> 
				<span class="ver10wh">* Copyright© A Woman's Worth All Rights Reserved *</span><br /> </td> 
		</tr> 
	</table> 
</div> 
<__body>
</__html>
Last edited by bcsweb1 on Wed Dec 05, 2007 11:19 am, edited 1 time in total.
Top
Post Reply

Return to “Layout and Design (CSS & HTML)”