|
HTML - Html Table Image Display Empty Spaces
Hello,
My name is Eli and I cannot figure out why in the 2nd and 3rd rows of this HTML table there are empty spaces between the columns, making these rows go over the table width limitation of 770. I would really appreciate some help, as it is getting very frustrating and I am sure there is a very simple solution that I am missing. I've searched threads but could not find the right answer. Here is the table HTML code: <table border="0" align="left" cellspacing="0" cellpadding="0" width="770"> <tr> <td width="770" height="1" colspan="2" bgcolor="#FFFFFF"><img src="http://yst.sale-la-vie.com/images/spacer.gif" alt="spacer" width="4" height="1" border="0" align="middle" /></td> </tr> <tr> <td colspan="2" align="left" valign="top" bgcolor="0"><img src="http://yst.sale-la-vie.com/images/main-mid.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/right-mid.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-necklaces-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-earringss-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-goodlook-img.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-bracelets-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-summer-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-newlook-img.jpg" alt="" border="0" /></a></td> </tr> </table> Thanks and best wishes, Eli Similar TutorialsHope I put this in the right section. The website I'm creating has a shopping cart. Respectivley there's a "view cart" button in the menu bar. But when I put the button in the menu, a blank space appears underneath the table like it's a break line. I viewed the page without the button and everything's perfect, so I'm pretty sure it's the form. I've tried putting the form itself into a table will zero-value margins, but it didn't seem to do anything. Is there anyway to get rid of the blank spot? I'm probably missing something. The program I'm using is Dreamweaver. =P Code: <table id="Table_01" width="800" height="48" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="ciol_website/rosaries.html"><img src="ciol_website/slice/ciol_tab_01.gif" alt="" name="image1" width="160" height="24" border="0" id="image1" onmouseover="MM_showMenu(window.mm_menu_0825155153_0,0,24,null,'image1')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/unique_items.html"><img src="ciol_website/slice/ciol_tab_02.gif" alt="" name="image2" width="160" height="24" border="0" id="image2" onmouseover="MM_showMenu(window.mm_menu_0825155740_0,0,24,null,'image2')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/spec_occas.html"><img src="ciol_website/slice/ciol_tab_03.gif" alt="" name="image3" width="160" height="24" border="0" id="image3" onmouseover="MM_showMenu(window.mm_menu_0825160111_0,0,24,null,'image3')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/just_for_kids.html"><img src="ciol_website/slice/ciol_tab_04.gif" alt="" name="image4" width="160" height="24" border="0" id="image4" onmouseover="MM_showMenu(window.mm_menu_0825160607_0,0,24,null,'image4')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/aboutus.html"><img src="ciol_website/slice/ciol_tab_05.gif" alt="" name="image5" width="160" height="24" border="0" id="image5" onmouseover="MM_showMenu(window.mm_menu_0825160731_0,0,24,null,'image5')" onmouseout="MM_startTimeout();" /></a></td>
</tr>
<tr>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/media.html"><img src="ciol_website/slice/ciol_tab_06.gif" alt="" name="image6" width="160" height="24" border="0" id="image6" onmouseover="MM_showMenu(window.mm_menu_0825160842_0,0,24,null,'image6')" onmouseout="MM_startTimeout();" /></a></td>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/accessories.html"><img src="ciol_website/slice/ciol_tab_07.gif" alt="" name="image7" width="160" height="24" border="0" id="image7" onmouseover="MM_showMenu(window.mm_menu_0825160954_0,0,24,null,'image7')" onmouseout="MM_startTimeout();" /></a></td>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/catholicessentials.html"><img src="ciol_website/slice/ciol_tab_08.gif" alt="" name="image8" width="160" height="24" border="0" id="image8" onmouseover="MM_showMenu(window.mm_menu_0825161102_0,0,24,null,'image8')" onmouseout="MM_startTimeout();" /></a></td>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/for_you.html"><img src="ciol_website/slice/ciol_tab_09.gif" alt="" width="160" height="24" border="0" /></a></td>
<td width="160" height="24" align="center" valign="top"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="e@mail.com" />
<input type="hidden" name="display" value="1" />
<input type="image" src="http://catholicitemsonline.com/ciol_website/slice/ciol_tab_10.gif" border="0" name="submit" alt="View items in your cart." />
</form>
</td>
</tr>
</table>
I have list of files in a folder which are to be displayed in html table. Each file should be shown as follows ------------ | image1| | | ------------ <image 1 file name> ------------ | image2| | | ------------ < image 2 file name> its image and name of the file below the image. I am new to this html and needs help! Thank you, Krishna. Hello Everyone, I've a gif file that I want to display on my jsp page. The file is located on the server If I give something like <img src="\\filer\home\mine\myimage.gif" alt="not found" title="Image"> then "not found" is shown on jsp page I even moved the image to my c: dir and tried this <img src="C:\myimage.gif" alt="not found" title="Image"> but that didn't worked either. Can someone please tell me where am I supposed to put the image file. Thanks. hi, In my html page , I have a div tag of fixed size (100px*75px) and i want an image (width=100px, height between 50px to 70px) to be displayed vertically centered in the div. If anyone has done this before Please share the solution. Restrictions: 1 - use html img tag. 2 - don't use CSS background-image property I tried below thigs but they didn't work. 1 - set style="vertical-align:middle" in <img> 2 - move <img> in 1*1 table and set valign= center in <table> Below is my html code: <div id="gallery"> <div id=""> <img src="sample_100_50.jpg" /> </div> </div> and the CSS code: .gallery{ height: 75px; overflow: hidden; position: relative; width: 100px; border:1px solid #DDDDDD; } Thanks in Advance Arpit I am having some basic HTML issues... The code is as follows: Code: <body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Macromedia Flash Player. Do you want to download it now?'), resizeTo(700,560);">
<div id="horizon">
<div id="content">
<div class="bodytext">
<table width="100%" height="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center" valign="middle" style="background-repeat: no-repeat; background-position:bottom right;"><table width="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21" height="16" align="right" valign="bottom"><img src="images/tv/upper-left.gif" alt="tv-upper-left" width="21" height="16" /></td>
<td width="320" height="16" align="center" valign="bottom"><img src="images/tv/top.gif" alt="tv-top" width="320" height="16" /></td>
<td width="21" height="16" align="left" valign="bottom"><img src="images/tv/upper-right.gif" alt="tv-upper-right" width="21" height="16" /></td>
</tr>
<tr>
<td width="21" height="240" align="right" valign="middle"><img src="images/tv/left.gif" alt="tv-left" width="21" height="240" /></td>
<td width="320" height="240" align="center" valign="middle"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript></td>
<td width="21" height="240" align="left" valign="middle"><img src="images/tv/right.gif" alt="tv-right" width="21" height="240" /></td>
</tr>
<tr>
<td width="21" height="69" align="right" valign="top"><img src="images/tv/lower-left.gif" alt="tv-lower-left" width="21" height="69" /></td>
<td width="320" height="69" align="center" valign="top"><img src="images/tv/bottom.gif" alt="tv-bottom" width="320" height="69" /></td>
<td width="21" height="69" align="left" valign="top"><img src="images/tv/lower-right.gif" alt="tv-lower-right" width="21" height="69" /></td>
</tr>
</table>
<p><input type="button" value="Close Window" onclick="window.close()"></p>
</span></p></td>
</tr>
</table>
</div>
</div>
</div>
</body>
the link to a sample of this page is: http://www.mirageadv.com/beta/galler...bridAeroW.html Can someone take a look at this and tell me why I am getting the spaces in the graphics at the top and bottom... Thanks - Jim I have searched this and other forums and tried everything I could possibly think of to fix this. The space doesn't appear in any browser except IE, and unfortunately I need to make the site work fine in IE as well: http://www.mountwernerrealty.com/index3.html As a part of a project I am doing I want to display images on a website. The width/height of the image displayed on the screen should depend on the orientation of the image. The idea is to make the longer side 150px, so if width is greater than height then width=150px, else if height > width, then height=150px. Is there a simple way of doing this? My solution to this is to store the image height and width in a database (I already need to create a database for images), and am using onLoad attribute to change the width/height based on a boolean parameter which tell the orientation of the image, a test version of the code is here (wait for the image to load) http://www.confusionart.com/public/test.html However, as you can notice, first the complete image is loaded and then resized to the desired size. i.e. there is a unnecessary switching of sizes on screen. Is there any way to avoid this. Hey guys! I am incredibly depressed! I have just started making a website, but can't get rid of those white spaces between table rows! Works fine in IE, but Mozilla is not having it. Could anybody take a look and save my life? I have searched around, and nothing I have tried has worked! http://www.mcsforintroducers.com/WylessVentures/ Thanks! Hi there everyone, I'm having a bit of trouble with some of my tables. In the cells of one of my tables I want to align the text right with an extra space at the end of the text. However, the align right ignores any spaces that I try to add to the cell and ends up deleting it. My question is, how can I get the tables to display spaces and not delete them? Thanks. On http://www.thomasmckee.com/scroller.html, how can I align the image of the car to the left of the scroller with no spacing between them and the total size be 960w by 150h? I mean, how do I butt them next to each other? If you can, will you email your answer to thomas@thomasmckee.com? I'm using firework and dreamweaver, but i need to expand some side bar images in html in a table so client can input their own copy so it expands vertically without compromising the design. I need to use HTML code not CSS What code can i use to vertical align the background image in a table? Presently i have this working... <td rowspan="9" background="expansion_images/right_001_r2_c5 copy.png"> </td> Hey guys, EDIT: I figured it out. There was a phantom image that I had between the two that no longer belongs. Nevermind! Thanks, ~C-Style~ Here is an image depicting the trouble I'm having: I want to make a table, consisting of many cells. These cells would be fixed, and *very different* in sizes. It's easy to make a no-space table when all the images are exactly the same size, but when you have images with a variety of sizes, the table doesn't fit perfectly. Basically I want to create a collage of images with overlay text on each image. My idea was that I could create a table, and each cell (td) would have a background which is the image. Then I could just type in that cell, so the text would be over the image. Then I'd do this for every one of my images, and a collage would be formed. The problem is, the table makes large white spaces wherever the image sizes don't match! How do I get rid of these spaces, or is there an entirely different code/approach I should be using? Thanks! Here is my current code: HTML Code:
<html>
<head>
<style type="text/css">
table.nospace {
padding: 0; margin: 0;
border-collapse: collapse;
}
table.nospace tr {
padding: 0; margin: 0;
}
table.nospace td {
padding: 0; margin: 0;
}
</style>
</head>
<body>
<TABLE class="nospace" width="2040px" height="2000px" cellspacing="0px" cellpadding="0px">
<TR>
<td valign="top">
<table><tr>
<TD WIDTH="800px" HEIGHT="800px" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="497" BACKGROUND="image" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="467" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
</TR>
</TABLE>
</body>
</html>
Hi, I cannot get a table to display in a div on my site. If I change <table> to <div>, it works, but it is very tabular data and I need table styling. Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked -->
<a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a>
<div id="stats_inside">
<div style="border:0; padding:2; width:100%;">
<div style="border-collapse: collapse; margin: 3px auto; border: 1px solid blue;">
<div><div>table</div></div></div></div></div>
Above works, below will not work Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked -->
<a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a>
<div id="stats_inside">
<table><td>hello</td></table>
</div>
Further, anything after the <table> declaration disappears. It will not show up. Site is www.uhstitans.com/schedule2.php Click one of the Stats buttons to see the pop-up. FURTHER INFO - EDIT I just noticed that by adding <table>, the content appears at the bottom of the page, instead of being hidden (display:none in the stats_panel div. also, the info trailing it drops to the bottom of the page. In a perfect world, it would all wait until the js is activated and then appear in the center of the page. THis is the result I get when I do not include <table> ad include <div>. Thanks in advance, Todd Hey guys I got help on a project I'm doing from Eri. Seems he used this tag in the code which is posted below. Anyways I did some research apparently Safari doesn't like this tag. His solution works great in IE6, IE7, and FF2/3 but in safari the layout dies. Has anyone messed with this type of solution. Check this out to see what I'm mean if you want a visual representation: http://browsershots.org/http://along...index_new.html Eric HTML Code: <!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" lang="en" xml:lang="en"> <head> <title>Personal Shopping and Concierge Services</title> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <meta name="keywords" content="INSERT KEYWORDS HERE" /> <meta name="description" content="INSERT DESCRIPTION HERE" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="wrap"> <div id="whitebox"> <div id="header"> <div id="logo"> </div><!-- end div logo --> <div id="pagetitle"> <h1>along came mary</h1> <h2>personal shopping and concierge services<br /> the metro atlanta area</h2> </div><!-- end div pagetitle --> <div class="clear"> </div> </div><!-- end div header --> <div id="main"> <div id="sidebar"> <div id="links"> <ul> <li><a href="/">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Our Services</a></li> <li><a href="#">Customer Feedback</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Links</a></li> </ul> </div><!-- end div links --> <div class="clear"> </div> <div id="icea" align="center"> <img src="assnbanner2.jpg" alt=" " /> <p><a href="#">Proud Member of the International Concierge & Errand Association</a></p> </div><!-- end div icea --> </div><!-- end div sidebar --> <div id="content"> <h1>Take a deep breath. Call Mary. Relax. It's handled.</h1> <p> Whether it is shopping, running errands, organizing your home or office, caring for your pets and home while you are away or just waiting for a service contractor to arrive, Along Came Mary is ready when you are. It's like having a personal assistant for you and your home! </p> <p> Along Came Mary specializes in personal shopping and concierge services for individuals and families in the metro Atlanta area. Based in Vinings, an Atlanta, Georgia suburb, Along Came Mary prides itself on providing reliable, top-notch customer service to its clients. Our primary goal is to help busy people create a more balanced and therefore enjoyable lifestyle. When life becomes hectic, being able to make that call for help relieves stress and calms nerves! </p> <p> We know your time is valuable and thank you for visiting our site to learn more about how Along Came Mary can help you create a more balanced, productive, and manageable life. <a href="#">Contact us</a> so that we can show you how good life can truly be! </p> <p> Mary Snelson<br /> <a href="#">mary@marylovesshopping.com</a> </p> <p> 404.422.7564 </p> </div><!-- end div content --> <div class="clear"> </div> </div><!-- end div main --> </div><!-- end div whitebox --> <div id="footer"> <p> <a href="/">Home</a> | <a href="#">About Us</a> | <a href="#">Our Services</a> | <a href="#">Customer</a> | <a href="#">Contact Us</a> | <a href="#">Links</a> </p> </div><!-- end div footer --> </div><!-- end div wrap --> </body> </html> CSS Code: * {
margin: 0px;
padding: 0px;
border: 0px none transparent;
border-spacing: 0px;
}
body {
background-color: #fcc1df;
}
#wrap {
width: 100%;
height: 100%;
border: 0px none transparent;
margin-bottom: 15px;
}
#whitebox {
width: 700px;
height: auto;
background-color: #ffffff;
border: 2px solid #000000;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 700px;
background-color: #ffffff;
border-bottom: 2px solid #e5e5e5;
height: 160px;
display: table;
}
#logo {
width: 135px;
height: 156px;
background-image: url('ACM-Logo.png');
float: left;
display: table-cell;
}
#pagetitle {
width: 561px;
height: 160px;
display: table-cell;
vertical-align: middle;
position: relative;
margin-left: 135px;
}
#pagetitle h1 {
font-size: 250%;
font-weight: bold;
margin-left: 12px;
margin-bottom: 0px;
margin-top: 30px;
}
#pagetitle h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
margin-left: 12px;
font-weight: normal;
margin-top:0px;
}
#main {
width: 696px;
height: 100%;
}
#sidebar {
width: 140px;
background-color: #ffffff;
position: relative;
float: left;
height: 100%;
display: table-cell;
}
#links {
margin-bottom: 10px;
float: left;
height: auto;
margin-left: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
line-height: 125%;
}
#sidebar ul {
list-style-type: none;
margin-right: 5px;
}
#sidebar a:link {
color: #000000;
}
#sidebar a:visited {
color: #000000;
}
#sidebar a:hover {
color: #f1037f;
}
#icea {
width: 140px;
height: 100%;
display: table-cell;
vertical-align: bottom;
padding-top: 100px;
}
#icea a:link {
color: #0000ff;
text-decoration: none;
}
#icea a:visited {
color: #0000ff;
text-decoration: none;
}
#icea a:hover {
color: #f1037f;
text-decoration: underline;
}
#icea img {
width: 132px;
height: 96px;
border: 0px none transparent;
}
#icea p {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 70%;
line-height: 175%;
text-align: center;
margin-left: 4px;
margin-right: 4px;
}
#content {
width: 442px;
background-color: #ffffff;
padding-left: 12px;
height: 100%;
position: relative;
margin-left: 142px;
border-left: 2px solid #e5e5e5;
display: table-cell;
}
#content h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}
#content p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
}
#content a:visited {
color: #0000ff;
text-decoration: none;
}
#content a:hover {
color: #f1037f;
text-decoration: underline;
}
#content img {
width: 132px;
height: 96px;
border: 0px none transparent;
}
#content p {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 85%;
padding-bottom: 18px;
line-height: 125%;
}
#footer {
width: 696px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
}
#footer p
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
}
#footer a:link {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer a:visited {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer a:hover {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #f1037f;
}
div.clear {
clear: both;
font-size: 0%;
line-height: 0%;
width: 100%;
}
I am updating this groups old school website built with tables etc. The main images display to the left in Mozilla and centered in IE. http://www.sevenhawaii.com/ I am assuming, in this case MF is actually displaying it correctly. Does anyone have an idea of a quick fix? I haven't worked with tables in a long time. Mahalo, MJ I don't know how to even debug this because it works in firefox but not IE. I display a table and use PHP script to populate the table. In explorer, the "fellow" value gets SKIPPED and then the next value ("rcf_date") gets put into that td, so everything gets screwed up! Looking at the code I can't figure out what it is about it that explorer doesn't like. Why on earth would it skip the fellow field? Here;s the php code that displays the table: Here's a link to a screenshot of the table in IE: http://bp1.blogger.com/_cy0zia_bU_s/...screenshot.png Here is the code to display that table. Any help would be appreciated: Code: <?php require('secure.php');
include "dateheader.php";
include "connectdb.php"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Active consult patient list</title>
<link href="stylesheets/simple.css" rel="stylesheet" type="text/css">
</head>
<?php
$query = "SELECT id_incr, patient_name, mrn, location, fellow, rcf_date, admission, consult_reason, impression, recs, comments ".
"FROM active_consults WHERE signoff_status = 'a' ".
"ORDER BY patient_name";
$results = mysql_query ($query) or die (mysql_error());
$num_pts = mysql_num_rows ($results);
$consultheading =<<<EOD
<table class="tablemargin" bgcolor="#CCCCFF" width = "98%" border = "1" cellpadding = "2"
cellspacing = "2" align = "left">
<th> Name </th>
<th> MRN </th>
<th> Loc </th>
<th> Fellow </th>
<th> Date of Consult</th>
<th> Reason for Admssion </th>
<th> Reason for Consult </th>
<th> Impression </th>
<th> Recs </th>
<th> Comments </th>
<th> Update patient </th>
</tr>
EOD;
echo $consultheading;
while ($row = mysql_fetch_assoc ($results)) {
?>
<tr>
<td bgcolor="#FFFFFF" >
<?php echo $row['patient_name'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['mrn'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['location'];?> </td>
<td bgcolor="#FFFFFF" ">
<?php echo $row['fellow'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['rcf_date'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['admission'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['consult_reason'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['impression'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['recs'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['comments'];?> </td>
<td bgcolor="#FFFFFF" align="center">
<a href="editpatient.php?action=edit&id=<?php
echo $row['id_incr']; ?>">[edit]</a> </td>
</tr>
<?php
}
?>
<td bgcolor="#CCCCCC" colspan=11 align="left" class="fineprint"> Total active patients:
<?php echo $num_pts; ?></td></tr>
<td></td>
<tr>
</tr>
<tr><td align="center"><a href="newpatient.php">[ADD PATIENT]</a></td>
<td align="center" COLSPAN=4><a href="displaysignoff.php">[DISPLAY SIGNED-OFF LIST]</a></td>
<td align="center" colspan=3><a href="export.php">[EXPORT ALL PATIENTS (EXCEL)]</a></td>
<td colspan=3 align="right"><a href="http://www.hfhpulm.com">[HFHPULM.COM]</a></td>
</tr></table>
problem is fixed, no need to read. Hello, I have a website that displays fine in every browser I've tested but Chrome. The only problem is my borders. In order to get fading rounded edges I made each block a 3x3 table, like this: Code: <div class="general"><table class="bgtable"><tr><td class="bgtopleft"></td><td class="bgtopcenter"></td><td class="bgtopright"></td></tr> <tr><td class="bgleft"></td><td class="primary"> example post </td><td class="bgright"></td></tr><tr><td class="bgbottomleft"></td><td class="bgbottomcenter"></td><td class="bgbottomright"></td></tr></table></div> and here's the applicable portion of my stylesheet: Code: body
{
font-family: sans-serif;
font-size:11pt;
letter-spacing : 0.03em;
line-height : 130%;
color:white;
background-color:white;
}
.container
{
margin: 0 auto 0 auto;
width: 900px;
}
.general
{
background-color:#70a055;
margin: 0px 135px 10px 130px;
}
table.bgtable
{
border:none;
border-collapse: collapse;
width:635px;
}
table.bgtable tr
{
border:none;
}
.bgtopcenter
{
height:20px;
background-image:url(/data/bgtopcenter.gif);
background-repeat:repeat-x;
}
.bgtopleft
{
height:20px;
background-image:url(/data/bgtopleft.gif);
width:18px;
overflow:hidden;
}
.bgtopright
{
height:20px;
background-image:url(/data/bgtopright.gif);
width:18px;
overflow:hidden;
}
.bgbottomcenter
{
height:20px;
background-image:url(/data/bgbottomcenter.gif);
background-repeat:repeat-x;
}
.bgbottomleft
{
height:20px;
background-image:url(/data/bgbottomleft.gif);
width:18px;
overflow:hidden;
}
.bgbottomright
{
height:20px;
background-image:url(/data/bgbottomright.gif);
width:18px;
overflow:hidden;
}
.bgleft
{
background-image:url(/data/bgleft.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
.bgright
{
background-image:url(/data/bgright.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
In most browsers everything lines up right, but in chrome it looks like this: Any suggestions? Thanks for reading. Hello! Is there any way to make a table showing a folder in your FTP? I have an FTP thats is locked, so is there anyway to make it an autologin I just want it to show the files, not the 'Go up a directory' button And is there anyway to make tthe links so people can click on them to open the file the directory HOW CAN I DO THIS Tap Back Josh.R Hi: I have a 600-row table which to now is presented to the user with always the first row displaying. Problem: How do I specify that I want a different and specific row of the table to be displayed at the top of the viewport ? Thank you, -Mel Smith |
|||||||