Jump to content

ANNOYING!! Alignment issue

liamloveslearning

By liamloveslearning
in CSS Help

Recommended Posts

liamloveslearning Advanced Member

liamloveslearning

Posted
Posted

Hi everyone, Ive got a page that loads with everything centered, only after its fully loaded it all shoots to the left? you can see what i mean here http://99jobs.co.uk/index2.php

 

heres my code for the page

 

<?php require_once(''); ?>

$query_rsfolio1 = "SELECT folio.title, folio.Description, folio.file, folio.category, folio.id FROM folio WHERE {$NXTFilter_rsfolio1} ORDER BY folio.id";
$query_limit_rsfolio1 = sprintf("%s LIMIT %d, %d", $query_rsfolio1, $startRow_rsfolio1, $maxRows_rsfolio1);
$rsfolio1 = mysql_query($query_limit_rsfolio1, $neiladmin) or die(mysql_error());
$row_rsfolio1 = mysql_fetch_assoc($rsfolio1);

if (isset($_GET['totalRows_rsfolio1'])) {
  $totalRows_rsfolio1 = $_GET['totalRows_rsfolio1'];
} else {
  $all_rsfolio1 = mysql_query($query_rsfolio1);
  $totalRows_rsfolio1 = mysql_num_rows($all_rsfolio1);
}
$totalPages_rsfolio1 = ceil($totalRows_rsfolio1/$maxRows_rsfolio1)-1;
//End NeXTenesio3 Special List Recordset//NeXTenesio3 Special List Recordset
$maxRows_rsfolio1 = $_SESSION['max_rows_nav_listfolio2'];
$pageNum_rsfolio1 = 0;
if (isset($_GET['pageNum_rsfolio1'])) {
  $pageNum_rsfolio1 = $_GET['pageNum_rsfolio1'];
}
$startRow_rsfolio1 = $pageNum_rsfolio1 * $maxRows_rsfolio1;

// Defining List Recordset variable
$NXTFilter_rsfolio1 = "1=1";
if (isset($_SESSION['filter_tfi_listfolio2'])) {
  $NXTFilter_rsfolio1 = $_SESSION['filter_tfi_listfolio2'];
}
// Defining List Recordset variable
$NXTSort_rsfolio1 = "folio.title";
if (isset($_SESSION['sorter_tso_listfolio2'])) {
  $NXTSort_rsfolio1 = $_SESSION['sorter_tso_listfolio2'];
}
mysql_select_db($database_neiladmin, $neiladmin);

$query_rsfolio1 = "SELECT folio.title, folio.Description, folio.file, folio.category, folio.id FROM folio WHERE {$NXTFilter_rsfolio1} ORDER BY folio.id DESC";
$query_limit_rsfolio1 = sprintf("%s LIMIT %d, %d", $query_rsfolio1, $startRow_rsfolio1, $maxRows_rsfolio1);
$rsfolio1 = mysql_query($query_limit_rsfolio1, $neiladmin) or die(mysql_error());
$row_rsfolio1 = mysql_fetch_assoc($rsfolio1);

if (isset($_GET['totalRows_rsfolio1'])) {
  $totalRows_rsfolio1 = $_GET['totalRows_rsfolio1'];
} else {
  $all_rsfolio1 = mysql_query($query_rsfolio1);
  $totalRows_rsfolio1 = mysql_num_rows($all_rsfolio1);
}
$totalPages_rsfolio1 = ceil($totalRows_rsfolio1/$maxRows_rsfolio1)-1;
//End NeXTenesio3 Special List Recordset

