2. PHPRunner General questions
  3. Alignment Issues
This topic is locked

Alignment Issues

 		3/7/2009 9:51:40 AM
PHPRunner General questions
H
 horsey_kim author

If anyone has any idea of where to look to find a file I can edit to get rid of the gap, it would be a huge blessing.
I created a list page for guest and basically have stripped almost anything I could out of it to make it simple. I still get a big gap between my blue words "We Believe in Quality" in the header and the first record shown. I have included an image of what I am seeing, code of the page and css (I striped it down too)
Here is an Image


Here is the code for the page from the visual editor

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>{$view_Snippet1_event}
<META content="MSHTML 6.00.6000.16809" name=GENERATOR>

<link REL="stylesheet" href="include/style.css" type="text/css">

<!--[if IE]><link REL="stylesheet" href="include/styleIE.css" type="text/css"><![endif]-->

<style type="text/css">

<!--

#recordkim {

width: 650px;

text-align: center;

}

-->

</style>
</head>

<BODY>

{$header}

<CENTER>

<!--BEGIN grid_block}-->

{BEGIN grid_row}

{BEGIN grid_record}
{BEGIN grid_vrecord}

{BEGIN grid_recordheader}

<div id="recordkim">

<FONT color=black size=3><B><I>

{$title_value}

</B></I></FONT>

</CENTER>

<P align=justified>

{$description_value}

</P>

<center>

{$photo_value}

</div>

{END grid_recordheader}

{END grid_vrecord}
{BEGIN endrecord_block}

{END endrecord_block}
{END grid_record}
{BEGIN grid_rowspace}

{BEGIN grid_recordspace}

{END grid_recordspace}

{END grid_rowspace}
{END grid_row}

<!--{END grid_block}-->

{BEGIN pagination_block}

<P class=toplist align=center>{$pagination}</P>

{END pagination_block}

<B>

{BEGIN message_block}

<P class=toplist align=center valign="middle">{$message}</P>

{END message_block}

</B>

<center>

{$footer}

</center>

</BODY>

</HTML>


Here is the code from my header

<table class="shadow" cellspacing="0" background="http://www.reichcustomhomes.com/back.png"; cellpadding="0"><tr>

<td colspan="3" class="moto" height="137" valign="bottom" align="right" background="http://www.reichcustomhomes.com/header.png">;

We Believe in Quality!           </td><!--<td width="2"> </td>-->

</tr><tr>

<!--menu-->

<td width=177 valign="top">
<table width="100%" align="right" border="0" cellpadding="0">

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/index.html"; title="Reich Custom Homes">Home  </a></td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=aboutus+&SearchOption=Contains&SearchField=category"; title="About Reich Custom Homes">About Us  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=construction+&SearchOption=Contains&SearchField=category"; title="New Construction and Homes">New Construction  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=renovation+&SearchOption=Contains&SearchField=category"; title="Renovate your home">Renovation  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=additions+&SearchOption=Contains&SearchField=category"; title="Reich Custom Homes Additions">Additions  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=windows+&SearchOption=Contains&SearchField=category"; title="Qualtiy Windows Count">Windows & Doors  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=kitchen+&SearchOption=Contains&SearchField=category"; title="Warm and Inviting Kitchens">Kitchen  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=bath+&SearchOption=Contains&SearchField=category"; title="Luxury Baths">Baths  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=patios+&SearchOption=Contains&SearchField=category"; title="Patios, Porches and Decks">Patios  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=saunas+&SearchOption=Contains&SearchField=category"; title="Sooth your stress away in a Sauna">Saunas  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=garage+&SearchOption=Contains&SearchField=category"; title="Garage and Shops for a custom look">Garage & Shops  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/update/view_list.php?a=search&value=1&SearchFor=testimonies+&SearchOption=Contains&SearchField=category"; title="Who likes Reich Custom Homes">Testimonies  </td></tr>

<tr><td class="rickmannav" align="right"><a class="rickmannav" href="http://www.reichcustomhomes.com/10.html"; title="Reich Custom Homes">Contact Us  </td></tr>

<tr><td><br><center>

<img src="http://www.reichcustomhomes.com/logohba.gif"; width="150" alt="" border="3">

<br><img src="http://www.reichcustomhomes.com/logonahb.gif"; width="90" height="86" alt="" border="3">

<br>CCB #<a href="https://ccbed.ccb.state.or.us/ccb_frames/consumer_info/search_results.asp?regno=154094">154094</a>;

</table>

</td>

<td width=20></td><td width="680" height="577" valign="top">


here is the code from the css file

body {font-size: 12px; color: Black; font-family: Lucida Sans,Verdana, Arial, SunSans-Regular, Sans-Serif; padding:0;

margin:0; text-align: center; background-image:url('http://www.reichcustomhomes.com/a5888697.jpg');;}

