|
HTML - Extra Column
I am trying to add in an extra column to my website. It was built for a 768 resolution when I really want it bigger now. I would like to add a column on the right hand side for some news and things like that...is there an easy way to just add in a column along the right hand side of the webpage?
Thanks. Similar TutorialsHey guys. I hope I can get some help. I posted in another forum asking this question and got "clobbered". I am having issues with a site that uses tables to put together php files. The files, as per the norm are header.php, footer.php,clumn_left.php, the index page and footer.php. These are put together using an html table. Normally when I put these together it looks great. But i am having troubles with the wishlist.php when it replaces the index.php. And of course I want to make the change in the wishlist.php instead of the others. The files are posted below but I can give you a link offline so you can see what Im trying to say. Thanks. header.php Code: <?php
/*
$Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
// check if the 'install' directory exists, and warn of its existence
if (WARN_INSTALL_EXISTENCE == 'true') {
if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
$messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
}
}
// check if the configure.php file is writeable
if (WARN_CONFIG_WRITEABLE == 'true') {
if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
$messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
}
}
// check if the session folder is writeable
if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
if (STORE_SESSIONS == '') {
if (!is_dir(tep_session_save_path())) {
$messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
} elseif (!is_writeable(tep_session_save_path())) {
$messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
}
}
}
// check session.auto_start is disabled
if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
if (ini_get('session.auto_start') == '1') {
$messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
}
}
if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
if (!is_dir(DIR_FS_DOWNLOAD)) {
$messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
}
}
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
?>
<table width="100%" style="height:100%; background:#252525;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="6" height="100%" valign="top"><?=tep_image(DIR_WS_IMAGES.'bg1.gif','','','','style="margin-top:72px"')?></td>
<td width="100%" height="100%" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="800" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="11" valign="top"></td>
</tr>
<tr>
<td width="100%" height="55" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r h_text" width="100%" height="100%" valign="top" style="padding-left:15px;">
<?php echo tep_draw_separator('spacer.gif', '1', '8'); ?><br>
<?=BOX_HEADING_CURRENCIES?>:<br>
<?php echo tep_draw_separator('spacer.gif', '1', '5'); ?><br>
<?
echo tep_draw_form('currencies', tep_href_link(basename($PHP_SELF), '', $request_type, false), 'get');
reset($currencies->currencies);
$currencies_array = array();
while (list($key, $value) = each($currencies->currencies)) {
$currencies_array[] = array('id' => $key, 'text' => $value['title']);
}
$hidden_get_variables = '';
reset($HTTP_GET_VARS);
while (list($key, $value) = each($HTTP_GET_VARS)) {
if ( ($key != 'currency') && ($key != tep_session_name()) && ($key != 'x') && ($key != 'y') ) {
$hidden_get_variables .= tep_draw_hidden_field($key, $value);
}
}
echo tep_draw_pull_down_menu('currency', $currencies_array, $currency, 'onChange="this.form.submit();" class="select"') . $hidden_get_variables . tep_hide_session_id();
echo '</form>';
?>
<br>
</td>
</tr>
</table>
</td>
<td width="7" height="100%" valign="top"><?php echo tep_draw_separator('spacer.gif', '7', '1'); ?></td>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r h_text" width="100%" height="100%" valign="top" style="padding-left:15px;">
<?php echo tep_draw_separator('spacer.gif', '1', '8'); ?><br>
<?=BOX_HEADING_LANGUAGES?>:<br>
<?php echo tep_draw_separator('spacer.gif', '1', '5'); ?><br>
<?
if (!isset($lng) || (isset($lng) && !is_object($lng))) {
include(DIR_WS_CLASSES . 'language.php');
$lng = new language;
}
$languages_string = '';
reset($lng->catalog_languages);
$rr=0;
while (list($key, $value) = each($lng->catalog_languages)) {
if ($rr!=0) $languages_string .=tep_draw_separator('spacer.gif', '10', '1');
$languages_string .= '<a href="' . tep_href_link(basename($PHP_SELF), tep_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . tep_image(DIR_WS_LANGUAGES . $value['directory'] . '/images/' . $value['image'], $value['name']) . '</a>';
$rr++;
}
echo $languages_string;
?>
<br>
</td>
</tr>
</table>
</td>
<td width="6" height="100%" valign="top"><?php echo tep_draw_separator('spacer.gif', '6', '1'); ?></td>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r h_text" width="100%" height="100%" valign="top" style="padding-left:15px;">
<br style="line-height:10px;">
<a href="<?php echo tep_href_link('wishlist.php')?>"><?php echo BOX_HEADING_CUSTOMER_WISHLIST; ?></a>
</td>
</tr>
</table>
</td>
<td width="6" height="100%" valign="top"><?php echo tep_draw_separator('spacer.gif', '6', '1'); ?></td>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r cart_text" width="100%" height="100%" valign="top" style="padding-left:43px;">
<br style="line-height:10px;">
<font><?=BOX_HEADING_SHOPPING_CART?>:</font><br>
<br style="line-height:8px;">
now in your cart <a href="<?=tep_href_link('shopping_cart.php')?>"><strong><?=$cart->count_contents()?> <?=BOX_SHOPPING_CART_EMPTY?></strong></a><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="6" valign="top"></td>
</tr>
<tr>
<td width="100%" height="210" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="189" height="100%" valign="top">
<?=tep_image(DIR_WS_IMAGES.'logo.jpg')?><br>
</td>
<td width="100%" height="100%" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="53" valign="top" style="text-align:center">
<a href="<?=tep_href_link('index.php')?>"><?=tep_image_button('l1.jpg')?></a><a href="<?=tep_href_link('products_new.php')?>"><?=tep_image_button('l2.jpg')?></a><a href="<?=tep_href_link('specials.php')?>"><?=tep_image_button('l3.jpg')?></a><a href="<?=tep_href_link('account.php')?>"><?=tep_image_button('l4.jpg')?></a><a href="<?=tep_href_link('contact_us.php')?>"><?=tep_image_button('l5.jpg')?></a><br>
</td>
</tr>
<tr>
<td width="100%" height="157" valign="top" style=" background:url(images/t-dr.gif) repeat-x;">
<table width="100%" style="height:100%; background:url(images/t-l.jpg) no-repeat left;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="100%" valign="top" style="background:url(images/t-r.jpg) no-repeat right;">
<div align="right" style="margin: 16px 66px 0px 0px;">
<?=tep_image(DIR_WS_IMAGES.'slogan.jpg')?><br>
<br style="line-height:8px;">
<a href="<?=tep_href_link('specials.php')?>"><?=tep_image(DIR_WS_IMAGES.'click.gif')?></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="5" valign="top"></td>
</tr>
Hello, Im making my navigation bar with a mouse over effect on the buttons. however im getting "extra space" under the command. A blank page can be seen at saracrew.org/blank.html Any help is greatly appricated, Thanks! <!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> <title>SARAcrew.org</title> <link rel="stylesheet" type="text/css" href="general.css" /> </head> <body bgcolor="505769" leftmargin=0 topmargin=0> <table border="0" cellspacing="0" cellpadding="0" bgcolor="505769"> <tr><td colspan="4"> <table border=0 cellpadding=0 cellspacing=0> <tr> <td colspan="4"><img src= "images/banner1.jpg" alt="banner" /></td> </tr> <tr> <td><table border=0 cellpadding=0 cellspacing=0> <td><img src= "images/left_vbar_nav.gif" alt="vbar" /></td> <td> <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src= "images/nav_bar_1.gif" /></td></tr> <tr><td><a href=home.html><img src="images/home_off.gif" onmouseover="this.src='images/home_on.gif'" onmouseout="this.src='images/home_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_2.gif" /></td></tr> <tr><td><a href=news.html><img src="images/news_off.gif" onmouseover="this.src='images/news_on.gif'" onmouseout="this.src='images/news_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_3.gif" /></td></tr> <tr><td><a href=results.html><img src="images/results_off.gif" onmouseover="this.src='images/results_on.gif'" onmouseout="this.src='images/results_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_4.gif" /></td></tr> <tr><td><a href=board.html><img src="images/board_off.gif" onmouseover="this.src='images/board_on.gif'" onmouseout="this.src='images/board_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_5.gif" /></td></tr> <tr><td><a href=pictures.html><img src="images/pictures_off.gif" onmouseover="this.src='images/pictures_on.gif'" onmouseout="this.src='images/pictures_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_6.gif" /></td></tr> <tr><td><a href=orange_oar.html><img src="images/orange_oar_off.gif" onmouseover="this.src='images/orange_oar_on.gif'" onmouseout="this.src='images/orange_oar_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_7.gif" /></td></tr> <tr><td><a href=dues.html><img src="images/dues_off.gif" onmouseover="this.src='images/dues_on.gif'" onmouseout="this.src='images/dues_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_8.gif" /></td></tr> <tr><td><a href=info.html><img src="images/info_off.gif" onmouseover="this.src='images/info_on.gif'" onmouseout="this.src='images/info_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_9.gif" /></td></tr> <tr><td><a href=email.html><img src="images/email_off.gif" onmouseover="this.src='images/email_on.gif'" onmouseout="this.src='images/email_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_10.gif" /></td></tr> </table> </td> <td><img src= "images/right_vbar_nav.gif" alt="vbar" /></td> </table></td></tr> </table> </td> </tr> </table> </td></tr> </table> </body> </html> Hey guys. I hope I can get some help. I posted in another forum asking this question and got "clobbered". I am having issues with a site that uses tables to put together php files. The files, as per the norm are header.php, footer.php,clumn_left.php, the index page and footer.php. These are put together using an html table. Normally when I put these together it looks great. But i am having troubles with the wishlist.php when it replaces the index.php. And of course I want to make the change in the wishlist.php instead of the others. The files are posted below but I can give you a link offline so you can see what Im trying to say. Thanks. (and Im not sure why but my thread didnt show up in the forum the first time but it did in my subscription, so sorry if it ends up being a double post.) header.php Code: <?php
/*
$Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
// check if the 'install' directory exists, and warn of its existence
if (WARN_INSTALL_EXISTENCE == 'true') {
if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
$messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
}
}
// check if the configure.php file is writeable
if (WARN_CONFIG_WRITEABLE == 'true') {
if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
$messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
}
}
// check if the session folder is writeable
if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
if (STORE_SESSIONS == '') {
if (!is_dir(tep_session_save_path())) {
$messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
} elseif (!is_writeable(tep_session_save_path())) {
$messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
}
}
}
// check session.auto_start is disabled
if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
if (ini_get('session.auto_start') == '1') {
$messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
}
}
if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
if (!is_dir(DIR_FS_DOWNLOAD)) {
$messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
}
}
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
?>
<table width="100%" style="height:100%; background:#252525;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="6" height="100%" valign="top"><?=tep_image(DIR_WS_IMAGES.'bg1.gif','','','','style="margin-top:72px"')?></td>
<td width="100%" height="100%" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="800" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="11" valign="top"></td>
</tr>
<tr>
<td width="100%" height="55" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r h_text" width="100%" height="100%" valign="top" style="padding-left:15px;">
<?php echo tep_draw_separator('spacer.gif', '1', '8'); ?><br>
<?=BOX_HEADING_CURRENCIES?>:<br>
<?php echo tep_draw_separator('spacer.gif', '1', '5'); ?><br>
<?
echo tep_draw_form('currencies', tep_href_link(basename($PHP_SELF), '', $request_type, false), 'get');
reset($currencies->currencies);
$currencies_array = array();
while (list($key, $value) = each($currencies->currencies)) {
$currencies_array[] = array('id' => $key, 'text' => $value['title']);
}
$hidden_get_variables = '';
reset($HTTP_GET_VARS);
while (list($key, $value) = each($HTTP_GET_VARS)) {
if ( ($key != 'currency') && ($key != tep_session_name()) && ($key != 'x') && ($key != 'y') ) {
$hidden_get_variables .= tep_draw_hidden_field($key, $value);
}
}
echo tep_draw_pull_down_menu('currency', $currencies_array, $currency, 'onChange="this.form.submit();" class="select"') . $hidden_get_variables . tep_hide_session_id();
echo '</form>';
?>
<br>
</td>
</tr>
</table>
</td>
<td width="7" height="100%" valign="top"><?php echo tep_draw_separator('spacer.gif', '7', '1'); ?></td>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r h_text" width="100%" height="100%" valign="top" style="padding-left:15px;">
<?php echo tep_draw_separator('spacer.gif', '1', '8'); ?><br>
<?=BOX_HEADING_LANGUAGES?>:<br>
<?php echo tep_draw_separator('spacer.gif', '1', '5'); ?><br>
<?
if (!isset($lng) || (isset($lng) && !is_object($lng))) {
include(DIR_WS_CLASSES . 'language.php');
$lng = new language;
}
$languages_string = '';
reset($lng->catalog_languages);
$rr=0;
while (list($key, $value) = each($lng->catalog_languages)) {
if ($rr!=0) $languages_string .=tep_draw_separator('spacer.gif', '10', '1');
$languages_string .= '<a href="' . tep_href_link(basename($PHP_SELF), tep_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . tep_image(DIR_WS_LANGUAGES . $value['directory'] . '/images/' . $value['image'], $value['name']) . '</a>';
$rr++;
}
echo $languages_string;
?>
<br>
</td>
</tr>
</table>
</td>
<td width="6" height="100%" valign="top"><?php echo tep_draw_separator('spacer.gif', '6', '1'); ?></td>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r h_text" width="100%" height="100%" valign="top" style="padding-left:15px;">
<br style="line-height:10px;">
<a href="<?php echo tep_href_link('wishlist.php')?>"><?php echo BOX_HEADING_CUSTOMER_WISHLIST; ?></a>
</td>
</tr>
</table>
</td>
<td width="6" height="100%" valign="top"><?php echo tep_draw_separator('spacer.gif', '6', '1'); ?></td>
<td width="25%" height="100%" valign="top">
<table class="black m1_l" width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="m1_r cart_text" width="100%" height="100%" valign="top" style="padding-left:43px;">
<br style="line-height:10px;">
<font><?=BOX_HEADING_SHOPPING_CART?>:</font><br>
<br style="line-height:8px;">
now in your cart <a href="<?=tep_href_link('shopping_cart.php')?>"><strong><?=$cart->count_contents()?> <?=BOX_SHOPPING_CART_EMPTY?></strong></a><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="6" valign="top"></td>
</tr>
<tr>
<td width="100%" height="210" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="189" height="100%" valign="top">
<?=tep_image(DIR_WS_IMAGES.'logo.jpg')?><br>
</td>
<td width="100%" height="100%" valign="top">
<table width="100%" style="height:100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="53" valign="top" style="text-align:center">
<a href="<?=tep_href_link('index.php')?>"><?=tep_image_button('l1.jpg')?></a><a href="<?=tep_href_link('products_new.php')?>"><?=tep_image_button('l2.jpg')?></a><a href="<?=tep_href_link('specials.php')?>"><?=tep_image_button('l3.jpg')?></a><a href="<?=tep_href_link('account.php')?>"><?=tep_image_button('l4.jpg')?></a><a href="<?=tep_href_link('contact_us.php')?>"><?=tep_image_button('l5.jpg')?></a><br>
</td>
</tr>
<tr>
<td width="100%" height="157" valign="top" style=" background:url(images/t-dr.gif) repeat-x;">
<table width="100%" style="height:100%; background:url(images/t-l.jpg) no-repeat left;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="100%" valign="top" style="background:url(images/t-r.jpg) no-repeat right;">
<div align="right" style="margin: 16px 66px 0px 0px;">
<?=tep_image(DIR_WS_IMAGES.'slogan.jpg')?><br>
<br style="line-height:8px;">
<a href="<?=tep_href_link('specials.php')?>"><?=tep_image(DIR_WS_IMAGES.'click.gif')?></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="5" valign="top"></td>
</tr>
Also my files have to much code for me to post here s if someone wants me to email them or post them somewhere else please let me know. Hi everybody! I'm doing a page and IE keeps putting more space in between table cells than I have specified. Here's the link: http://renewforest.com/test The page is basically a table in a div layer, I have made the table have a 2px cellspacing, it works great for the top 3 cells but puts a few pixels after these first 3 cells, destroying my nifty 2 pixel separation. Also, I have given some cells (the td.topfade attributed ones that is) some left and right padding, BUT NO TOP PADDING, yet Safari and Firefox both put in some padding on the top. Oddly enough, IE obeys the CSS'ed padding, huh. Any ideas? Thanks in advance! (Because this also deals with CSS I am posting this to the CSS section as well, if this is a big no no please let me know.) I'm using the following code to display a table with three columns. The first and third column each have a background image, so that these graphics will appear behind any text. The middle column does not have a background image. Instead, it has three images stacked on top of each other, whose combined height equal the height of the background images on the left and right (30+83+81=194). The table and three cells are given the same dimensions as their contents or background images. Code: <table border="0" cellpadding="0" cellspacing="0" width="584" height="194"> <tr> <td width="239" height="194" align="left" valign="middle" background="left.png"> START </td> <td width="117" height="194"> <img width="117" height="30" src="middle-top.png" border="0" /><br /> <img width="117" height="83" src="middle-middle.png" border="0" /><br /> <img width="117" height="81" src="middle-bottom.png" border="0" /> </td> <td width="228" height="194" align="right" valign="middle" background="right.png"> END </td> </tr> </table> In IE8 this seems to work fine, as it does in Firefox and Chrome. However, in IE7, I get this: You can see that the background begins to repeat at the bottom of the left and right columns, indicating that the table is higher than the dimension specified. Why is this? How can I fix it (without ruining the display in other browsers/versions)? Any suggestions much appreciated! My site name is juicersuperstore.com, I have an image right in the center of the site but there is extra blank space on top and at the bottom of the image and I have tried desperately to fix that but I ave not been able to. From the page source, the area with the blank space looks like this <td width="100%" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="1"> <tr> <td><table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td><div align="center"><img src="images/Template-1_21.jpg" alt="" border="0"></div> </td></tr> <tr> <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td> </tr> <tr> <td class="mphead"><!-- D Main_page //--> <img alt="shop for juicers for low low prices" border="0" height="330" src="http://www.juicersuperstore.com/images/frontpic.jpg" title="juice superstore" width="520" /><img alt=" " border="0" src="https://www.juicersuperstore.com/admin/" /> <!-- Main_page eof //--> </td></tr> <tr> <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td> </tr> The middle image name is frontpic.jpg, please any help would be very appreciated. Thanks I have built a table and it is doing something strange and I would like to know why. It is creating an extra line of blank space before displaying the text in a cell. This cell is within a table that is nested within another table. It's strange because it only has this behavior in Firefox, but not in IE. When I remove this nested table and put it in an HTML file all by itself, the behavior goes away, and the text butts up against the top of the cell like it is intended. The cell in question has nothing but text within it. If I take the original HTML file away from the style sheet it's linked to and away from all the images associated with it, and simply paste the HTML file to my desktop and open it, the blank line is still there. One other thing that is strange to me--when I open the "naked" file from my desktop in IE, IE creates placeholders for all the missing image files so I can see what's going on. When I open the file in FireFox, there are no placeholders, but rather it just recreates the table and shrinks it as if the images are not even there. I'm not exactly sure what code is creating the blank line, otherwise I would post it. So short of pasting in my entire HTML document, I thought I'd describe it and see if anyone has any ideas or may be able to give me some clues. If none of this does any good without the code in question, I'd be happy to post some. Thanks! Everything else has been great there is just one problem Mozilla Firefox shows it the way it should but IE keeps showing extra white space on top of my menus. Explain why this is and give me a solution and I know that negative margins is not the right solution so don't suggest that . thanks, Hello, I've been trying to fix this table problem for hours... I must be missing something simple. I have a table with a bunch of images - the logo and top navigation. For some reason, each column is adding in extra pixels. I've defined the height of each image, and tried dozens of things with column height & stylesheets to get this stuff to align properly, with no luck. When I inspect the element in chrome, I see that the table & columns within have a greater height than the images within. Can anyone provide me with a bit of guidance? Here's the table code: HTML Code: <table id="mast" class="mast" width="770" cellpadding="0" cellspacing="0" border="0"> <tr> <td rowspan="2" height="88"><img src="images/Mast_Smile.png" width="182" height="88" alt="" /></td> <td colspan="9" height="52"><img src="images/Mast_Top.png" width="588" height="52" alt="" /></td> </tr> <tr> <td height="36"><img src="images/Mast_Button_Book.png" width="88" height="36" alt="The Book!" /></td> <td height="36"><img src="images/Mast_Space_1.png" width="24" height="36" alt="" /></td> <td height="36"><img src="images/Mast_Button_Who.png" width="57" height="36" alt="Who?" /></td> <td height="36"><img src="images/Mast_Space_2.png" width="16" height="36" alt="" /></td> <td height="36"><img src="images/Mast_Button_Media.png" width="102" height="36" alt="ATTN: Media" /></td> <td height="36"><img src="images/Mast_Space_3.png" width="28" height="36" alt="" /></td> <td height="36"><img src="images/Mast_Button_Purchase.png" width="112" height="36" alt="For Purchase" /></td> <td height="36"><img src="images/Mast_Space_4.png" width="21" height="36" alt="" /></td> <td height="36"><img src="images/Mast_Cart.png" width="140" height="36" alt="" /></td> </tr> <tr> <td colspan="10" height="6"><img src="images/Mast_Bottom.png" width="770" height="6" alt="" /></td> </tr> </table> You can see it on my server he http://mmm-hmm.com/_test/index.php Thanks so much for any help! Denis I would like to add extra fields to my contact us form on osCommerce. The fields I would like are 'Category' drop down list which would be linked to a selection of email addresses, so that when a customer selects 'sales' or 'cust service' the email would go to a seperate email address each time. This would make it much easier to do admin work. Is it possible to change this without needing to install a ticketing system? My school's library has a really basic search, so I made a form with more options to search for books. The problem is that they have a lot of books in the catalog that are NetLibrary books. I can usually find just the dead-tree version by adding limiters and boolean operators, but I was wondering it is possible to make a form that would let me just type the book title and automatically add "not netlibrary" to it? Hi, I'm coding a HTML page, in which I see lot of space between my header(<h2></h2>) and the contents of the page. The contents of my page happens to be a form with a lot of fields enclosed in the table tag.. Any pointers on how to get rid of the extra space would be highly helpful. this is how the structure of my HTML code looks: <html> <body> <form> <table> <!-- a lot of fields here...--> </table> </form> </body> </html> Thanks in advance. hello, i have a html code with an horizontal flash menu containing 6 flash buttons. the code is like this HTML Code: .....<td width="790" height="30" colspan="2" >
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="131" height="30" >
<param name="movie" value="2.swf" />
<param name="quality" value="high" />
<embed src="2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="131" height="30"></embed></object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="131" height="30"><param name="movie" value="3.swf" />
<param name="quality" value="high" />
<embed src="3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="131" height="30"></embed>
</object>.....
... the other 4 flash buttons
when i run IE everything is ok but in opera there is an extra space between every 2 flash buttons and i really dont know where that came neighter how to remove them.. thank you, is the first time i enter this forum and it really looks great.my best regards to admins. Hi, I'm having a problem with internet explorer and I don't know how to fix it... See the website I'm working on... In Firefox everything is fine...But in Explorer (version 7) you can see a gap below the main horizontal menu (extra white space of 2 or 3 pixels)...And there is also a 1 pixel gap on each side of the web site (see the vertical lines). What can cause that? Is there a way to fix this? Thanks in advance.. I did a test : I created a html file with only a small part of the code and the problem is still there...You can take a look at this test he test2 I was wondering if someone could point me in the right direction here. Given the following: <html><body><table border=1><tr> <td style='vertical-align: bottom;'><pre>Here is one line of preformatted text inside a td tag</pre></td> </tr></table></body></html> Firefox and Internet Explorer display the preformatted text with an extra blank line after the text. Safari seems to display this as I would expect (with no implicit blank line). I've tried playing around with the border, margin, and padding styles, but I can't seem to get rid of the extra blank line within the <td>. Anyone have any ideas ? Thanks, John For some reason, I have a lot of extra space at the top of my page. What could be causing this and how do I fix it? Hi guys & girls, I've got a table nested within a table row. There's a small gap I can't close at the top of the table (see image, attached). Within the table I have cell padding, but it's much more dramatic than I want at the top and bottom. Is there any way to fix these problems with HTML and inline CSS (it's going to be an HTML e-mail). This is for a client and due tomorrow, so any help would be awesome. Thank you. HTML Code: <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="line-height:16px;">
<table width="600" border="0" bordercolor="#000000" cellspacing="0" cellpadding="0" style="border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;">
<tr>
<td><img src="images/ACP9040057_email_ClinicalPsychologist_01.jpg" width="600" height="88" alt="For What Matters Most"></td>
</tr>
<tr>
<td><table width="600" border="0" cellspacing="0" cellpadding="0" style="padding:0; border:0">
<tr>
<td align="center" valign="top"><table width="570" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="359" align="left" valign="top"><p><font face="Arial, Helvetica, sans-serif" style="font-size:12px; text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta tincidunt. Nullam et turpis lorem, sagittis adipiscing nunc. In orci orci, iaculis et sollicitudin ac, adipiscing vel magna. Nullam et orci in dui tristique ultricies. Donec ligula turpis, blandit eget egestas sed, semper eu elit. Nulla in dolor sapien. Suspendisse id nisi porttitor purus ullamcorper dictum. Mauris posuere libero massa.</font></p></td>
<td width="171" align="center" valign="middle"><table width="140" border="0" cellspacing="0" cellpadding="15">
<tr>
<td align="left" bgcolor="#b1c1c9"><font face="Arial, Helvetica, sans-serif" style="font-size:12px; font-weight:bold; line-height:16px; text-align:left;">Qualifications:</font><br />
<font face="Arial, Helvetica, sans-serif" style="font-size:12px; font-weight:normal; text-align:left;">To qualify you must be a U.S. citizen age 18–39 and enrolled in the United States or Puerto Rico.</font></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><font face="Arial, Helvetica, sans-serif" style="font-size:12px; font-weight:normal; text-align:left;">Give yourself the opportunity to concentrate on your education instead of the worries of accumulating debt. <a href="#">Click here</a> now to find out more.</font></td>
<td align="center" valign="top"><a href="#"><img src="images/go_button.jpg" width="171" height="60" alt="Go Button" border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr><td><img src="images/ACP9040057_email_ClinicalPsychologist_05.jpg" width="600" height="9" alt=""></td></tr>
<tr><td align="center" valign="top" style="padding:0;"><table width="570" border="0" vspace="0" align="center" cellpadding="10" cellspacing="0" style="line-height:10px; text-align:left; display:block; border-collapse: collapse;">
<tr><td align="left" valign="top"><p><font face="Arial, Helvetica, sans-serif" style="font-size:10px; line-height:10px; text-align:left;">If you no longer wish to receive email communication from the U.S. Air Force, please click <a href="#" target="_blank">here</a>.
<font face="Arial, Helvetica, sans-serif" style="font-size:10px; line-height:10px; text-align:left;">Your address will be removed from this email list.</font><br /><br />
Or send a request to:<br />
ddd<br />
ddd<br />
ddd</font></p></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
So often when I create a form, a simple form with one text box the form tag adds a bunch of space below when I want it "lean" with zero space. For example a table row... <table> <tr bgcolor="#ffcc33"> <td valign="top" align="left" width="25%"></td> <td valign="top" align="center"><form action="http://www.sanluisshopper.com/search_businesses.php" method="GET" name="search"><input type="Text" name="search" size="20" name="search"><input type="Submit" value="Shop!"></form> </td> <td valign="top" align="right" width="25%"></td> </tr></table> Is there any way to eliminate this extra space? This has driven me batty! Thanks. I'm trying to place a DIV directly below an IFRAME with no space inbetween. Please see this sample page: http://www.esaba.com/space.html When viewed in Firefox, there is an extra space between the IFRAME and the DIV. If I remove the DOCTYPE, it displays correctly. This is for a webpage widget I am developing which writes the IFRAME and DIV into the page through javascript. Because the widget will be placed on many different pages which I don't have control over, it needs to look the same (with no space) regardless of the DOCTYPE or other attributes. Please help me figure out how to remove the extra space. Thanks! |
|||||||