$nav_listfolio2->checkBoundries();
?><!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Work Of Neil Martin</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-color: #FFFFFF;
}
#header {
width: 100%;
height: 105px;
background: #000000;
margin: 0 auto;
border: 0px;
text-align: center;
}
html, body {
height: 100%;
}
#contactinfo {
position: relative;
width: 175px;
top: -110px;
left: 385px;
margin: 0 auto;
border: 0px;
text-align: right;
background: #000000;
color: #CCCCCC;
}
#artworkcontainer {
width: 100%;
margin: 0 auto;
border: 0px;
text-align: center;
}
#artworkthumbnail {
width: 950px;
margin: 0 auto;
}
.artworkborder {
border: 1px solid #CCCCCC;
}
#artworkdescription {
position: relative;
top: 15px;
width: 948px;
border: 1px solid #CCCCCC;
overflow: hidden;
background: #f2f2f2;
background-image: url(descriptionbg.gif);
background-repeat: repeat-y;
background-color: #f2f2f2;
}
* html #artworkdescription {
height: 1%;
overflow: visible;
}
#artworkwho, #artworkwhat, #artworkwhere {
margin-left: 1.2%;
width: 14%;
border: 0px;
float: right;
}
#artworkwhy {
margin-left: 2%;
margin-right: 2%;
width: 46.5%;
border: 0px;
float: right;
margin-top: -3px;
}
.whowhatwheretext {
font-size: 12px;
}
#divider {
position: relative;
width: 950px;
top: 0px;
margin: 0 auto;
border: 0px;
height: 31px;
padding-top: 30px;
padding-bottom: 15px;
}
.oneColFixCtr #container {
width: 100%;
background: #FFFFFF;
margin: 0 auto;
border: 0px;
text-align: center;
}
.oneColFixCtr #mainContent {
width: 950px;
padding: 0 0px;
margin: 0 auto;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 18px;
}
h1 {
font-size: 24px;
color: #00416a;
font-weight: normal;
}
h2 {
font-size: 24px;
color: #b20000;
font-weight: normal;
}
#navcontainer {
position: relative;
left: 626px;
top: -10px;
width: 314px;
height: 26px;
padding: 0;
margin: 0px 0 0px 0;	
}

#nav {
position: absolute;
top: 10px;
left: 10px;
list-style: none;
margin: 0;
padding: 0;
height: 314px;
display: inline;
overflow: hidden;
width: 314px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 26px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:26px; /* for IE5/Win */
}
#nav a:hover {
background-position: 0 -26px;
}

#nav a:active, #nav a.selected {
background-position: 0 -40px;
}
#navtheworkof a  {
width: 90px;
background: url(theworkof.gif) top left no-repeat;
}
#navthewordsof a  {
width: 97px;
background: url(thewordsof.gif) top left no-repeat;
}
#navwhoisnm a  {
width: 127px;
background: url(whoisnm.gif) top left no-repeat;
}
#footer {
position: relative;
width: 100%;
height: 50% !important;
background: #000000;
margin: 0 auto;
border: 0px;
text-align: center;
}
#footercontainer {
width: 950px;
padding: 0 0px;
padding-top: 40px;
padding-bottom: 40px;
margin: 0 auto;
}
#footerresources {
width: 300px;
float: left;
text-align: left;
padding-right: 24px;
}
#footerperiodicals {
width: 300px;
float: left;
text-align: left;
}
#footerpersonals {
width: 300px;
float: right;
text-align: left;
}
#footer a {
color: #999999;
}
#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}
#footer a:link {
color: #999999;
text-decoration: none;
}
#footer a:active {
color: #999999;
text-decoration: none;
}
#footer a:visited {
text-decoration: none;
}
-->
</style>
<script type="text/javascript">
$NXT_LIST_SETTINGS = {
  duplicate_buttons: false,
  duplicate_navigation: false,
  row_effects: false,
  show_as_buttons: false,
  record_counter: false
}
</script>
<style type="text/css">
  /* Dynamic List row settings */
  .KT_col_file {
width:948px;
overflow:hidden;
background-color: #CCCCCC;
height: 298px;
}
  .KT_col_title {width:140px; overflow:hidden;}
  .KT_col_Description {width:140px; overflow:hidden;}
  .KT_col_category {width:140px; overflow:hidden;}
