Kmberly Posted August 5, 2008 Posted August 5, 2008 I run LoginBoxV5.4 and STS, and I am having a difficult time finding where to fix this small cosmetic issue. Please help! My loginbox and text on this page: http://www.scottsdogtraining.com/catalog/index.php ...are stretched out. It is only like that on the pages with a loginbox. Here is my code for loginbox.php: <?php /* osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2002 osCommerce Released under the GNU General Public License IMPORTANT NOTE: This script is not part of the official osC distribution but an add-on contributed to the osC community. Please read the README and INSTALL documents that are provided with this file for further information and installation notes. loginbox.php - Version 5.4 This puts a login request in a box with a login button. If already logged in, will not show anything. Modified to utilize SSL to bypass Security Alert */ // WebMakers.com Added: Do not show if on login or create account if ((!strstr($_SERVER['PHP_SELF'],'login.php')) and (!strstr($_SERVER['PHP_SELF'],'create_account.php')) and (!strstr($_SERVER['PHP_SELF'],'order_info.php')) and (!strstr($_SERVER['PHP_SELF'],'order_info_process.php')) and (!tep_session_is_registered('customer_id'))) { ?> <!-- loginbox //--> <?php if (!tep_session_is_registered('customer_id')) { ?> <tr> <td> <?php $info_box_contents = array(); $info_box_contents[] = array('text' => BOX_HEADING_LOGIN_BOX); new infoBoxHeading($info_box_contents, false, false); $loginboxcontent = tep_draw_form('login', tep_href_link(FILENAME_LOGIN, 'action=process', 'SSL')) . BOX_LOGINBOX_EMAIL . tep_draw_input_field('email_address', '', 'size="5" maxlength="100" style="width: ' . (BOX_WIDTH-20) . 'px"') .'<br><br>' . BOX_LOGINBOX_PASSWORD . tep_draw_password_field('password', '', 'size="5" maxlength="40" style="width: ' . (BOX_WIDTH-20) . 'px"') .'<a href="' . tep_href_link(FILENAME_PASSWORD_FORGOTTEN, '', 'SSL') . '">' . BOX_LOGINBOX_FORGOT_PASSWORD . '</a>' . tep_image_submit('button_login.gif', IMAGE_BUTTON_LOGIN, 'SSL') . '</form><br><br>' . BOX_LOGINBOX_TEXT_NEW . '<a href="' . tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '">' . BOX_LOGINBOX_NEW . '</a>' ; $info_box_contents = array(); $info_box_contents[] = array('align' => 'center', 'text' => $loginboxcontent); new infoBox($info_box_contents); ?> </td> </tr> <?php } else { // If you want to display anything when the user IS logged in, put it // in here... Possibly a "You are logged in as :" box or something. } ?> <!-- loginbox_eof //--> <?php // WebMakers.com Added: My Account Info Box } else { if (tep_session_is_registered('customer_id')) { ?> <!-- my_account_info //--> <tr> <td> <?php $info_box_contents = array(); $info_box_contents[] = array('align' => 'left', 'text' => BOX_HEADING_LOGIN_BOX_MY_ACCOUNT); new infoBoxHeading($info_box_contents, false, false); $info_box_contents = array(); $info_box_contents[] = array('align' => 'left', 'text' => '<a href="' . tep_href_link(FILENAME_PRODUCTS_NEW, '', 'SSL') . '">' . LOGIN_BOX_PRODUCTS_NEW . '</a><br>' . '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . LOGIN_BOX_MY_ACCOUNT . '</a><br>' . '<a href="' . tep_href_link(FILENAME_ACCOUNT_EDIT, '', 'SSL') . '">' . LOGIN_BOX_ACCOUNT_EDIT . '</a><br>' . '<a href="' . tep_href_link(FILENAME_ACCOUNT_HISTORY, '', 'SSL') . '">' . LOGIN_BOX_ACCOUNT_HISTORY . '</a><br>' . '<a href="' . tep_href_link(FILENAME_ADDRESS_BOOK, '', 'SSL') . '">' . LOGIN_BOX_ADDRESS_BOOK . '</a><br>' . '<a href="' . tep_href_link(FILENAME_ACCOUNT_NOTIFICATIONS, '', 'NONSSL') . '">' . LOGIN_BOX_PRODUCT_NOTIFICATIONS . '</a><br>' . '<a href="' . tep_href_link(FILENAME_LOGOFF, '', 'NONSSL') . '">' . LOGIN_BOX_LOGOFF . '</a>'); new infoBox($info_box_contents); ?> </td> </tr> <!-- my_account_info_eof //--> <?php } } ?> and my index.php.html (STS) page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body id="page3"> <table class="main_table"> <tr> <td class="site_center"> <table class="site_center1"> <tr> <td> <table class="main"> <tr> <td> <div class="flash"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="766" height="367"> <param name="movie" value="flash/header_fv8.swf?button=3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <!--[if !IE]> <--> <object data="flash/header_fv8.swf?button=3" width="766" height="367" type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> FAIL (the browser should render some flash content, not this). </object> <!--> <![endif]--> </object></div> </td> </tr> <tr> <td> <table id="content"> <tr> <td class="col1"> <table class="bot"> <tr> <td class="top"> <div class="indent"> <img src="images/t3_1.gif" alt="" class="title" /> <div class="separate"><img src="images/spacer.gif" alt="" width="1" height="1" /></div> <img src="images/p3_1.jpg" alt="" class="img" /> <div class="ind"> <strong>$loginbox</strong><br /> <div class="separate"> </div><br /><b>Shopping Cart</b><br />$cartbox<br align="right" /><a href="/catalog/checkout_shipping.php">$checkout</a> <p /> </p> </div> <div class="separate"><img src="images/spacer.gif" alt="" width="1" height="1" /></div> <div class="ind"> <br style="line-height:7px" /> <strong><a href="#">Suspendisse Sollicitudin Velit Sed</a></strong> Adipiscing eraesent tib ulumsmole las aec enas tristue orcsedis le las aecenas<br /> tristue orcseuis ultricieene magnis dis se uis ultricietr. magna. Donec accumsan. <ul> <li><a href="<?php echo tep_href_link('index.php', 'cPath=21&', 'NONSSL'); ?>">Training Videos</a></li> <li><a href="<?php echo tep_href_link('index.php', 'cPath=22&', 'NONSSL'); ?>">Second Category</a></li> </ul> </div> </div> </td> </tr> </table> </td> <td class="col2"> <table class="doggy"> <tr> <td><img src="images/t3_2.gif" alt="" class="title" /> <strong>Quis autem vel eum quis lobortis ipsa quae ab illo inventore veritatis et quasi ar</strong> Donec sagittis euismod purus.Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. </td> </tr> </table> <div class="indent"> $content </div> </td> <td class="col3"></td> </tr> </table> </td> </tr> <tr> <td id="footer"> Scott's Professional Dog Training © <?php echo date("Y") ?> | <a href="index-6.html">Privacy policy</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html> Quote
Kmberly Posted August 5, 2008 Author Posted August 5, 2008 and here's my style.css: html {height:100%;} body {margin:0; padding:0;background:url(images/body.gif) repeat-x #363636; height:100%} table, td {border-collapse:collapse;} table, td, img {border:0; padding:0;} form, td{margin:0; padding:0;} td, select, input {font:11px/14px tahoma, arial, helvetica, sans-serif; color:#999898; vertical-align:top; text-align:left;} .table{ height:100%; } /*in_line_style*/ .main_table{ width:100%; height:auto} .site_center{text-align:center; width:100%;} .site_center1{margin:0 auto; text-align:left; width:766px;} .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #fff; } .flash{ height:367px} a{ color:#cd4c13; text-decoration:underline} a:hover{ text-decoration:none} span a{ color:#8e8b7e; text-decoration:underline} span a:hover{ text-decoration:none} p{ margin:0; padding:0} ul { margin:0; padding:0; list-style:none;} ul li { background:url(images/list_bg.gif) no-repeat 0 8px; margin:0; padding:0 0 0 16px;} ul li a {line-height:18px; color:#8e8b7e; text-decoration:underline;} ul li a:hover{ text-decoration:none} .title, .title_top, .title_bot, .img, .img1 {display:block} .main{ width:100%} .separate{ background: url(images/separate.gif) repeat-x; width:auto; height:12px} /*header*/ #header{ height:368px} #header .row1{ padding-left: 21px; background:url(images/head_row1_bg.jpg) no-repeat left bottom} #header .row1 img{ margin:30px 0 45px 0} #header .row2{ height:234px} #header .row2 .col1{ width:302px; background:url(images/doggy_left.jpg) no-repeat; text-align:right} #header .row2 .col2{ width:464px; background:url(images/doggy_right.jpg) no-repeat} /*footer*/ #footer{ height:39px; padding-right:54px; text-align:right; color:#8a8a8a} #footer a{ color:#cd4c13; text-decoration:underline} #footer a:hover{ text-decoration:none} /*content*/ #content{ height:618px} #content .col1{ width:293px; background:url(images/rep.gif) repeat-y;} #content .col1 td{ color:#999898; line-height:12px} #content .col1 .bot{ background:url(images/bot.gif) no-repeat left bottom; height:100%} #content .col1 .top{ background:url(images/top.gif) no-repeat; height:100%} #content .col2{ width:442px} #content .col3{ width:31px; background:url(images/rb.gif) no-repeat; height:618px} #content .col1 strong a{ color:#ffffff; text-decoration:underline} #content .col1 strong a:hover{ text-decoration:none} #content .col1 span a{ color:#8e8b7e; text-decoration:underline; background:url(images/marker.gif) no-repeat right top; padding-right:15px} #content .col1 span a:hover{ text-decoration:none} #content .col2 span a{ color:#cd4c13; text-decoration:underline; background:url(images/marker1.gif) no-repeat right top; padding-right:17px} #content .col2 span a:hover{ text-decoration:none} #content .col2 span strong a{ color:#d6d6d6; text-decoration:underline; background:url(images/marker2.gif) no-repeat right top; padding-right:15px; font-weight:normal} #content .col2 span strong a:hover{ text-decoration:none} #content .col2 .separate{ background:url(images/separate1.gif) repeat-x} #content .col2 b{ color:#fff } #content .col2 .indent{line-height:13px; color:#898989} /*index.html*/ #page1 #content .col1 .top .indent{ padding:65px 40px 47px 42px} #page1 #content .col1 .top .indent .title{ margin-bottom:19px} #page1 #content .col1 .top .indent .img{ margin:4px 0 22px 0} #page1 #content .col1 .top .indent .ind{ margin-left:7px; margin-bottom:24px} #page1 #content .col1 .top .indent strong a{ display:block; margin-bottom:6px} #page1 #content .col1 .top .indent p{ margin-bottom:17px} #page1 #content .col1 .top .indent .img1{ margin:4px 0 25px 0} #page1 #content .col2 .cat{ height:177px; background:url(images/cat.jpg) no-repeat} #page1 #content .col2 .cat td{ padding:31px 24px 30px 169px; color:#ffffff; line-height:14px} #page1 #content .col2 .cat .title{ margin-bottom:28px} #page1 #content .col2 .cat strong{ display:block; margin-bottom:8px} #page1 #content .col2 .indent{ padding:26px 5px 10px 11px; line-height:13px; color:#898989} #page1 #content .col2 .indent .title_top{ margin:0 0 19px 16px} #page1 #content .col2 .indent .block{ width:401px; height:92px; margin:7px 0 32px 16px} #page1 #content .col2 .indent .block .column1{ width:192px} #page1 #content .col2 .indent .block .column1 img{ margin:5px 0 10px 0; display:block} #page1 #content .col2 .indent .block .column2{ width:31px; background:url(images/y.gif) repeat-y} #page1 #content .col2 .indent .block .column3 img{ margin:5px 0 10px 0; display:block} #page1 #content .col2 .indent .block .column3{ width:178px} #page1 #content .col2 .indent .title_bot{ margin:0 0 18px 16px} #page1 #content .col2 .indent .image{ margin:0 27px 30px 7px; float:left} #page1 #content .col2 .indent p{ margin:11px 0 11px 0} /*index-1.html*/ #page2 #content .col1 .top .indent{ padding:68px 40px 92px 42px} #page2 #content .col1 .top .indent strong a{ display:block; margin-bottom:6px} #page2 #content .col1 .top .indent .title{ margin-bottom:17px} #page2 #content .col1 .top .indent .img{ margin:4px 0 22px 0} #page2 #content .col1 .top .indent .ind{ margin-left:7px} #page2 #content .col1 .top .indent ul{ margin:18px 0 20px 2px} #page2 #content .col1 .top .indent p{ margin:12px 0 17px 0} #page2 #content .col2 .grey_top{ background:url(images/grey_top.gif) no-repeat; height:217px} #page2 #content .col2 .grey_rep{ background:url(images/rep_grey.gif) repeat-y; margin-bottom:27px; height:189px} #page2 #content .col2 .grey_bot{ background:url(images/grey_bot.gif) no-repeat left bottom} #page2 #content .col2 .grey_top .txt{ padding:32px 30px 20px 27px; color:#ffffff; line-height:14px} #page2 #content .col2 .grey_top .title_top{ margin-bottom:22px} #page2 #content .col2 .grey_top strong{ margin-bottom:8px; display:block} #page2 #content .col2 .grey_top .block{ width:375px; margin-top:15px} #page2 #content .col2 .grey_top .block .c1{ width:202px} #page2 #content .col2 .grey_top .block .c2{ width:173px} #page2 #content .col2 .grey_top .block ul{ margin-left:2px} #page2 #content .col2 .grey_top .block ul li{ background:url(images/list_bg1.gif) no-repeat 0 8px} #page2 #content .col2 .grey_top .block ul li a{ color:#FFFFFF} #page2 #content .col2 .indent{ padding:0 5px 0 11px} #page2 #content .col2 .indent .title_bot{ margin:0 0 19px 15px} #page2 #content .col2 .indent .img{ margin:0 27px 16px 7px; float:left} #page2 #content .col2 .indent .separate{ margin-bottom:14px} #page2 #content .col2 .indent p{ margin:11px 0 11px 0} #page2 #content .col2 .indent .ind{ margin-left:16px; margin-right:5px} #content .col2 .indent ul li{ background:url(images/list_bg2.gif) no-repeat 0 8px} #content .col2 .indent ul li a{ color:#FFFFFF} #page2 #content .col2 .indent .block{ width:369px; margin-top:18px; margin-bottom:40px; height:63px} #page2 #content .col2 .indent .block .c1{ width:202px} #page2 #content .col2 .indent .block .c2{ width:167px} /*index-2.html*/ #page3 #content .col1 .top .indent{ padding:65px 40px 72px 42px} #page3 #content .col1 .top .indent .title{ margin-bottom:19px} #page3 #content .col1 .top .indent .img{ margin:4px 0 22px 0} #page3 #content .col1 .top .indent .ind{ margin-left:7px} #page3 #content .col1 .top .indent strong a{ display:block; margin-bottom:6px} #page3 #content .col1 .top .indent p{ margin:17px 0 24px 0} #page3 #content .col1 .top .indent ul{ margin-top:18px} #page3 #content .col2 .doggy{ height:177px; background:url(images/doggy1.jpg) no-repeat} #page3 #content .col2 .doggy td{ padding:32px 26px 20px 169px; color:#FFFFFF} #page3 #content .col2 .doggy .title{ margin-bottom:22px} #page3 #content .col2 .doggy strong{ margin-bottom:8px; display:block} #page3 #content .col2 .indent{ padding:25px 10px 0 11px} #page3 #content .col2 .indent .title{ margin:0 0 16px 13px} #page3 #content .col2 .indent p{ margin:12px 2px 22px 16px} #page3 #content .col2 .indent .img{ margin:0 27px 0 7px; float:left} #page3 #content .col2 .indent span{ margin:11px 0 10px 0; display:block} #page3 #content .col2 .indent .block{ width:369px; height:40px; margin-top:12px; margin-bottom:21px; margin-left:18px} #page3 #content .col2 .indent .block .c1{ width:202px} #page3 #content .col2 .indent .block .c2{ width:167px} /*index-3.html*/ #page4 #content .col1 .top .indent{ padding:64px 40px 50px 42px} #page4 #content .col1 .top .indent .title{ margin-bottom:16px} #page4 #content .col1 .top .indent .img{ margin:4px 0 22px 0} #page4 #content .col1 .top .indent .ind{ margin-left:7px; margin-bottom:24px} #page4 #content .col1 .top .indent p{ margin:6px 0 17px 0} #page4 #content .col2 .grey_rep{ background: url(images/grey_rep1.gif) repeat-y; height:152px} #page4 #content .col2 .grey_top{ background:url(images/grey_top1.jpg) no-repeat; height:100% } #page4 #content .col2 .grey_bot{ background:url(images/grey_bot1.jpg) no-repeat left bottom; height:100%} #page4 #content .col2 .grey_bot td{ padding:31px 24px 22px 27px; color:#ffffff} #page4 #content .col2 .grey_bot .title{ margin-bottom:18px} #page4 #content .col2 .grey_bot strong{ display:block; margin-bottom:8px} #page4 #content .col2 .indent{ padding:27px 11px 0 11px} #page4 #content .col2 .indent .title{ margin:0 0 18px 9px} #page4 #content .col2 .indent .separate{ margin-bottom:14px} #page4 #content .col2 .indent .img{ float:left; margin:0 27px 11px 7px} #page4 #content .col2 .indent .ind{ margin-right:10px; padding-top:11px} #page4 #content .col2 .indent b{ display:block; margin-bottom:11px} #page4 #content .col2 .indent span strong a{ margin-left:15px} #page4 #content .col2 .indent .title_bot{ margin:49px 0 16px 10px} #page4 #content .col2 .indent p{ margin:0 0 10px 16px } /*index-4.html*/ #page5 #content .col1 .top .indent{ padding:65px 43px 78px 43px} #page5 #content .col1 .top .indent .title{ margin-bottom:17px} #page5 #content .col1 .top .indent .ind{ margin-left:6px; margin-top:2px} #page5 #content .col1 .top .indent strong a{ display:block; margin-bottom:6px} #page5 #content .col1 .top .indent ul{ margin-top:16px; margin-left:2px} #page5 #content .col2 .grey_rep{ background: url(images/grey_rep1.gif) repeat-y; height:217px} #page5 #content .col2 .grey_top{ background:url(images/grey_top1.jpg) no-repeat; height:100% } #page5 #content .col2 .grey_bot{ background:url(images/grey_bot1.jpg) no-repeat left bottom; height:100%} #page5 #content .col2 .grey_bot td{ padding:33px 17px 20px 18px; color:#FFFFFF; line-height:13px} #page5 #content .col2 .grey_bot a{ color:#FFFFFF; text-decoration:underline; display:block; margin-bottom:5px} #page5 #content .col2 .grey_bot a:hover{ text-decoration:none} #page5 #content .col2 .grey_bot .title{ margin-bottom:22px} #page5 #content .col2 .grey_bot .img{ margin:3px 27px 0 0; float:left} #page5 #content .col2 .grey_bot strong{ display:block; margin-bottom:11px} #page5 #content .col2 .indent{ padding:26px 5px 0 11px} #page5 #content .col2 .indent .title{ margin-bottom:17px; margin-left:6px} #page5 #content .col2 .indent .img{ margin:0 27px 17px 3px; float:left} #page5 #content .col2 .indent b{ padding:12px 0 11px 0; display:block} #page5 #content .col2 .indent a{ color:#FFFFFF; text-decoration:underline; display:block; margin-bottom:5px} #page5 #content .col2 .indent a:hover{ text-decoration:none} #page5 #content .col2 .indent .img1{ margin:0 27px 33px 3px; float:left} /*index-5.html*/ #page6 #content .col1 .top .indent{ padding:65px 50px 64px 43px} #page6 #content .col1 .top .indent .title{ margin-bottom:21px} #page6 #content .col1 .top .indent .ind{ margin-left:6px; margin-top:2px} #page6 #content .col1 .top .indent b {display:block; margin-bottom:6px; color:#FFFFFF} #page6 #content .col1 .top .indent p{ margin-bottom:12px} #page6 #content .col2 .doggy{ background: url(images/doggy3.jpg) no-repeat; height:177px } #page6 #content .col2 .doggy td{ padding:31px 25px 21px 169px; color:#FFFFFF} #page6 #content .col2 .doggy a{ color: #FFFFFF; text-decoration:underline} #page6 #content .col2 .doggy a:hover{ text-decoration:none} #page6 #content .col2 .doggy .title{ margin-bottom:18px} #page6 #content .col2 .doggy strong{ display:block; margin-bottom:4px} #page6 #content .col2 .indent{ padding:25px 5px 0 11px } #page6 #content .col2 .indent .title_top{ margin:0 0 18px 13px} #page6 #content .col2 .indent .separate{ margin-bottom:11px} #page6 #content .col2 .indent p{ padding:0 27px 12px 16px} #page6 #content .col2 .indent span strong a{ margin-left:16px} #page6 #content .col2 .indent .title_bot{ margin:47px 0 17px 12px} #page6 #content .col2 .indent .block{ margin:19px 0 44px 16px; width:392px; height:110px} #page6 #content .col2 .indent .block .c1{ width:210px} #page6 #content .col2 .indent .block .c1 .r{ height:30px} #page6 #content .col2 .indent .block .c2{ width:182px} #page6 #content .col2 .indent .block input { width:182px; height:21px; color:#898989; padding:1px 0 0 3px; font-family:tahoma; font-size:11px} #page6 #content .col2 .indent .block textarea { width:182px; height:81px; color:#898989; padding:1px 0 0 3px; font-family:tahoma; font-size:11px} #page6 #content .col2 .indent .block div{ text-align:right; margin-top:11px} /*index-6.html*/ #page7 #content .row1{ height:85px; background:url(images/policy_top.gif) no-repeat; padding-left:48px; vertical-align:bottom} #page7 #content .row3{ height:73px; background:url(images/policy_bot.gif) no-repeat} #page7 #content .row2{ height:460px} #page7 #content .row2 .c1{ width:15px} #page7 #content .row2 .c2{ width:720px; background:#2a2a2a; height:100%} #page7 #content .row2 .c2 .indent{ padding:17px 27px 6px 28px; color:#999898; line-height:12px} #page7 #content .row2 .c2 .indent strong{ color:#FFFFFF} #page7 #content .row2 .c2 .indent a{ color:#cd4c13; text-decoration:underline} #page7 #content .row2 .c2 .indent a:hover{ text-decoration:none} #page7 #content .row2 .c2 .indent .ind{ margin-left:6px; margin-right:16px} #page7 #content .row2 .c2 .indent p{ margin-bottom:12px} #page7 #content .row2 .c2 .indent .separate{ margin-bottom:2px} #page7 #content .row2 .c3{ width:31px} Quote
New 
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.