|
HTML - Problem With Table(s) Displaying
Hi guys, i'm having some problems displaying my table text (it's getting out of table borders, which are hidden.). It has some Javascript on it and as well css, but i wasn't sure where to post, so if this is a wrong section, please move it, and i feel so sorry.
Here's the link: http://hpdiscoversrbija.rs/agenda3.html And here's the full code: PHP Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HP Discover Srbija</title> <script type="text/javascript"> <!-- function toggle(box,theId) { if(document.getElementById) { var cell = document.getElementById(theId); if(box.checked) { cell.className = "on"; } else { cell.className = "off"; } } } // --> $(function () { // this line makes sure this code runs on page load $('.checkall').click(function () { $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked); }); }); </script> <style type="text/css"> div.centered { text-align: center; vertical-align:middle } div.centered table { margin: 0 auto; text-align: center; vertical-align:middle } tr.Selected { background-color:#ff0000; } tr.Selected label { font-weight:bold; color:#000080; } table td label { display:block; width:100%; height:100%; padding:10px; cursor: pointer; } #ctl00_ContentPlaceHolder1_gvCustomers { color:#000; background-color:#fff; border-color:#ccc; border-width:1px; border-style:solid; font-family:verdana,sans-serif; font-size:11px; border-collapse:collapse; } <!-- .off { background-color: #FFE9D3; cursor: pointer; } .off:hover { background-color: #8b8b8b; } .on:hover { } .on { background-color: #4c535c; color: white; } .style35 { font-weight: bold; font-size: 16px; color: #FFFFFF; } td { vertical-align: middle; } --> </style> <body> <div class="centered"><table cellspacing="0" style="background-color: #FFE9D3;" cellpadding="0"> <col width="61" span="2" /> <col width="61" /> <col width="145" span="7" /> <tr> <td align="center" width="61">Start*</td> <td align="center" width="61">End</td> <td align="center" width="61">Duration</td> <td align="center" colspan="7">AGENDA - DRAFT</td> </tr> <tr> <td height="29" align="center" >9:30</td> <td align="center" >10:00</td> <td align="center" >0:30</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> <td align="center" colspan="3">Registration and welcome drink</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> </tr> <tr> <td height="80" align="center" >10:00</td> <td height="80" align="center" >10:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell1"> <input type="checkbox" style="display:none;" id=bla1 onclick="toggle(this,'cell1')"><label for=bla1>KEY NOTE - Enterprise ON*</label> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >10:30</td> <td height="80" align="center" >11:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell2"> <input type="checkbox" style="display:none;" id=bla2 onclick="toggle(this,'cell2')"><label for=bla2>KEY NOTE - IT TRENDS</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:00</td> <td height="80" align="center" >11:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell3"> <input type="checkbox" style="display:none;" id=bla3 onclick="toggle(this,'cell3')"><label for=bla3>KEY NOTE - HP Converged Infrastructure</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:30</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center">Break</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:00</td> <td width="100" height="80" align="center" class="off" id="cell4"> <input type="checkbox" style="display:none;" id=bla4 onclick="toggle(this,'cell4')"><label for=bla4>CIO TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell5"> <input type="checkbox" style="display:none;" id=bla5 onclick="toggle(this,'cell5')"><label for=bla5>NPI TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell6"> <input type="checkbox" style="display:none;" id=bla6 onclick="toggle(this,'cell6')"><label for=bla6>Infrastructure Solutions TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell7"> <input type="checkbox" style="display:none;" id=bla7 onclick="toggle(this,'cell7')"><label for=bla7>Business Solution TRACK</label></td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell8"> <input type="checkbox" style="display:none;" id=bla8 onclick="toggle(this,'cell8')"><label for=bla8>Cloud Business</label></td> <td width="100" height="80" align="center" class="off" id="cell9"> <input type="checkbox" style="display:none;" id=bla9 onclick="toggle(this,'cell9')"><label for=bla9>Matej Kurent</label></td> <td width="100" height="80" align="center" class="off" id="cell10"> <input type="checkbox" style="display:none;" id=bla10 onclick="toggle(this,'cell10')"><label for=bla10>Cloud News</label></td> <td width="100" height="80" align="center" class="off" id="cell11"> <input type="checkbox" style="display:none;" id=bla11 onclick="toggle(this,'cell11')"><label for=bla11>Jelena Bratic</label></td> <td width="100" height="80" align="center" class="off" id="cell12"> <input type="checkbox" style="display:none;" id=bla12 onclick="toggle(this,'cell12')"><label for=bla12>Virtual System - Infratstructure Conslodiation</label></td> <td width="100" height="80" align="center" class="off" id="cell13"> <input type="checkbox" style="display:none;" id=bla13 onclick="toggle(this,'cell13')"><label for=bla13>Nemanja Milutnovic</label></td> <td width="100" height="80" align="center" class="off" id="cell16"> </tr> </table></div> </body> </html> P.s. i had to cut it somewhere 'cause of limits of posting! I would also like to know how to center text vertically, as i couldn't... Thanks a lot! Similar TutorialsHi Could anyone take a look at my site at www.cyclistsfc.org.uk in Firefox and IE tell me why the navbar is showing in FF but not IE? Its just simple tables so I suppose I must have forgotten to close something somewhere... Cheers Luke Okay, so I have a table and for some row I want to actually display text like <html> and other HTML tags, but obviously when I have that within a table it will treat all HTML tags as data and not text... any suggestions? Example: <head> <title>Title</title> <style> table{color:FFFFFF} </style> </head> <body> <table border="1"> <tr> <th>Blah</th> <th>Blah 2</th> </tr> <tr> <td>Random text</td> <td><html></td> </tr> <tr> <td>CreateFile</td> <td><body></td> </tr> </table> </body> </html> Hi everyone! On a site I am making there's a table which -- only in the IE-s including version 7 -- is not properly displayed: the column containing the text is only approx. half filled in width. Most (not to say all) other browsers get this right... Anyone got an idea, why this could be? Thx and best, T Howdy all! I recently developed the website http://www.dailytask.co.uk. I cant seem to get IE to show my images (regardless of format) within the tables ive used to put together its basic layout. Work okay in Firefox, Chrome and the rest. Could someone take a peak at the code for me and give me a shout out about what i am doing wrong here ? Thanks! Adil Hi, I'm new to HTML. I have not yet started using CSS. I'm just using basic html. I'm having problem creating a nested table as shown in the attachment without using CSS style sheets. I appreciate anyone's suggestions in this. I pasted the code that tried below. <h3> 5) - Nested Table </h3> <table align="left" width="350" bgcolor="#ffff00" border="1"> <tr height="75" align="left"> <td height="100" > </td> <td height="75"> test2 </td> <td height="75"> </td> </tr> <clear="left" /> <tr> <td> <table align="left" bgcolor="f5f5dc" border="1"> <tr> <td width="100%" height="75"> a nested table </td> <td width="100%" height="75"> With this text at the top </td> </tr> <tr> <td width="100%" height="75"> </td> <td width="100%" height="75"> </td> </tr> </table> </td> </tr> <tr height="75" align="left"> <td></td> <td></td> <td></td> </tr> </table> Thanks in advance hi guys. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! Hello all, Im having problems displaying my website in firefox, it displays fine in IE, however its displaying 1/2 way down the page in firefox. Any ideas where im going wrong? www.best-mobile-contracts.co.uk Hello! Please ceck: http://htlounge.net/testing Near to logo is a adsense banner.. 468x60. In IE and Opera is displaying ok! But in Firefox not.. It is a white space! What is the problem! Thank you! Hey all, I'm having a problem with html input text fields. I'm trying to display a name in it but it only shows the first part of that name. Here is the part of the code I'm using for one of those : Code: <label>Name <span class="small">Name sent</span> </label> <input type="text" name="name" id="name" value=<?php echo $_POST["name"]; ?> /> If, as example, the name I'm getting from $_POST is : Alexander Johnson, there will only be Alexander in the text field. Note that if I create a really small function like this : Code: $name = $_POST["name"]; echo $name; Then the output will be Alexander Johnson instead of simply Alexander. Anyone knows what I'm doing wrong? (I'm using the labels and span class with css, but I don't think this is the problem. Hello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language on my home page i am using a table in this table i am including different files like header in first row ,nevigator,main part,and fottter throught following coding in php PHP Code: <html> <head> <Title> TECHOBOY::Home </Title> </head> <body> <table > <tr><td > <?php include("header.php"); ?></td></tr> </table> <table > <tr><td > <?php include("nevigator.php"); ?></td></tr> </table> <table> <tr valign="top"> <td valign="top"> <?php include("del.php"); ?> </td> </tr> </table> <table> <tr><td> <?php include("counter_footer.php"); ?></td></tr> </table> </body> </html> and i am having out put as follow in this image now as shown in above pic my DISCUSSION table is centered due to its besides main table .what i want is i want to make that discussion table to align top. can any one tell me how to do that? i am really waiting for your reply thansk you in advance I am having a problem getting a table to render properly in IE (including version 7): Test Page Why does extra padding show up to the right of the "+ Select" button? I want the table to collapse to the size of the content, but I can't find ANY combination of CSS that forces IE to do this. Firefox renders the page OK. Attached are 2 images of the footer of my website, one (displayed properly) in every browser except IE7 and the other (screwed up) in IE7. As you can see, I have 4 columns, inside which are links to a forums section. In IE7, column 2 is shifted over to the right and sits on top of column 3. The section is styled in CSS...I have attachments for the HTML and CSS code for the section. I'm hoping that one of the guru's here can suggest a fix (please let it be easy ). Thanks for the help. Rick HI and hello I am having a problem with a table i am using . before the table starts there is a > right above the table --like so LOOK at the PROBLEM attachment file. I think the problem is the > below...... but i cannot find a way to hide it or remove it I am editing in Dreamweaver i am a NOOB but learning my code is as follows : this is the live code. below at the bottom is the editable code which does not have the > seen HTML Code: <div class="features_list">
>
<table id="features_table">
<thead>
<tr>
<th height="57" class="fthead wide featcol">
<div class="titleth">
<span class="shead">Features</span></div>
</th>
<th class="fthead checkcol"><span class="pro">HostScott</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="featcol"> GB of Disk Space </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Hosted Domains Allowed </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Instant Activation </td>
<td class="checkcol"> Included FREE </td>
</tr>
<!--tr>
<td class="featcol">Domain Privacy</td>
<td class="checkcol"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
<td class="checkcol pro"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
</tr-->
<tr>
<td class="featcol"> POP3/POP3 Secure Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> IMAP/Secure IMAP Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> GB's of Site Transfer (Bandwidth) </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Forwarding Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Email Autoresponder </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr class="pro">
<td class="featcol pro"> Add-on Domains </td>
<td class="checkcol pro">Unlimited</td>
</tr>
<tr>
EDITABLE CODE: HTML Code: <div class="body_container">
<table border="0" width="860" class="columns">
<tr>
<td valign="top" width="608">
<div class="body_container">
<div class="title_bar">Hosting Features</div>
<div class="body_content" id="feat_content">
From the business owner to the individual who desires full functionality on a small budget, HostScott provides your complete web hosting solution. View a listing of what we offer below..
<br />
<br />
<br />
<div id="why_we_are_better">
<div class="star_header">
<span class="himgspac">Why Choose HostScott?</span>
</div>
<div id="better_features">
<div class="redcent">Outstanding Support, Speed and Flexibility:</div>
<ul class="gabul left">
<li>24/7 US-based Support</li>
<li>SimpleScripts 1-Click installs</li>
<li>Trusted by Millions of Sites</li>
<li>SSH Secure Shell Access</li>
</ul>
<ul class="gabul right">
<li>True Resource Management (<a target="_blank" href="resource_protection.html">more info</a>)</li>
<li>Avg Support Hold Times Under 30 Sec</li>
<li>Proven Track Record</li>
<li>Blazing Fast Servers</li>
</ul>
</div>
</div>
<br />
<br />
<div class="features_list">
<table id ="features_table">
<thead>
<tr>
<th height="57" class="fthead wide featcol">
<div class="titleth">
<span class="shead">Features</span></div>
</th>
<th class="fthead checkcol"><span class="pro">HostScott</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="featcol"> GB of Disk Space </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Hosted Domains Allowed </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Instant Activation </td>
<td class="checkcol"> Included FREE </td>
</tr>
<!--tr>
<td class="featcol">Domain Privacy</td>
<td class="checkcol"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
<td class="checkcol pro"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
</tr-->
<tr>
<td class="featcol"> POP3/POP3 Secure Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> IMAP/Secure IMAP Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> GB's of Site Transfer (Bandwidth) </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Forwarding Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Email Autoresponder </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr class="pro">
<td class="featcol pro"> Add-on Domains </td>
<td class="checkcol pro">Unlimited</td>
</tr>
<tr>
<tr>
<td class="featcol"> Perl 5 </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Multiple 10 Gigabit Ethernet Connections" /></td>
</tr>
<tr>
<td class="featcol"> Python </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="24/7 Network Monitoring" /></td>
</tr>
<tr>
<td class="featcol"> Ruby/Ruby On Rails </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Courtesy Site Backups" /></td>
</tr>
<tr>
<td class="featcol"> Javascript/DHTML </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Multiple 10 Gigabit Ethernet Connections" /></td>
</tr>
<tr>
<td class="featcol"> Flash/Shockwave </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Multiple 10 Gigabit Ethernet Connections" /></td>
</tr>
</tbody>
</table>
</div>
<br />
<br />
<div id="feat_signup">
<a class="signup_btn" href="../../cgi-bin/signup.html"><img alt="Sign Up Now" class="signup_button" src="../../media/shared/general/_hs/signupnow_both.jpg"></a>
</div>
<!-- class="content" -->
</div>
<!-- class="frame center" -->
<div id="footer">
<ul class="footer_links">
<!--<li><a href="/cgi/info/awards">Awards</a></li>-->
<li><a href="https://my.HostScott.com/cgi/help">Help Center</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="../../cgi-bin/partner.html">Affiliates</a></li>
<li><a href="terms.html">Terms</a></li>
<li style="padding:11px 8px 8px 8px;"><g:plusone size="small" annotation="bubble"></g:plusone></li>
</ul>
<div id="copyright">©2011 HostScott.com<!--HostScott.com-->. All rights reserved.</div>
</div><!-- footer -->
I've created my site using mainly Netscape and Mozilla. It looks fine, even though the code is a little messy. But one page won't display properly in IE, only in Mozilla: http://kukla.tv/cbs.html The top tables are constrained to the browser width in both browsers, but not the large bottom table (the list of films). I even made the bottom table 997 pixels rather than 100% of page width, but it still does not wrap the text in IE, only in Mozilla. What do I need to do? Thanks, Mark Hi.. i've got a table that doesnt do what i want it to do.. Page : http://www.yeltzin.net/test/index2.html One cell dont display the background (cell changes from time to time), and the page dont finish "loading".. The size of the cells/pictures have been triple-checked.. I tried narrowing it down and here is the part of the code i still have : PHP Code: index2.html --------------- <html> <head><link rel="stylesheet" type="text/css" href="styles.css"></head> <body> <table class="indextable"> <col style="width: 287px;"> <col style="width: 286px;"> <col style="width: 285px;"> <tbody> <tr> <td colspan=1 class="r1c1">row 1 cell 1</td> <td colspan=2 class="r1c2">row 1 cell 2</td> </tr> <tr> <td colspan=1 class="r2c1">row 2 cell 1</td> <td colspan=2 class="r2c2">row 2 cell 2</td> </tr> <tr> <td colspan=2 class="r3c1">row 3 cell 1</td> <td colspan=1 class="r3c2">row 3 cell 2</td> </tr> </tbody> </table> </body> </html> styles.css --------------- table.indextable{ table-layout:fixed; border-collapse:collapse;} td.r1c1{ background-image:url('R1C1_.jpg'); height: 184px;} td.r1c2{ background-image:url('R1C2_.jpg'); height: 184px;} td.r2c1{ background-image:url('R2C1_.jpg'); height: 182px;} td.r2c2{ background-image:url('R2C2_.jpg'); height: 182px;} td.r3c1{ background-image:url('R3C1_.jpg'); height: 180px;} td.r3c2{ background-image:url('R3C2_.jpg'); height: 180px;} Hi, I have a table layout (I know I should be using CSS ... but it was a quick site!) I have table width 100% and then 2 columns with td both set to 50% There are many text and images / tables & tr & td within both of the above. I have ensured no table or td within the 50% ones have any width measurements. However, when I minimise the window it doesn't seem to be keeping them 50/50 the left column seems to stay the same size. From the looks of it (images etc) it should re-size far more before it stops. Can anyone advise of typical things i should be looking for in my code that may be causing this? Cheers, d Hi, I have a problem with my tables. I made 1 table with 3 TD/tables in them. And have text them. The problem though is that in the first two tables the text begins in the middle. I want it to start at the top like the third does which also contains most text and fills up the whole 3rd table. How can I solve it? Thanks. |
|||||||