Page 1 of 1

RESOLVED : How to Fix this Layout

Posted: Sun Dec 23, 2007 7:01 am
by bcsweb1
I have a template that I just can not get straight in CMS - I am so close but just a little off...

Can someone show me what I missing?

The page is suppose to look like this:

http://awomansworth.org/dinos/index.html

Code: Select all

<__html>
<head>
<title>Dinos Chicago Express</title>
<meta http-equiv="Content-Type" content="text/html;">
<!-- Fireworks 4.0  Dreamweaver 4.0 target.  Created Mon Aug 13 14:38:20 GMT-0400 (Eastern Daylight Time) 2007-->
<__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-menu.gif";
image3on = new Image();
image3on.src = "images/bt03a-menu.gif";

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

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

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

image7= new Image();
image7.src = "images/bt07-photos.gif";
image7on = new Image();
image7on.src = "images/bt07a-photos.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>

<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="dino.css" type="text/css">
</head>
</__body bgcolor="#0779b5" text="#000000" link="#ff0000" alink="#ff0000" vlink="#ff0000" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<!-- fwtable fwsrc="index.png" fwbase="top.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<center><table border="0" cellpadding="0" cellspacing="0" width="845">
  <tr valign="top">
    <td><img src="images/top.gif" width="845" height="15" border="0" vspace="0" hspace="0"></td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="845">
  <tr valign="top">
    <td rowspan="3"><img src="images/logo.gif" width="421" height="229" border="0" vspace="0" hspace="0"></td>
    <td rowspan="2"><img src="images/hdr01.gif" width="242" height="40" border="0" vspace="0" hspace="0"></td>
    <td><a href="mailto:soandso@dinoschicagoexpress.com" onmouseover="on('image1');window.status='Contact Us';return true" onmouseout="off('image1')"><img name="image1" src="images/bt01-contact_us.gif" width="105" height="20" border="0" vspace="0" hspace="0"></a></td>
    <td rowspan="2"><img src="images/hdr02.gif" width="77" height="40" border="0" vspace="0" hspace="0"></td>
  </tr>
  
  <tr valign="top">
    <td><a href="index.html" onmouseover="on('image2');window.status='Home';return true" onmouseout="off('image2')"><img name="image2" src="images/bt02-home.gif" width="105" height="20" border="0" vspace="0" hspace="0"></a></td>
  </tr>
  
  <tr valign="top">
      <td colspan="2"><img src="images/hdr03.jpg" width="347" height="189" border="0" vspace="0" hspace="0"></td>
    <td><img src="images/hdr05.gif" width="77" height="189" border="0" vspace="0" hspace="0"></td>
  </tr>
</table>
  <table border="0" cellpadding="0" cellspacing="0" width="845">
    <tr valign="top">
      <td><img src="images/bt00-lft.gif" width="48" height="30" border="0" vspace="0" hspace="0"></td>
       <td><a href="menu.html" onmouseover="on('image3');window.status='Menu';return true" onmouseout="off('image3')"><img name="image3" src="images/bt03-menu.gif" width="60" height="30" border="0" vspace="0" hspace="0"></a></td>
    <td><a href="catering.html" onmouseover="on('image4');window.status='Catering';return true" onmouseout="off('image4')"><img name="image4" src="images/bt04-catering.gif" width="101" height="30" border="0" vspace="0" hspace="0"></a></td>
    <td><a href="community.html" onmouseover="on('image5');window.status='Community';return true" onmouseout="off('image5')"><img name="image5" src="images/bt05-community.gif" width="118" height="30" border="0" vspace="0" hspace="0"></a></td>
    <td><a href="mailing_list.html" onmouseover="on('image6');window.status='Mailing List';return true" onmouseout="off('image6')"><img name="image6" src="images/bt06-mailing_list.gif" width="133" height="30" border="0" vspace="0" hspace="0"></a></td>   
    <td><a href="photos.html" onmouseover="on('image7');window.status='Photos';return true" onmouseout="off('image7')"><img name="image7" src="images/bt07-photos.gif" width="85" height="30" border="0" vspace="0" hspace="0"></a></td> 
	<td><img src="images/bt00-rt-hm.gif" width="300" height="30" border="0" vspace="0" hspace="0"></td>
  </tr>
  