.KT_col_file1 {width:140px; overflow:hidden;}
</style>
<link href="includes/skins/mxkollection3.css" rel="stylesheet" type="text/css" media="all" />
<script src="includes/common/js/base.js" type="text/javascript"></script>
<script src="includes/common/js/utility.js" type="text/javascript"></script>
<script src="includes/skins/style.js" type="text/javascript"></script>
<script src="includes/nxt/scripts/list.js" type="text/javascript"></script>
<script src="includes/nxt/scripts/list.js.php" type="text/javascript"></script>
<style type="text/css">
  /* Dynamic List row settings */
  .KT_col_title {width:140px; overflow:hidden;}
  .KT_col_Description {width:140px; overflow:hidden;}
  .KT_col_file {
width:948px;
overflow:hidden;
}
  .KT_col_category {width:140px; overflow:hidden;}
.KT_col_title1 {width:140px; overflow:hidden;}
.KT_col_title1 {width:140px; overflow:hidden;}
.KT_col_Description1 {width:140px; overflow:hidden;}
.KT_col_Description1 {width:140px; overflow:hidden;}
.KT_col_category1 {width:140px; overflow:hidden;}
.KT_col_category1 {width:140px; overflow:hidden;}
.KT_col_file2 {
width:948px;
overflow:hidden;
background-color: #F3F3F3;
height: 298px;
border: thin solid #999999;
}
.KT_col_file2 {	width:948px;
overflow:hidden;
}
.style1 {
font-size: 24px;
color: #00416a;
}
.style2 {
color: #b20000;
font-size: 24px;
}
</style>
</head>

<body class="oneColFixCtr">

<div id="container">
<div id="header"><img src="logo.gif" alt="Logo" width="300" height="104" /></div>
  <div id="mainContent">
  <div id="navcontainer">
  	<ul id="nav">
<li id="navtheworkof"><a href="http://www.theworkof.co.uk">The Work Of</a></li>
<li id="navthewordsof"><a href="/blog">The Words Of</a></li>
<li id="navwhoisnm"><a href="/bio/bio.html">Who Is Neil Martin?</a></li>
</ul>
  </div>
    <div id="contactinfo">email: [email protected]</div>
    <!-- being artwork -->
    <!-- being artwork -->
    <!-- being artwork -->
    <!-- being artwork -->
    <!-- end #mainContent -->
  </div>
  <!-- end #container --></div>
   <br />
   <br />
   <div class="KT_tng" id="listfolio2">
     <div align="center" class="KT_tnglist">
    <form action="<?php echo KT_escapeAttribute(KT_getFullUri()); ?>" method="post" id="form1">
      <div class="KT_options"></div>
      <div align="center"></div>
      <table align="center" cellpadding="2" cellspacing="0" class="KT_tngtable">
        <thead>

          <?php 
  // Show IF Conditional region3
  if (@$_SESSION['has_filter_tfi_listfolio2'] == 1) {
?>
          <?php } 
  // endif Conditional region3
?>
        </thead>
        <tbody>
          <?php if ($totalRows_rsfolio1 == 0) { // Show if recordset empty ?>
          <tr>
            <td colspan="12"><?php echo NXT_getResource("The table is empty or the filter you've selected is too restrictive."); ?></td>
          </tr>
          <?php } // Show if recordset empty ?>
          <?php if ($totalRows_rsfolio1 > 0) { // Show if recordset not empty ?>
          <?php do { ?>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"><div align="center" class="KT_col_file2"><img src="folio/<?php echo $row_rsfolio1['file']; ?>" alt="" align="middle" /></div>
              <div align="center"></div></td>
          </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"> </td>
          </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td width="10" valign="top" bgcolor="#E6E6E5"> </td>
            <td width="140" valign="top" bgcolor="#E6E6E5"><div><span class="style1"><br />
              Who</span><br />
  <span class="KT_col_title1"><?php echo KT_FormatForList($row_rsfolio1['title'], 20); ?></span><br />
            </div></td>
            <td width="140" valign="top" bgcolor="#E6E6E5"><div align="left"><span class="style1"><br />
              What</span><br />
              <span class="KT_col_category1"><?php echo KT_FormatForList($row_rsfolio1['category'], 20); ?></span></div></td>
            <td width="140" valign="top" bgcolor="#E6E6E5"><div align="left"><span class="style1"><br />
              Where</span></div></td>
            <td width="10" bgcolor="#E6E6E5"> </td>
            <td width="14" bgcolor="#F3F3F3"> </td>
            <td width="470" valign="top" bgcolor="#F3F3F3"><div align="left"><span class="style2"><br />
              Why</span><br />
              <span class="KT_col_Description1"><?php echo KT_FormatForList($row_rsfolio1['Description'], 20); ?></span><br />
              <br />
            </div></td>
          </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"><div align="center"><br />
              <img src="divider.gif" alt="Divider" width="950" height="31" /></div></td>
            </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"> </td>
          </tr>
          <?php } while ($row_rsfolio1 = mysql_fetch_assoc($rsfolio1)); ?>
          <?php } // Show if recordset not empty ?>
        </tbody>
      </table>
      <div class="KT_bottomnav">
        <div>
          <?php
            $nav_listfolio2->Prepare();
            require("includes/nav/NAV_Text_Navigation.inc.php");
          ?>
        </div>
      </div>
      <div class="KT_bottombuttons">
        <div class="KT_operations"></div>
      </div>
    </form>
  </div>
  <br class="clearfixplain" />
