RESOLVED : How to Fix this Layout

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 Fix this Layout

Post 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>
Last edited by bcsweb1 on Sun Dec 23, 2007 8:38 pm, edited 1 time in total.
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

My Page Code Is this...

Post 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;}
User avatar
neophron
Forum Members
Forum Members
Posts: 145
Joined: Sun Feb 12, 2006 12:11 am

Re: How to Fix this Layout

Post 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
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

Re: How to Fix this Layout

Post 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?
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

The Layout Is So Close Though --

Post by bcsweb1 »

The layout is so close already.....

Anyone Have An Idea?
enzipher

Re: How to Fix this Layout

Post 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.
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

Do you mean on the Page Html or Template HTML

Post by bcsweb1 »

Do you mean on the Page Html or Template HTML
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

RESOLVED : Thank You

Post by bcsweb1 »

Thank you -

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

Thank you
Post Reply

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