</table>
  <table border="0" cellpadding="0" cellspacing="0" width="845">
    <tr valign="top">
      <td><img src="images/div01-hm.gif" width="421" height="17" vspace="0" hspace="0"></td>
      <td><img src="images/div02-hm.gif" width="424" height="17" vspace="0" hspace="0"></td>
    </tr>
  <tr valign="top">
      <td background="images/bk-hm.gif" width="845" height="553" align="center" colspan="2">
        <table width="845" border="0" cellspacing="0" cellpadding="0" class="ver12">
          <tr valign="top"> 
            <td width="30"> </td>
            <td colspan="3"><span class="ver12b">Dino's Chicago Express</span> 
              began as a thought, but through wonderful customers, a great staff, 
              and strong faith in God it has become a reality. Dino's was established 
              in 2000 by the Dakuras family and stands for more than food; it 
              stands for family. Dino's mission is to give our customers a traditional, 
              friendly Greek/Chicago experience by providing unique, fresh quality 
              products at a fast and reasonable price.<br>
              <br>
            </td>
            <td width="75"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
            <td width="370"><img src="images/nowopen.gif" width="286" height="36"></td>
            <td width="30"> </td>
            <td rowspan="4"> 
              <table width="295" border="0" cellspacing="0" cellpadding="4" align="center" class="ver12">
                <tr valign="top"> 
                  <td><span class="ver12b">Dino's Chicago Express</span><br>
                    <span class="ver12bRed">Catering, Dine-In, Drive-Thru, Call 
                    Ahead</span></td>
                </tr>
                <tr valign="top"> 
                  <td><img src="images/locations.gif" width="111" height="29"></td>
                </tr>
                <tr valign="top"> 
                  <td class="ver12">500 Fury's Ferry Road Suite 101<br>
                    Martinez, Georgia 30907<br>
                    Phone: (706) 228-4476 <br>
                    Fax: (706) 228-4487</td>
                </tr>
                <tr valign="top"> 
                  <td class="ver12">4446 Washington Rd. Suite 20 <br>
                    Evans, Georgia 30809<br>
                    Phone: (706) 434-0002 <br>
                    Fax: (706) 434-0003 </td>
                </tr>
                <tr valign="top"> 
                  <td height="6"></td>
                </tr>
                <tr valign="top"> 
                  <td><span class="ver12b">Hours:</span><span class="ver12"><br>
                    Monday - Saturday 11:00 a.m. - 9:30 p.m.<br>
                    Closed Sundays</span></td>
                </tr>
                <tr valign="top"> 
                  <td align="center"><img src="images/gift_card-sm.gif" width="180" height="120"></td>
                </tr>
              </table>
              <br>
            </td>
            <td rowspan="3"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
            <td width="370">Just six years ago Dino's Chicago Express started 
              in Martinez, GA and thanks to the support of our great customers, 
              great staff, and most of all God we have expanded into Evans across 
              from Walmart at the stop light. I would like to thank the entire 
              community for allowing us this opportunity to serve you and I give 
              you my word I will continue to grow Dino&#146;s in a positive fashion 
              caring about the people we serve and the people we employ.<br>
              <br>
            </td>
            <td width="30"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
            <td rowspan="2"><img src="images/vienna.gif" width="90" height="90" hspace="10" vspace="5"><img src="images/delight.gif" width="145" height="63" hspace="10" vspace="5"><br>
              <span class="ver12b">Only The Best Ingredients to Flavor Our Food</span><br>
              We choose Vienna Beef franks and sausages because they are 100%, 
              lean, grain-fed domestic beef and beef trimmings with no fillers, 
              artificial colors or flavorings. The time-honored blend of seasonings 
              and old-fashioned hickory smoking give all of our franks and sausages 
              that unique, genuine Vienna flavor that folks crave. It's the dog 
              that Chicago chooses first.<br>
            </td>
            <td width="30"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
            <td width="30"> </td>
            <td width="75"> </td>
          </tr>
        </table>
        <img src="images/award.jpg" width="295" height="93" vspace="5"></td>
  </tr>

    <tr valign="middle" align="center"> 
      <td background="images/ftr01-hm.gif" width="845" height="46" class="ver10" colspan="2">
        <table width="430" border="0" cellspacing="0" cellpadding="0" align="right" height="58">
          <tr valign="bottom">
            <td class="ver10">* ©Copyright * Dinos Chicago Express * All 
              Rights Reserved *</td>
          </tr>
        </table>
        <br>
        <br>
        <br>
      </td>
  </tr>
</table>
  <br>