a {FONT-SIZE: 11pt; color: #000000; FONT-FAMILY: Arial, Helvetica, sans serif; text-decoration: underline;}

a:hover {color: #004080; text-decoration: underline;}

a.toplinks {font-size: 11px; color: #336699; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; TEXT-DECORATION: none;}

a.toplinks:hover {color: #336699; TEXT-DECORATION: underline;}

td.rickmannav{border: 0px;}

td.rickmannav a{FONT-SIZE: 12pt; color: #DACFA9; font-family: Lucida Sans, Tahoma; text-decoration: none; display: block; width: 100%;

padding-top:5px; padding-bottom:5px;}

td.rickmannav a:link, td.rickmannav a:visited{FONT-SIZE: 12pt; color: #DACFA9; font-family: Lucida Sans, Tahoma; text-decoration: none;

background-color: #541206;}

td.rickmannav a:hover {FONT-SIZE: 12pt; color: #DACFA9; font-family: Lucida Sans, Tahoma; text-decoration: none;

background-color: #450000;}

td.rickmannav a:active {FONT-SIZE: 12pt; color: #DACFA9; font-family: Lucida Sans, Tahoma; text-decoration: none;

background-color: #6f2c21;}

.shadow {

border-bottom-style: solid;

border-bottom-width: 1px;

border-bottom-color: #450000;

border-right-style: solid;

border-right-width: 1px;

border-right-color: #450000; /* lt gray*/

border-left-style: solid;

border-left-width: 1px;

border-left-color: #450000;

border-top-style: solid;

border-top-width: 1px;

border-top-color: #450000;

}

.kimphoto {border-bottom-style: solid;

border-bottom-width: 2px;

border-bottom-color: #450000;

border-right-style: solid;

border-right-width: 2px;

border-right-color: #450000; /* lt gray*/

border-left-style: solid;

border-left-width: 2px;

border-left-color: #450000;

border-top-style: solid;

border-top-width: 2px;

border-top-color: #450000;}

.kimthumb {border-bottom-style: solid;

border-bottom-width: 2px;

border-bottom-color: #450000;

border-right-style: solid;

border-right-width: 2px;

border-right-color: #450000; /* lt gray*/

border-left-style: solid;

border-left-width: 2px;

border-left-color: #450000;

border-top-style: solid;

border-top-width: 2px;

border-top-color: #450000;}

.title {FONT-SIZE: 14pt; color: #DACFA9; font-family: Lucida Sans, Tahoma; font-style:italic; text-decoration: none;}

.header {margin: 0 auto;}

.footer {font-size: 8px; color: #000000; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-style:italic; text-decoration: none; padding-left:177px; text-align: center; margin: 0 auto;}

.footer a{font-size: 8px; color: #000000; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-style:italic; text-decoration: none;}

.footer a:hover {font-size: 8px; color: #000000; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-style:italic; text-decoration: underline;}

P.narrow{line-height:1px;}

TD, TH, P {FONT-SIZE: 10pt; color: #000000; font-family: Lucida Sans, Tahoma; text-decoration: none;}

h1 {font-size: 13pt; color: Black; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}

h2 {font-size: 13pt; color: #800000; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}

LI {FONT-SIZE: 9pt; COLOR: #444444; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

LINE-HEIGHT: 1.5em; LIST-STYLE-TYPE: square;}

INPUT {FONT-SIZE: 8pt; COLOR: #333333; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}

SELECT {FONT-SIZE: 8pt; COLOR: #333333; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}

TEXTAREA {FONT-SIZE: 8pt; COLOR: #333333; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}

.search {PADDING-RIGHT: 5pt;PADDING-LEFT: 5pt; PADDING-BOTTOM: 5pt; PADDING-TOP: 5pt;}

.shade {COLOR: #000; vertical-align:top;}

.blackshade {COLOR: black; FONT-WEIGHT: bold;}

.message {FONT-SIZE: 8pt; COLOR: #cc3300; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; FONT-WEIGHT: bold;}

.fieldname {color: #444444; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-weight: bold; padding: 5px;}

.maintable {margin: 0; padding: 0;}

.toplist {font-size: 11px; COLOR: #336699; font-family: Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;}

.body2 {}

.moto {font-size: 16px; color: #004080; font-family: Lucida Sans,Verdana, Arial, SunSans-Regular, Sans-Serif; font-style:italic; font-weight: bold;}


The only conclusion I can come up with is that there is some code related to these and I am not sure where to look.
{BEGIN grid_row}

{BEGIN grid_record}

{BEGIN grid_vrecord}

{BEGIN grid_recordheader}
Sorry for the novel, I been looking at this for over 3 hours now and I am just not getting it.
Any idea of where to look be appreciated.
Kim <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=11153&image=2&table=forumtopics' class='bbc_emoticon' alt=':)' />
Sergey Kornilov admin 3/7/2009

I would recommend to install Firebug extension for Firefox that allows you to inspect DOM and see which element takes this space.
Posting URL here can help a bit as well.