|
HTML - Table - Extra Pixels At Bottom Of Td Column???
Similar TutorialsI 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. I am trying to make an image stay at the bottom of a column, no matter how long the column is on each page of my site: http://musicalmadness.atspace.com/ The green bar on the left is the column I am referring to. The image I want to float on the bottom of the column is the parenthesis facing upward, the second in the column. Does anyone have any ideas on how I can get it to always appear at the bottom of the green column no matter how long the page is for each page of my site? Thank you. 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. 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>
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. 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! 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>
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 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? How do I make a table look like it's top and bottom go off the screen, like a solid bar down the middle of the screen. Instead of (with green being the table) it looks like . Thanks all. I've been trying to figure out how to get a table that takes up 100% of the screen and has no margins. I've set all my page margins to 0 and my table width to 100% but I still get no luck. This is an example of what I am referring to: http://justskins.com/wpdemo/?wptheme=Webby%20Blue (the bottom part with recent posts, recent comments, etc...) Also, I like coding tables, I don't really care for css... Any help would be appreciated, thanks a lot! I'm looking for some help getting an html table I created to be at the top of a page. It looks alright to me, but then when I post it to my blog it has like 50 blank lines and puts it at the bottom of the page. I want it right at the top. I'm not the best at html, especially tables... I just try and copy excisting table examples and add my own information. If someone can help it would be greatly appreciated. Heres the code: HTML Code: <table cellspacing="1" cellpadding="2" border="1"> <tbody></tbody></table><table border="6"> <tbody><tr> <td><b><center>Player</center></b></td> <td><b><center>G</center></b></td> <td><b><center>PA</center></b></td> <td><b><center>AB</center></b></td> <td><b><center>R</center></b></td> <td><b><center>H</center></b></td> <td><b><center>HR</center></b></td> <td><b><center>RBI</center></b></td> <td><b><center>BB</center></b></td> <td><b><center>SO</center></b></td> <td><b><center>SB</center></b></td> <td><b><center>BA</center></b></td> <td><b><center>OBP</center></b></td> <td><b><center>SLG</center></b></td> <td><b><center>OPS</center></b></td><b> </b></tr> <tr> <td align="middle">Corey Hart</td> <td>60</td> <td>221</td> <td>194</td> <td>34</td> <td>61</td> <td>10</td> <td>31</td> <td>21</td> <td>35</td> <td>15</td> <td>.314</td> <td>.391</td> <td>.531</td> <td>.922</td> </tr> <tr> <td align="middle">Carlos Lee</td> <td>76</td> <td>331</td> <td>292</td> <td>41</td> <td>85</td> <td>13</td> <td>60</td> <td>24</td> <td>30</td> <td>4</td> <td>.291</td> <td>.341</td> <td>.503</td> <td>.844</td> </tr> <tr> <td align="middle">Corey Hart Projected</td> <td></td> <td></td> <td>294</td> <td>51</td> <td>91</td> <td>15</td> <td>46</td> <td>31</td> <td>52</td> <td>22</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> </tr></tbody></table> Hi, i have tables on my site at the top, middle, right,left etc... but I can't seem to get one to stick at the bottom of the page, it just stays underneath the other page info, i want it to go right to the bottom.... any ideas? thanks I have a table with 2 rows. The table is 100% width and height. I want the bottom row to snap to the bottom. This row in particular has a background image and another table inserted in it (3 columns x 1 row) How can I do this? Please help!! Here is the code (I have tagged in blue colour the row I want snapped to the bottom): <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="leftrepeatimg"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="127" valign="top" background="images/left_top_bg10.jpg" class="imagerepeathorizontal"><div align="left"><img src="images/left_top.jpg" width="117" height="127" /></div></td> </tr> <tr> <td valign="top" bgcolor="#000000"><div align="left"><img src="images/left_middle2.jpg" width="117" height="492" /></div></td> </tr> </table> </td> <td width="790" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="180" valign="top" background="images/menu_bg3.jpg" class="norepeat"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="23" colspan="3"> </td> </tr> <tr> <td width="337" height="61"><div align="center"><span class="style2">menu goes here </span></div></td> <td width="114" height="61"><img src="images/logo3.jpg" width="114" height="61" /></td> <td width="339" height="61"><div align="center"><span class="style2">menu goes here </span></div></td> </tr> <tr> <td colspan="3"> </td> </tr> </table></td> </tr> </table> </td> <td valign="top" class="rightrepeatimg"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="127" valign="top" background="images/left_top_bg10.jpg"><div align="right"><img src="images/right_top.jpg" width="117" height="127" /></div></td> </tr> <tr> <td valign="top" bgcolor="#000000"><div align="right"><img src="images/right_middle2.jpg" width="117" height="492" /></div></td> </tr> </table></td> </tr> <tr> <td colspan="3" valign="top" background="images/bottom_gradient_blue.jpg" class="bottomfixed"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><div align="left"><img src="images/bottom_left.jpg" width="276" height="91" /></div></td> <td><div align="center"><img src="images/bottom_line.jpg" width="404" height="91" /></div></td> <td><div align="right"><img src="images/bottom_right.jpg" width="207" height="91" /></div></td> </tr> </table></td> </tr> </table> Im trying to creat a border above and beyond a word using inline css but want it go along the length of the whole width of the table. the table width is 500px. example I want this heading to have a bottom border go right across the width not just under it. <p><span style="font-size:12px;font-family:verdana;line-height:150%;border-bottom: 1px solid #EAEADA; font-weight:bold;color:#24561e;">HEADING1</span></p> I dont want to add a style sheet. The above code Shows up as HEADING hey, simple question here i just cant get it to work though. i want to align some text to the bottom and to the right of a table <table width="100%" cellspacing="0" border="0" cellpadding="18" height="75%"> <tr> <td bgcolor="000000" width="10%"> <img src="graphics/spacer.gif" width="100" height="1"> </td> <td bgcolor="ffffff" width="90%" valign="top"> <h2>Welcome to the Darwin Soccer Clubs Official Website</h2> <hr color="black"> <p>Here we strive to bring you all the latest news from the club by keeping you updated on the results from all our games throught out the season, the roster so you will never forget when your teams, where your teams playing and who there playing. <br><br> Also check out the new <a href="p4potw.html">Player of the week</a> page to see if you have made it to number one!</p> <p align="right" valign="bottom"> THIS IS THE PART I CANT GET TO WORK</p> </td> </tr> i dont no why.. and try not to think about the other writing in the table this is for my studies i am doing. cheers </table> On every other page, my table around my content works, but on the main page: http://www.snowwhitedesign.com there is a lot of white space below my image. My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights. Also, how can I get rid of that small border line running right through the middle of my image? thanks! If I want to make a way to have that table move ends? Hi: I would like to present to my users a 3-column table of 'House for Sale' advertisements. This is not a commercial venture but will only be for the use of my Senior Mobile Home Park residents. Each of the three columns should contain x number of rows with each column cell containing a tiny pic (from a house.jpg file) and underneath the pic would be a few general details of the price, address, agent selling, etc. The .pic would be clickable and would then bring up a more enlarged picture of the house and complete details of the house for sale. My first puzzle is how to make this list of rows of advertisements *variable*. I guess I have to 'build' the page in my server according to how many ads are currently active ?? Any first thoughts are welcome. Thanks, -Mel Smith I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content. I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page. Here's my code: <html> <head> <title></title> <link rel=stylesheet type="text/css" href=stylesheet.css> </head> <body topmargin="0px" bottommargin="0px"> <center> <table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px"> <tr><td> <center> <img src="logo.png"></a> </center> </td><td> <center> <b><big>Name</big></b> <br>Address <br>Address <br>Phone & Fax <br>License </center> </td><td> <center> <img src="logo.png"></a> </center> </td></tr> <tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px"> <center> <img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif"> <p><b><big>Welcome!</big></b></p> <p>Content</p> </center> </td></tr> </table> </center> </body> ----------------------- |
|||||||