</center>
<__body>
</__html>

My Page Code Is this...

Posted: Sun Dec 23, 2007 7:03 am
by bcsweb1
But what I end up with is this:

http://www.zippohosting.com/~dinos/cms/


Dino's Chicago Express began as a thought, but through wonderful customers, a great staff, and strong faith in God it has become a reality. Dino's was established in 2000 by the Dakuras family and stands for more than food; it stands for family. Dino's mission is to give our customers a traditional, friendly Greek/Chicago experience by providing unique, fresh quality products at a fast and reasonable price.

Dino's Chicago Express
Catering, Dine-In, Drive-Thru, Call Ahead500 Fury's Ferry Road Suite 101
Martinez, Georgia 30907
Phone: (706) 228-4476
Fax: (706) 228-44874446 Washington Rd. Suite 20
Evans, Georgia 30809
Phone: (706) 434-0002
Fax: (706) 434-0003 Hours:
Monday - Saturday 11:00 a.m. - 9:30 p.m.
Closed Sundays
Just six years ago Dino's Chicago Express started in Martinez, GA and thanks to the support of our great customers, great staff, and most of all God we have expanded into Evans across from Walmart at the stop light. I would like to thank the entire community for allowing us this opportunity to serve you and I give you my word I will continue to grow Dino’s in a positive fashion caring about the people we serve and the people we employ.


Only The Best Ingredients to Flavor Our Food
We choose Vienna Beef franks and sausages because they are 100%, lean, grain-fed domestic beef and beef trimmings with no fillers, artificial colors or flavorings. The time-honored blend of seasonings and old-fashioned hickory smoking give all of our franks and sausages that unique, genuine Vienna flavor that folks crave. It's the dog that Chicago chooses first.




My Template is this:

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-menu.gif";
image3on = new Image();
image3on.src = "images/bt03a-menu.gif";

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

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

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

image7= new Image();
image7.src = "images/bt07-photos.gif";
image7on = new Image();
image7on.src = "images/bt07a-photos.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="#0779b5" text="#000000" link="#ff0000" alink="#ff0000" vlink="#ff0000" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<!-- fwtable fwsrc="index.png" fwbase="top.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<center><table border="0" cellpadding="0" cellspacing="0" width="845">
  <tr valign="top">
    <td><img src="images/top.gif" width="845" height="15" border="0" vspace="0" hspace="0"></td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="845">
  <tr valign="top">
    <td rowspan="3"><img src="images/logo.gif" width="421" height="229" border="0" vspace="0" hspace="0"></td>
    <td rowspan="2"><img src="images/hdr01.gif" width="242" height="40" border="0" vspace="0" hspace="0"></td>
    <td><a href="mailto:soandso@dinoschicagoexpress.com" onmouseover="on('image1');window.status='Contact Us';return true" onmouseout="off('image1')"><img name="image1" src="images/bt01-contact_us.gif" width="105" height="20" border="0" vspace="0" hspace="0"></a></td>
    <td rowspan="2"><img src="images/hdr02.gif" width="77" height="40" border="0" vspace="0" hspace="0"></td>
  </tr>
  
  <tr valign="top">
    <td><a href="index.html" onmouseover="on('image2');window.status='Home';return true" onmouseout="off('image2')"><img name="image2" src="images/bt02-home.gif" width="105" height="20" border="0" vspace="0" hspace="0"></a></td>
  </tr>
  
  <tr valign="top">
      <td colspan="2"><img src="images/hdr03.jpg" width="347" height="189" border="0" vspace="0" hspace="0"></td>
    <td><img src="images/hdr05.gif" width="77" height="189" border="0" vspace="0" hspace="0"></td>
  </tr>