</div>
<p> </p>
</p>
<br />
   <br />
</div>
   <div id="footer" class="hover">
 <div id="footercontainer">
       		 <div id="footerresources">
                 <img src="footerresources.gif" alt="Resources" width="300" height="7" />
                 <p><a href="http://www.cl.cam.ac.uk/~mgk25/iso-paper.html">Paper Sizes</a><br /> 
                 Gives an explanation of the ISO standard paper size system, with a range of paper sizes.</p>
                 <p><a href="http://www.gapingvoid.com/Moveable_Type/archives/000876.html">How to be Creative</a><br />
                 A list of useful tips on how to get your creative juices flowing.</p>
                 <p><a href="http://www.dafont.com">DaFont</a><br />
                 The best database of freeware fonts.</p>
                 <p><a href="http://www.bluevertigo.com.ar/bluevertigo.htm">Blue Vertigo</a><br />
                 A resource for resources!</p>
                 <p><a href="http://psdtuts.com/">PSD Tuts</a><br />
                 Thoroughly explained tutorials that always come in handy.</p>
                 <p><a href="http://www.sxc.hu/index.phtml">Stock.xchng</a><br />
                 The best site for royalty free stock photography</p>
   </div>
                <div id="footerperiodicals">
                <img src="footerperiodicals.gif" alt="Periodicals" width="300" height="7" />
                <p><a href="http://www.alistapart.com">A List Apart</a><br />
                An excellent resource with well written articles on web design.</p>
                <p><a href="http://www.designobserver.com">Design Observer</a><br />
                One of the best web magazines/blogs on graphic design, amongst other things.</p>
                <p><a href="http://ilovetypography.com">I Love Typography</a><br />
                If typography is your thing, so is this great blog.</p>
                </div>
       			<div id="footerpersonals">
                <img src="footerpersonals.gif" alt="Personals" width="300" height="7" />
                 <p><a href="http://alanlbw.wordpress.com">Alan Leatherbarrow</a><br />
                 A photographer from my home city of Liverpool.</p>
                 <p><a href="http://draw.vox.com/">Marc Johns</a><br />
                 A subtly amusing illustrator from Canada.</p>
                 <p><a href="http://www.davidairey.com/">David Airey</a><br />
                 A very popular logo designer, with a very popular website.</p>
                 <p><a href="http://jefffisherlogomotives.blogspot.com/">Jeff Fisher</a><br />
                 A logo designer who often goes into detail about the design process.</p>
                 <p><a href="http://kkwu.wordpress.com/">K3n</a><br />
                 Keeps people updated on various design-related news.</p>
                 <p><a href="http://blog.signalnoise.com/">Jeff White</a><br />
                 A great blog on general design and his own work.</p>
       			</div>
        	</div>
</div>
</body>
</html>
<?php
mysql_free_result($rsfolio1);
?>

 

if anyone could help that would be amazing, thanks

Link to comment
https://forums.phpfreaks.com/topic/132554-annoying-alignment-issue/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.