</table>
  <table border="0" cellpadding="0" cellspacing="0" width="845">
    <tr valign="top">
      <td><img src="images/bt00-lft.gif" width="48" height="30" border="0" vspace="0" hspace="0"></td>
       <td><a href="menu.html" onmouseover="on('image3');window.status='Menu';return true" onmouseout="off('image3')"><img name="image3" src="images/bt03-menu.gif" width="60" height="30" border="0" vspace="0" hspace="0"></a></td>
    <td><a href="catering.html" onmouseover="on('image4');window.status='Catering';return true" onmouseout="off('image4')"><img name="image4" src="images/bt04-catering.gif" width="101" height="30" border="0" vspace="0" hspace="0"></a></td>
    <td><a href="community.html" onmouseover="on('image5');window.status='Community';return true" onmouseout="off('image5')"><img name="image5" src="images/bt05-community.gif" width="118" height="30" border="0" vspace="0" hspace="0"></a></td>
    <td><a href="mailing_list.html" onmouseover="on('image6');window.status='Mailing List';return true" onmouseout="off('image6')"><img name="image6" src="images/bt06-mailing_list.gif" width="133" height="30" border="0" vspace="0" hspace="0"></a></td>   
    <td><a href="photos.html" onmouseover="on('image7');window.status='Photos';return true" onmouseout="off('image7')"><img name="image7" src="images/bt07-photos.gif" width="85" height="30" border="0" vspace="0" hspace="0"></a></td> 
	<td><img src="images/bt00-rt-hm.gif" width="300" height="30" border="0" vspace="0" hspace="0"></td>
  </tr>
  
</table>
  <table border="0" cellpadding="0" cellspacing="0" width="845">
    <tr valign="top">
      <td><img src="images/div01-hm.gif" width="421" height="17" vspace="0" hspace="0"></td>
      <td><img src="images/div02-hm.gif" width="424" height="17" vspace="0" hspace="0"></td>
    </tr>
  <tr valign="top">
      <td background="images/bk-hm.gif" width="845" height="553" align="center" colspan="2">
        <table width="845" border="0" cellspacing="0" cellpadding="0" class="ver12">
          <tr valign="top"> 
            <td width="30"> </td>
            <td rowspan="5"><div id="content-container"><span class="ver12b"><h1>
				{title}</h1>{content}</div>
            </td>
            <td width="75"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
            <td rowspan="3"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
          </tr>
          <tr valign="top"> 
            <td width="30"> </td>
            <td width="75"> </td>
          </tr>
        </table>
        </td>
  </tr>

    <tr valign="middle" align="center"> 
      <td background="images/ftr01-hm.gif" width="845" height="46" class="ver10" colspan="2">
        <table width="430" border="0" cellspacing="0" cellpadding="0" align="right" height="58">
          <tr valign="bottom">
            <td class="ver10">* ©Copyright * Dinos Chicago Express * All 
              Rights Reserved *</td>
          </tr>
        </table>
        <br>
        <br>
        <br>
      </td>
  </tr>
</table>
  <br>
</center>
<__body>
</__html>

My StyleSheet is this:

Code: Select all

.ver12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.ver12b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.vwe14b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.ver9 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.ver10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.ver10wh {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
.ver9wh {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
.ver10whb {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF}
.ver9whB {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF}
.ver14B {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.ver12Bwh {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}
.ver12bRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000}
/* end original css */




/* basic styles for content */
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
h2,h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
p,li,dd,dt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
td {vertical-align:top;}

Re: How to Fix this Layout

Posted: Sun Dec 23, 2007 10:55 am
by neophron
The best way to fix this layout, is to delete it completely and to start with a classic xhtml/css combination with separating structure and presentation.
It doesn't make sense to search for your table problem, because your site is not webstandart compliant.

These websites contain usefull information about css, xhtml and modern webdesign:
http://www.cssplay.co.uk/index.html, http://meyerweb.com/eric/css/, http://css.maxdesign.com.au/index.htm, http://www.positioniseverything.net/ and thishttp://wiki.cmsmadesimple.org/index.php/User_Handbook/Getting_Started/Designer



neophron

Re: How to Fix this Layout

Posted: Sun Dec 23, 2007 2:11 pm
by bcsweb1
Thank you - I will do that for future projects - because that would be starting all over and I only have that tiny issue to fix....

Anyone else have an idea?

The Layout Is So Close Though --

Posted: Sun Dec 23, 2007 7:36 pm
by bcsweb1
The layout is so close already.....

Anyone Have An Idea?

Re: How to Fix this Layout

Posted: Sun Dec 23, 2007 8:25 pm
by enzipher
Hey!

You should try to just delete the width-param in the table that starts just below your Home, or set it to a smaller value (now 845) that would fit better. That seems to fix it.

Do you mean on the Page Html or Template HTML

Posted: Sun Dec 23, 2007 8:36 pm
by bcsweb1
Do you mean on the Page Html or Template HTML

RESOLVED : Thank You

Posted: Sun Dec 23, 2007 8:38 pm
by bcsweb1
Thank you -

In the Page Template I just removed the width from the first line and it fixed it.

Thank you