Search the Community

I didn't know where to add my new topic, but because my problem involves coding in HTML. I thought this might be the right place. So.. I'm new to web design/coding and i'm coming to you guys for help because the company i work for has now got a new website which uses Umbraco CMS to add and edit content. What they neglected to tell us was that we'd need to know HTML to edit certain data. I have added the HTML coding below for the Table of specs for one of the products we sell at my work, but my problem is getting the color_boxes to align centrally with all the rest of the data. (see image attached of 'The Table as viewed on the webpage'). HTML: <table border="0" class="comm_table" align="center"><tbody><tr><th colspan="2" width="129">Size/ref/code</th><th class="table_th1" style="text-align: center;">W½</th><th class="table_th1" style="text-align: center;">W1</th><th class="table_th1" style="text-align: center;">W2</th><th class="table_th1" style="text-align: center;">W3</th></tr><tr><th colspan="2" width="129">Colour</th><th><div class="color_box"><span class="color" style="background: none repeat scroll 0% 0% #ffffff;">color</span></div></th><th><div class="color_box" style="text-align: center;"><span class="color" style="background: none repeat scroll 0% 0% #99CC00;">color</span></div></th><th><div class="color_box"><span class="color" style="background: none repeat scroll 0% 0% #D00000; align: center;"> color</span></div></th><th><div class="color_box"><span class="color" align="center" style="background: none repeat scroll 0% 0% #333399;">color</span></div></th></tr><tr><th class="table_th1" rowspan="2" style="text-align: center;">Height of Walker (cm)</th><th class="table_th1" style="text-align: center;">STD Wheels</th><td>37-46</td><td>41-55</td><td>48-64</td><td>59-78</td></tr><tr><th class="table_th1" style="text-align: center;">Activity Wheels</th><td>41.50</td><td>45-60</td><td>52-68</td><td>63-82</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Hand-grip width (cm) </th><td>34</td><td>34</td><td>34</td><td>38</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Frame width (cm) </th><td>58-60</td><td>58-60</td><td>60-62</td><td>62-64</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Frame Length (cm) </th><td>52-59</td><td>56-62</td><td>69-83</td><td>77-89</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">User Height (cm) </th><td>up to 95</td><td>91-122</td><td>107-137</td><td>129-152</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Max User Weight (kg </th><td>27</td><td>27</td><td>39</td><td>60</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Frame Weight (kg) </th><td>3</td><td>3.3</td><td>3.85</td><td>4.85</td></tr></tbody></table><p> </p><p style="text-align: left;">*All dimensions are based on four wheeled walkers. Frame weight is calculated based on the frame with wheels but excludes accessories. Activty wheels will affect the adjustment range of each walker. Colours shown are standard for each size. Special colours are available at an additional cost.</p><p style="text-align: justify;"><span class="Apple-style-span">Measuring correctly:</span> Whilst the user is standing with their arms by their side and with a few degrees of flexion at the elbow, measure from the crease in the palm of the hand to the floor. Always remember to adjust the walker as the user grows to maintain good posture and efficient walking.</p><p style="text-align: left;"><span>For further information about the Kaye Walker and the accessories available please request our brochure via our online enquiry.</span></p> Looking at the coding in red, which is relative to my problem. This will need tidying up a lot, after i have tried so many times to edit the coding to do what i want it to. But i had no success.. I have also attached a screen grab of the HTML coding we are looking at (as edited in Umbraco CMS): I have also included two more screen grabs of the Table as viewed in Umbraco CMS & the Table as viewed on the webpage if this is of any help. The Table as viewed in Umbraco CMS: The Table as viewed on the webpage: As you can see above the colour boxes are not aligned central to the rest of the data input in the table. i would appreciate someone to help me understand the correct way of coding. As i am an ultra newbie and have taken it upon myself to learn HTML, anyone who might offer any course in HTML coding, please get in touch via PM. Thanks, Reb

Hi, I have form that displaying report per week. First thing to do is choose what week then automatically display the date/shift that week ranges. here is my weekly_report.php <?php error_reporting(0); session_start(); ob_start(); date_default_timezone_set("Asia/Singapore"); include('connection.php'); ?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><title>Weekly Report</title><head><link rel="stylesheet" type="text/css" href="op_report.css" /><script type="text/javascript" src="jquery.js"></script><script type='text/javascript' src='jquery.autocomplete.js'></script><link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" /><script type="text/javascript">//----auto complete week--//$().ready(function() { $("#week_selected").autocomplete("get_week_list.php", { width: 115, matchContains: true, mustMatch: true, selectFirst: false }); $("#week_selected").result(function(event, data, formatted) { $("#week_number").val(data[1]); }); }); /*AJAX*/function AJAX(){ var xmlHttp; try{ xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari return xmlHttp; } catch (e){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer return xmlHttp; } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); return xmlHttp; } catch (e){ alert("Your browser does not support AJAX!"); return false; } } } } //-----get weekdata from week---//function getweekdata() { // if (window.event.keyCode==13 || window.event.keyCode==10) { divid = "week_data"; var url = "get_weekly_data.php"; var str = "id=" + document.getElementById("week_number").value; var xmlHttp = AJAX(); xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState > 0 && xmlHttp.readyState < 4){ // document.getElementById(divid).innerHTML=loadingmessage; } if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { var jsonart = xmlHttp.responseText; document.getElementById(divid).innerHTML = jsonart; } } } xmlHttp.open("POST", url, true); xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlHttp.setRequestHeader("Content-length", str.length); xmlHttp.setRequestHeader("Connection", "close"); xmlHttp.send(str); // } } </script></head><body onload=document.getElementById("week_selected").focus();><form name="weekly_report" action="" method="post"><div id="ddcolortabs"><ul><li> <a href="index.php" title="Operator's Shift Report"><span>Operator's Shift Report</span></a></li><li id="current"> <a href="weekly_report.php" title="Reports"><span>Reports</span></a></li></ul></div><br/><div><table><tr><td style="border: none;">Type Week:</td><td><input type="text" name="week_selected" id="week_selected" value="" size="15" onkeyup="getweekdata();"></td></tr></table></div><input type="hidden" name="week_number" id="week_number"><div id='week_data'></div></form></body></html> //get_week_list.php <?phpob_start();include "connection.php";$q = strtolower($_GET["q"]);if ($q == '') { header("HTTP/1.0 404 Not Found", true, 404); }//else (!$q) return;else{$sql = "select week_id, week_number from week_list where week_number LIKE '$q%'";$rsd = mysql_query($sql);$cnt = mysql_num_rows($rsd); if($cnt > 0) { while($rs = mysql_fetch_array($rsd)) { $pid = $rs['week_id']; $pname = $rs['week_number']; echo "$pname|$pidn"; } } else { header("HTTP/1.0 404 Not Found", true, 404); }}?> and here is my get_weekly_data.php // which display the data for that week. <?phpob_start();include "connection.php";if($_POST["id"]){ $sql = "select r.report_date, s.shift_type FROM op_reports AS r, shift_list AS s WHERE WEEK(report_date) + 1 = '" . ($_POST["id"]) . "' GROUP BY shift_type ORDER BY shift_id ASC"; $res = mysql_query($sql); echo "<table>"; echo "<tr>"; echo "<th>Comp</th>"; while($row = mysql_fetch_assoc($res)) { $report_date = $row['report_date']; $report_shift = $row['shift_type']; echo "<th>$report_date/$report_shift</th>"; } echo "</tr>"; $sql_r = "select r.report_date, s.shift_type FROM op_reports AS r, shift_list AS s WHERE WEEK(report_date) + 1 = '" . ($_POST["id"]) . "' GROUP BY shift_type ORDER BY shift_type DESC"; $res_r = mysql_query($sql_r); echo "<tr>"; echo "<th></th>"; while($r = mysql_fetch_assoc($res_r)){ echo "<th>Output</th>"; } echo "</tr>"; $sql_comp = "SELECT DISTINCT p.process_name , r.process_id, r.report_shift FROM op_reports AS r JOIN process_list AS p ON (p.process_id = r.process_id) WHERE WEEK(report_date) + 1 = '" . ($_POST["id"]) . "' GROUP BY process_name ORDER BY p.process_name ASC"; $res_comp = mysql_query($sql_comp); echo "<tr>"; while($row_comp = mysql_fetch_assoc($res_comp)) { $process = $row_comp['process_name']; $process_id = $row_comp['process_id']; echo "<td>$process</td>"; $comp = "SELECT DISTINCT o.compound_type, o.process_id, o.shift_date FROM op_output AS o WHERE process_id = '$process_id' GROUP BY o.shift_id, compound_type ORDER BY compound_type ASC"; $c = mysql_query($comp); echo "<tr>"; while($co = mysql_fetch_assoc($c)) { $compound_type = $co['compound_type']; $process_i = $co['process_id']; $shift_date = $co['shift_date']; echo "<td>$compound_type</td>"; $sql_output = "SELECT DISTINCT o.compound_type, SUM(o.compound_output) AS compound_output, o.process_id, o.shift_id, o.shift_date FROM op_output AS o WHERE process_id = '$process_id' AND o.compound_type = '$compound_type' GROUP BY o.shift_id, o.shift_date, compound_type ORDER BY o.shift_id ASC"; $res_output = mysql_query($sql_output); while($row_output = mysql_fetch_assoc($res_output)) { $compound_output = $row_output['compound_output']; $shift = $row_output['shift_id']; $compound = $row_output['compound_type']; $date = $row_output['shift_date']; if($shift == 1 && $date == $shift_date) { echo"<td>$compound_output</td>"; } else { echo "<td></td>"; } if($shift == 2 && $date == $shift_date) { echo"<td>$compound_output</td>"; } else { echo "<td></td>"; } if($shift == 3 && $date == $shift_date) { echo"<td>$compound_output</td>"; } else { echo "<td></td>"; } if($shift == 4 && $date == $shift_date) { echo"<td>$compound_output</td>"; } else { echo "<td></td>"; } if($shift == 5 && $date == $shift_date) { echo"<td>$compound_output</td>"; } else { echo "<td></td>"; } } echo "</tr>"; } } echo "</tr>"; echo "</table>"; }?> My problem now is on displaying of output per date/shift. It's been todays that I tried to fixed this. I hope somebody can help me. Thank you so much

I have a table with two columns and three rows (6 cells). In each cell, I have a "header" and then a list of links. This list can vary from 1 link to 5+ and is subject to change. The client does not like how much white space there is between the the last item in the list, and the next header. I haven't set the cellpadding or cellspacing attributes, so I'd assume that they are 0 since not specified. The attribute that would work perfectly for my solution- cell padding, does not support negative values. :-( Does anyone else have any ideas? Many Thanks,Jg

Hello, everyone..I have a database named testdbI want to create a table named signup_table.. This is the code i wrote Then, an error appeared...Would someone please help me on this ?

hello again...i have been thinking, when im making a table, lets say 100% to fill out the div i just gave, it DOES go out.. but when i have like 3 td's to fill out, it keeps pushing to the other site.... i would like it like shown below: PICTURE ATTACHED in the picture you can see however much text you now put in, the boxes still have the same width.. is that a normal css class editing with width?, or some sort of speciel method you guys use?... Hoping you understood what i said, had a little bit trouble explaining about it, lol X)...

ok, just quick... im getting this when trying to login: Unknown column 'e5035533a816cac4c54012281f58543d' in 'where clause' and this is my takelogin.php file: /*==========RUN LOGIN PROCEDURE===============*/$uname = sqlesc($_POST['username']); /*Form Names...*/$pass = sqlesc($_POST['password']); /*Form Names...*/if(isset($pass)){$passhash = md_5($pass); /*Securing The Data...*/}$query = "SELECT * FROM users WHERE username = $uname AND passhash = $passhash AND enabled = 'yes' AND status = 'confirmed'";$query_result = mysql_query($query)or die(mysql_error());//Running query to the DB...if(mysql_num_rows($query_result) == 1)/*if the DB returns somfthing, then run...*/{$row = mysql_fetch_array($query_result);$_SESSION['uid'] = $row['u_id'];$_SESSION['username'] = $row['username'];$_SESSION['pass'] = $row['passhash'];$_SESSION['status'] = $row['status'];$_SESSION['enabled'] = $row['enabled'];$_SESSION['email'] = $row['email'];$_SESSION['ip'] = $row['ip'];$_SESSION['class'] = $row['class'];$_SESSION['time_offset'] = $row['time_offset'];$_SESSION['dst_in_use'] = $row['dst_in_use'];$_SESSION['auto_correct_dst'] = $row['auto_correct_dst'];header('Refresh: 3; url=index.php');//with time delay...}else/*Error messeage...*/{$HTMLOUT .= "<center>Error reading login-session coding base, or a wrong username/pass inserted...</center>";header('Refresh: 3; url=index.php');//with time delay...}/*==========RUN LOGIN PROCEDURE===============*/ any ideas? Oo...

Hello all. I am trying to format a table to look like this... Dates Name Age To | From | Basically i want the "Dates" to have two columns inside it both of them 50% of dates...but however when i try to format it. "To" takes all of date and "From" takes all of Name. Any help will be appreciated...Thank you Edit: I am not properly able to upload the format i need in the text box so i uploaded a .png file. Thanks

Hi there,I really need help. Im willing to pay for that. Im trying to post an add on a website which accept HTML. The problem is I was using image maping an everything was working fine for around 3 months but suddenly stopped working. I see HTML editor from that website delete maping HTML code when I save the HTML. Well, I changed to used Fireworks and Photoshop HTML code created when sliced my image and added links. I discover I only can use table or div but each sliced image appear with a space around each one. In other words, every sliced image are separated by one space. I dont know what to do.HTML code is in attachment.Please help me ASAP.Thank you in advancead.txt

Hey .. I do multiple UPdate Data Like this but its still not work ,if I just do update for single tabel no problem its all run very well , what wrong with below code Thanks /*============ Koneksi To DB===========*///require_once'../../../inc/koneksi.php';/*============== Variabel Data Siswa================*/ $id = $_POST['id_user']; $nama = $_POST['nama']; $lahir = $_POST['tempat_lahir']; /*-------- Variabel untuk TBT-------------*///$tgl = $_POST['tgl']; $bulan = $_POST['bulan']; $tahun = $_POST['tahun']; $tbt = $_POST['tahun']."-".$_POST['bulan']."-".$_POST['tgl']; $agama = $_POST['agama'];$jenkel = $_POST['kelamin'];$nm_ortu = $_POST['nm_ortu'];$alamat = $_POST['alamat'];/*================ Variabel Lokal===========*/ $phobi = $_POST['phobi']; $cita = $_POST['cita'];$goll = $_POST['goll'];//Query Update Data$q = "UPDATE duser SET id_user='$id',nama='$nama',tempat_lahir='$lahir',tgl_lahir='$tbt',agama='$agama',jenkel='$jenkel',nm_ortu='$nm_ortu',alamat='$alamat' WHERE id_user ='$id'; UPDATE extrarull SET id_ex='$id',phobi='$phobi',cita='$cita',goll='$goll' WHERE id_ex = $id'";if ($dq = mysql_query($q)) {info_sukses("Sukses Update");}else{info_gagal("Gagal Update ");} This is example of DBso here I want change data for id_user (1001) at 2 table below so I do like above but is it still not run .. but if ijust do single update like this: //Query Update Data$q = "UPDATE duserSET id_user='$id',nama='$nama',tempat_lahir='$lahir',tgl_lahir='$tbt',agama='$agama',jenkel='$jenkel',nm_ortu='$nm_ortu',alamat='$alamat' WHERE id_user ='$id'";if ($dq = mysql_query($q)) {info_sukses("Sukses Update");}else{info_gagal("Gagal Update ");} all work very wellEX : Table duser+---------+--------+----------+---------------------+------------------+----------+------------- +------------------------------+| id_user | nama | tempat_lahir | tgl_lahir | agama | jenkel | nm_ortu | alamat |+---------+--------+----------+---------------------+-------------------+---------+------------- +------------------------------| 1001 | Anton | Padang Pas | 2001-11-12 | samawi | L | Jono w | Jl.tutun naik ptang no90 || 1020 | Alex | Jalan Lama | 1990-10-12 | duniawi | L | Bobo K | Jln majujalan no 99 |+---------+--------+----------+---------------------+-------------------+----------+-------------+----------------------------- EX : Table extrarull+---------+------------+--------------+---------------------+| id_ex | phobi | cita | goll |+---------+------------+--------------+---------------------+| 1001 | Lalok | pragamer | masih di utak | | 1020 | batang | developer | Baru sdangjalan | +---------+-----------+---------------+---------------------+ Thank for helpful

i have a color error about the tables. i dont know when it comes to put the color using the CSS text "tbody {color:blue;}", im setting it at the same order as the page has gives.. except for tfoot and tbody.. i switched their orders, but what im trying to figure out.. is why the tbody element affects the color of the whole script.. when its set.. the whole text of the html page changes to the element's color, in this case.. blue. i want to know why it happens.. how to fix this bug or error scripting... this is the example tag that the page gives.http://www.w3schools...s/tag_thead.asp and ill put the file of my scripting... i have all the tables examples in a single html file with my comments.. the comments are in spanish.. tablas.html

Hi @ll,I'm trying to change all comma's in a table with point so I can load the table in excel without any problems.I want to create a short script to replace all comma's to points, but it isn't working.I'm pretty new to scripting and trying to help myself (especially via W3schools) so my question may be a bit "simple/stupid" At first i've tried this code: var Table = document.getElementById('members');Table.replaceAll(",", "."); But it doesn't work this way. Probably because the complete table is not a string? Currently I have this code: var Table = document.getElementById('members');var rowLength = Table.rows.length;for (i = 1; i < rowLength; i++) {var Cells = Table.rows.item(i).cells;var cellLength = Cells.length;for (var j = 0; j < cellLenght; j++) { var cellVal = Cells.item(j).innerHTML; cellVal.replaceAll(",", ".");}} Also this isn't working. I'm getting the error: Cannot convert 'Table' to object at line 2.I'm pretty sure the ID 'members' is the right ID.The table that needs to change is located here. What am I doing wrong?Should the first scipt also work?Thnx in advance!

dear forum, i have this html:http://quop.eu/quop/wp-content/public/ebay.html and the table starts where it says "product description": i tried to center the table with this:align="center" but it just centers the text. how to center the table? and how to align the text to the left side? sincerely,raitis p.s. here is the code: <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>quop.eu EBAY</title><style type="text/css">@charset "UTF-8";* {margin:0px;padding:0px;font-family:'Arial';text-align:center;border-collapse: collapse;}a {text-decoration:none; border:none;}img {border:none;}t1 {align:center}.kl_info {vertical-align:top;}.kl_m {width:1px; vertical-align:top;}.kl_vorschau {padding:3px;}.kl_vorschau img {border:1px solid black; width:634px; height:631x;}.kl_vorschau a img {width:100px; height:100px;}.kl_vorschau a .kl_foto {display:none; position:absolute; left:125px; width:720px; height:720px; border:1px solid black; margin:0px; padding:0px;}.kl_vorschau a:hover .kl_foto {display:block;} .kl_body tr td p {font-weight: bold;text-align: center;font-size: 24px;}</style><script type="text/javascript"></script></head><body><table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef> <tr> <td height="162"><a href="http://www.quop.eu" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/quopEU.jpg" width="966" height="162" longdesc="http://quop.eu/quop/wp-content/uploads/quopEU.jpg"></a></td> </tr></table></br><table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef> <td height="860" class="kl_m"> <div class="kl_vorschau kl_height_1"> </br> <t1> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_11-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_11-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_21-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_21-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_3" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_31-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_31-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_41-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_41-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_51-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_51-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_61-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_61-720x720.jpg);background-repeat:no-repeat;"></div> </a> <img src="http://quop.eu/quop/wp-content/public/quop_logo.png" alt="1"> </t1> </tr></table></div></br><table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef> <tr> <td height="400" valign="top"><p> </p> <p> Product description: </p></br><center> <table width="700" border="2" align="center"> <tr> <td width="120">Product ID:</td> <td>22222986</td> </tr> <tr> <td width="120">Product name:</td> <td>Fuel pump, Kraftstoffpumpe Mitsubishi Pajero III 3.2 DI-D shogun montero</td> </tr> <tr> <td width="120">Manufacturer:</td> <td>Mitsubishi</td> </tr> <tr> <td width="120">Part number:</td> <td>ME190711</td> </tr> <tr> <td width="120">Car:</td> <td>2004 Pajero, 3.2DID, 135.000Km, aut., 5 door, silver, leather, sport susp.</td> </tr> <tr> <td width="120">VIN:</td> <td>JMALYV78W43001154</td> </tr> <tr> <td width="120"> </td> <td> </td> </tr> </table> </center></br></td> </tr></table></br> </body></html>

Hi, I can simply use the following tag to horizontally align a table to center: <table align="center" class="centertable"> I would like to use the CSS to do the same but somehow I cannot make it work. here is how i tried. Will appreciate help. .centertable {align:center;} with best regards,rnv

this is my SQL: SELECTprodukter.p_id,produkter.p_titel,produkter.p_kunstner,produkter.p_oprettet,image_url.img_url,genre.g_navn,priser.pr_prisFROMprodukter INNER JOIN produkter ON produkter.p_FK_pris = priser.pr_id INNER JOIN image_url ON image_url.img_FK_products = produkter.p_id INNER JOIN genre ON produkter.p_FK_genre = genre.g_id and i cannot see what the heck is wrong... ideas?...and how to fix ect Oo...

So, i have this table of three rows and three columns. I want that when i mouse over a cell, the entire row and column of that cell gets highlighted. And of course, i want a pure CSS solution. For the rows, it is easy because i can just implement the ":hover" selector over the <tr> tag. However, i can't implement over the ":hover" selector onto <colgroup> or <col> tags. That is becauase, all browsers implement such tag with no height nor width. Even if i try to add a width and height, the browser debugger will immediately show that such values will be reset to zero. <!DOCTYPE html><html><head> <title></title><style type="text/css"> table { border: 1px solid black; border-collapse: separate; } col:nth-child(2n+1) { width: 40px; background-color: violet; } col:hover { /*Doesn't work*/ background-color: aqua; } td { border: 1px solid black; text-align: center; width: 20px; height: 20px; } td:hover { background-color :red; /*Doesn't work*/ top: 0px; left: auto; height: 300%; /*position: fixed; /*breaks it completely*/ } tr { border: 1px solid black; } tr:hover { background-color: yellow; }</style></head><body><table> <colgroup> <col /> <col /> <col /> <col /> <col /> <col /> <col /> </colgroup> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr></table></body></html>

I'm having some trouble getting a form to display properly when printing. The "School of Medicine" section works fine, but section 7 (which is actually apDiv9) for SSPPS disappears when printing. I looked and it seems like it's getting shoved to the second page. Any idea how to fix that? Additionally, if there's a better way to organize the tables so that everything except the three TextAreas are on the first page (with the TextAreas on the second), I'd be happy to know about it. EDIT: Sorry, niche. Code is kind of long, so I didn't want to take up too much space. <!DOCTYPE html><html><head><title>Teaching Quantification Form</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta name="author" content="David" /><meta name="keywords" content="teaching, quantification, ucsd" /><!--Version 0.7--><style type="text/css">body {font-size:100%;font-size:0.75em;font-family:"Arial",Helvetica,sans-serif;}sup {font-size:75%;}table {border:1px solid black;border-collapse:collapse;width:385px;}td {border:0.5px solid black;}textarea { resize:none; overflow:hidden; width:25em; height:15em;}.lTextArea{width:50.5em;}.hiddenClass {visibility:collapse;}.showClass {visibility:visible;}.pBreak {page-break-before:always;}#apDiv1 {position: relative;width: 200px;height: 115px;z-index: 1;left: 10px;top: 10px;}#apDiv2 {position: relative;width: 200px;height: 115px;z-index: 2;left: 10px;top: -105px;}#apDiv3 {position: relative;width: 200px;height: 115px;z-index: 3;left: 10px;top: 200px;}#apDiv4 {position: relative;width: 200px;height: 115px;z-index: 4;left: 10px;top: 165px;}#apDiv5 {position: relative;width: 200px;height: 115px;z-index: 5;left: 400px;top: -450px;}#apDiv6 {position: relative;width: 200px;height: 115px;z-index: 6;left: 400px;top: -160px;}#apDiv7 {position: relative;width: 200px;height: 115px;z-index: 7;left: 10px;top: -80px;}#apDiv8 {position: relative;width: 200px;height: 115px;z-index: 8;left: 400px;top: -175px;}#apDiv9 {position: relative;width: 200px;height: 115px;z-index: 9;left: 400px;top: -290px;}#apDiv10 {position: relative;width: 200px;height: 115px;z-index: 10;left: 10px;top: -240px;}#apDiv11 {position: relative;visibility:hidden;z-index: 11;left: 10px;top: 110px;}#apDiv12 {position: relative;z-index: 12;left: 10px;top: -45px;}/*@media screen {body { background-image:url('http://videoprocessing.ucsd.edu/~stanleychan/logoUCSD.gif'); background-repeat:no-repeat; background-position:right top; background-attachment:fixed; background-size:15%;}} */@media print {sup {font-size:100%;}.noPrint { visibility:hidden;}.medSup { visibility:hidden;}#apDiv10 {position: relative;width: 200px;height: 115px;z-index: 10;left: 10px;top: 0px;}}</style><script type="text/javascript">function calculateTotal(){var total = 0;var current = 0;var elem = document.getElementsByTagName("input");for(var i = 0; i < elem.length; i++){ current = parseInt(elem[i].value); if (!isNaN(current)) { total = total + current; } current = 0;}if (!isNaN(total)){ document.getElementById("calcResult").innerHTML = total;}}function forceOther(type){if (type == "CourseNumbers"){ alert("Please complete the \"Course Numbers or Names\" section below.");}else if (type == "StudentNames"){ alert("Please complete the \"Student/Trainee Names\" section below.");}else if (type == "Other"){ alert("Please complete the \"Other Activities\" section below.");}}function reqChecker(){var x=document.forms["fForm"]["other"].value;var missingReq = false;var courses = document.getElementsByClassName("course");var students = document.getElementsByClassName("student");var temp = 0; for (var j = 0; j < courses.length; j++){ temp = parseInt(courses[j].value); if (temp != 0) { if (document.getElementById("courseNum").value == "") { missingReq = true; forceOther("CourseNumbers"); } } temp = 0;} temp = 0; for (var k = 0; k < students.length; k++){ temp = parseInt(students[k].value); if (temp != 0) { if (document.getElementById("stuName").value == "") { missingReq = true; forceOther("StudentNames"); } } temp = 0;} temp = parseInt(x); if (temp != 0){ if (document.getElementById("otherField").value == "") { missingReq = true; forceOther("Other"); }} if (!missingReq){ calculateTotal();}}function setMED(){document.getElementById("SSPPSAdministration").style.visibility = "collapse";document.getElementById("SSPPSEducation").style.visibility = "collapse";document.getElementById("MEDAdministration").style.visibility = "visible";document.getElementById("MEDEducation").style.visibility = "visible";document.getElementById("apDiv1").style.visibility = "visible";document.getElementById("apDiv2").style.visibility = "collapse";document.getElementById("apDiv8").style.visibility = "visible";document.getElementById("apDiv9").style.visibility = "collapse";}function setSSPPS(){document.getElementById("MEDAdministration").style.visibility = "collapse";document.getElementById("MEDEducation").style.visibility = "collapse";document.getElementById("SSPPSAdministration").style.visibility = "visible";document.getElementById("SSPPSEducation").style.visibility = "visible";document.getElementById("apDiv1").style.visibility = "collapse";document.getElementById("apDiv2").style.visibility = "visible";document.getElementById("apDiv8").style.visibility = "collapse";document.getElementById("apDiv9").style.visibility = "visible";}</script></head><body onload="setMED();"><p><form><b>Name: </b><input type="text"></input> <input type="text"></input> <b>Year: </b><input type="text" size="2"></input></form></p><p><input type="radio" name="radioSelector" value="MED" checked="checked" onclick="setMED();" autocomplete="off">School of Medicine</input> <input type="radio" name="radioSelector" value="SSPPS" onclick="setSSPPS();" autocomplete="off">SSPPS</input></p> <p><button type="button" class="noPrint" onclick="reqChecker();">Calculate</button> Total Credits: <span id="calcResult">0</span></p><form id="fForm" name="fForm"> <div id="apDiv1"> <Table id="MEDAdministration" class="showClass"> <caption> <b title="Sharing credit with an assoc. director is at the discretion of the course/program director.">1. Administration<sup class="noPrint">*</sup></b> </caption> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">PreClerkship Thread Director<sup class="noPrint">*</sup></td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PreClerkship Thread Director- Path/Hist, Anatomy, Pharmacology</td> <td>480 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PreClerkship Block Director and Lead Clinical Educator</td> <td>3 Credits/Contact Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">Core Clerkship Director<sup class="noPrint">*</sup></td> <td>480 Credits/Clerkship</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Clinical Foundations Director</td> <td>480 Credits/Clerkship</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">Graduate Program Director<sup class="noPrint">*</sup></td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">4^th Year Clerkship Director<sup class="noPrint">*</sup></td> <td>5 Credits/Month</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">Residency Program Director<sup class="noPrint">*</sup></td> <td class="creditAmount">20 Credits/Resident/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Credit will be pro-rated over the duration of the grant.">PI- Training Grant<sup class="noPrint">*</sup></td> <td>50 Credits/Grant</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Course Director (CE/CME)</td> <td>2 Credits/Hour CE/CME Credit</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Academic Community Director</td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="For students in graduate programs, only 1st year students are counted.">Student Advising (formal only)<sup class="noPrint">*</sup></td> <td>5 Credits/Student/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Graduate Course Initial Composition/Set-up (1 time only)</td> <td>10 Credits/Course</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Graduate Course Administrative Time</td> <td>10 Credits/Course</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> </Table></div> <div id="apDiv2"> <Table id="SSPPSAdministration" class="hiddenClass"> <caption> <b title="Sharing credit with an assoc. director is at the discretion of the course/program director.">1. Administration<sup class="noPrint">*</sup></b> </caption> <tr> <td>Preclinical Core Course Director</td> <td>1 Credit/Course Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Preclinical Core Course Section Leader</td> <td>1 Credit/Course Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Core Clerkships are Free Clinic (IPPE), Hospital Practice (IPPE), SPPS 400A/B, SPPS 401 A/B & APPE Community Pharmacy.">Core Clerkship Director<sup class="noPrint">*</sup></td> <td>150 Credits/Clerkship</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Site Director includes VA, Orange County, Hillcrest, Rady.">Clerkship Site Director<sup class="noPrint">*</sup></td> <td>100 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Graduate Program Director includes BMS porgrams and Experiential Education Programs.">Graduate Program Director<sup class="noPrint">*</sup></td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>4^th Year Clerkship Director</td> <td>5 Credits/Month</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Residency or Fellowship Program Director</td> <td>20 Credits/Trainee/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PI- Training Grant</td> <td>50 Credits/Grant</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>CE Course Director</td> <td>2 Credits/Hour CE Credit</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="For students in graduate programs, only 1st year students are counted. For pharmacy & medicine students, 1st - 4th year and resident advisees are counted.">Trainee Advising (formal advising only)<sup class="noPrint">*</sup></td> <td>5 Credits/Trainee/Year</td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td title="Includes serving as a formal Advisor for or Liason to student groups such as Operation Immunization, APhA-ASP, etc.">Outreach/Professional Project Advising<sup class="noPrint">*</sup></td> <td>10 Credits/Project Group</td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Graduate Course Initial Composition/Set-up (1 time only)</td> <td>10 Credits/Course</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Graduate Course Administrative Time</td> <td>10 Credits/Course Hour</td> <td><input class="course" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv3"> <Table class="GraduateTable"> <caption> <b>2. Graduate Courses and Programs</b> </caption> <tr> <td>Graduate Student Training</td> <td title="(SoM)Combined Graduate Student and Post-Doctoral Fellow training will be capped at 5 Credits/Week. (SSPPS)This includes laboratory rotation students and full-time Summer Research Project students.">1 Credit/Trainee/Week<sup class="noPrint">*</sup></td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Post-Doc Research Fellow/Resident Training</td> <td title="(SoM)Combined Graduate Student and Post-Doctoral Fellow training will be capped at 5 Credits/Week.">0.5 Credits/Trainee/Week<sup class="noPrint">*</sup></td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv4"> <Table class="PreClinicalTable"> <caption> <b>3. Preclinical Electives Course</b> </caption> <tr> <td>Initial Development/Set-up (one time only)</td> <td>10 Credits/Course</td> <td><input class="course" type="text" value=0 size="3"autocomplete="off"/></td> </tr> <tr> <td>Administrative Time</td> <td>10 Credits/Course</td> <td><input class="course" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Independent Study Electives</td> <td>10 Credits/Course</td> <td><input class="course" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv5"> <Table class="ClassroomTable"> <caption> <b>5. Classroom Teaching</b> </caption> <tr> <td><i>Lectures</i></td> <td></td> <td></td> </tr> <tr> <td> Core Medical School and SSPPS Courses</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> GME and other Graduate Courses</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Core Lecture series for GME</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Grand Rounds</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Electives</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Seminars</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Resident Report</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> PBL Facilitation</td> <td>3 Credits/Contact Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> POM Facilitation</td> <td>3 Credits/Contact Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Small Group, Laboratories and/or Workshops</td> <td>2 Credits/Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Other</td> <td>2 Credits/Teaching Hour</td> <td><input name="other" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv6"> <Table class="ClinicalTable"> <caption> <b title="(SoM)Trainee is a Medical Student, Resident, Fellow, Graduate Student, or Post-Doctoral Fellow. (SSPPS)Trainee is a Pharmacy or Medical Student, Resident, Fellow, Graduate STudent, or Post-Doctoral Fellow.">6. Clinical Teaching (when trainees are present)- max 260 per year<sup class="noPrint">*</sup></b> </caption> <tr> <td>Inpatient or General Ward Attending</td> <td>15 Credits/Week</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Consult Attending</td> <td>10 Credits/Week</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Path., Rad., ED, Anesthesia Attending</td> <td>1 Credit/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Operating Room/Clinic Attending</td> <td>1 Credit/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td></tr> <tr> <td>Medical Student Ambulatory, Clerkships, Outreach Events Precepting</td> <td>2 Credits/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td></tr> <tr> <td>CPX Remediation Training</td> <td>1 Credit/Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr><tr> <td>OSCE, Oral, or Practical Exam Participation</td> <td>3 Credit/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> </Table> </div> <div id="apDiv7"> <Table class="AcademicTable"> <caption> <b>4. Academic Committees</b> </caption> <tr> <td>ISP Chair/Primary Mentor</td> <td>20 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Includes Secondary Project Advisors/mentors for Student, Resident, & Fellow Research Projects.">ISP Committee Member/Secondary Advisor<sup class="noPrint">*</sup></td> <td>5 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PH. D. Committee Member</td> <td>12 Credits/Student/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Minor Proposition Chair</td> <td>20 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Minor Proposition Member</td> <td>5 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> </Table> </div> <div id="apDiv8"> <Table id="MEDEducation" class="showClass"> <caption> <b>7. Education Committee Service (credit commensurate with attendance)</b> </caption> <tr> <td>Chair: CEP, CCC, EC, GMEC, GPEC</td> <td>1 Credit/Meeting Hour (Max: 96 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Member: CCC, EC, GMEC, GPEC</td> <td>1 Credit/Meeting Hour (Max: 45 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Member: CEP</td> <td>1 Credit/Meeting Hour (Max: 20 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv9"> <Table id="SSPPSEducation" class="hiddenClass"> <caption> <b>7. Education Committee Service (credit commensurate with attendance)</b> </caption><tr> <td>Chair: CEP, CCC, EC, GMEC, GPEC, EPAOC/Faculty, Comp Exam, RAC, Research Coucil</td> <td>1 Credit/Meeting Hour (Max: 96 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td></tr><tr> <td>Member: CEP, CCC, EC, GMEC, GPEC, EPAOC/Faculty, Comp Exam, RAC, Research Coucil</td> <td>1 Credit/Meeting Hour (Max: 45 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td></tr> </Table> </div></form><form id="otherForm"><div id="apDiv10"><Table class="secTable" border="1" style="table-layout:auto"> <tr> <th>Course Numbers or Names</th> <th>Student/Trainee Names</th> </tr> <tr> <td><textarea name="textarea" value="" autocomplete="off" id="courseNum"></textarea></td> <td><textarea name="textarea" value="" autocomplete="off" id="stuName"></textarea></td> </tr></table><table class="thirdTable" border="1" style="table-layout:auto "> <tr> <th class="lTextArea">Other Activities</th> </tr> <tr> <td><textarea name="textarea" value="" class="lTextArea" autocomplete="off" id="otherField"></textarea></td></table></div></form></body> tempTeaching.html

I would like to extract data from Associated Press files and put them in tabular form for my work at a newspaper. I understand how to extract data when the nodes are obvious such as: <booklist>, <author>, but the files from the AP contain just <table>, <th>, <tr>, <td>, and I can't seem to extract the data. The file format is called NITF XML. I want to put them in a similar style table that would be printed in a newspaper. Can anyone help me with this? Thank you! Here is an sample file as it appears when downloaded from their wire: <nitf xmlns="http://ap.org/schemas/03/2005/nitf"> <head> <meta name="ap-transref" content="s0225" /> <meta name="ap-origin" content="dss" /> <meta name="ap-selector" content="-----" /> <meta name="ap-category" content="s" /> <meta name="ap-format" content="at" /> <!-- Routing Type="Passcode" Expanded="true" Outed="false" --> <meta name="ap-routing" content="s,s1,sag" /> <meta name="ap-cycle" content="BC" /> <meta name="ap-xhl" content="BBO--Baseball Expanded Glance" /> <docdata> <doc-id regsrc="AP" /> <del-list> <from-src level-number="s0225" /> </del-list> <urgency ed-urg="3" /> <date.issue norm="2012812TZ" /> <du-key key="BC-BBO--Baseball Expanded Glance" /> <doc.rights owner="http://www.ap.org" agent="http://license.icopyright.net" type="none" /> <doc.copyright /> </docdata> </head> <body> <body.head> <hedline> <hl1>Baseball Expanded Standings</hl1> <byline>The Associated Press<byttl></byttl></byline> </hedline> <distributor>The Associated Press</distributor> </body.head> <body.content> <block> <table> <tr> <th>AMERICAN LEAGUE</th> </tr> <tr> <th>East Division</th> </tr> <tr> <th></th> <th>W</th> <th>L</th> <th>Pct</th> <th>GB</th> <th>WCGB</th> <th>L10</th> <th>Str</th> <th>Home</th> <th>Away</th> </tr> <tr> <td>New York</td> <td>67</td> <td>46</td> <td>.593</td> <td>—</td> <td>—</td> <td>7-3</td> <td>W-4</td> <td>34-22</td> <td>33-24</td> </tr> <tr> <td>Tampa Bay</td> <td>61</td> <td>52</td> <td>.540</td> <td>6</td> <td>—</td> <td>8-2</td> <td>W-5</td> <td>32-27</td> <td>29-25</td> </tr> <tr> <td>Baltimore</td> <td>61</td> <td>53</td> <td>.535</td> <td>6½</td> <td>½</td> <td>6-4</td> <td>L-1</td> <td>29-28</td> <td>32-25</td> </tr> <tr> <td>Boston</td> <td>56</td> <td>59</td> <td>.487</td> <td>12</td> <td>6</td> <td>3-7</td> <td>L-1</td> <td>29-34</td> <td>27-25</td> </tr> <tr> <td>Toronto</td> <td>53</td> <td>60</td> <td>.469</td> <td>14</td> <td>8</td> <td>2-8</td> <td>L-5</td> <td>28-25</td> <td>25-35</td> </tr> <tr> <th>Central Division</th> </tr> <tr> <th></th> <th>W</th> <th>L</th> <th>Pct</th> <th>GB</th> <th>WCGB</th> <th>L10</th> <th>Str</th> <th>Home</th> <th>Away</th> </tr> <tr> <td>Chicago</td> <td>61</td> <td>51</td> <td>.545</td> <td>—</td> <td>—</td> <td>6-4</td> <td>L-1</td> <td>31-26</td> <td>30-25</td> </tr> <tr> <td>Detroit</td> <td>61</td> <td>53</td> <td>.535</td> <td>1</td> <td>½</td> <td>7-3</td> <td>L-1</td> <td>33-23</td> <td>28-30</td> </tr> <tr> <td>Cleveland</td> <td>53</td> <td>61</td> <td>.465</td> <td>9</td> <td>8½</td> <td>3-7</td> <td>W-1</td> <td>30-28</td> <td>23-33</td> </tr> <tr> <td>Kansas City</td> <td>49</td> <td>64</td> <td>.434</td> <td>12½</td> <td>12</td> <td>6-4</td> <td>W-1</td> <td>21-32</td> <td>28-32</td> </tr> <tr> <td>Minnesota</td> <td>49</td> <td>64</td> <td>.434</td> <td>12½</td> <td>12</td> <td>5-5</td> <td>L-3</td> <td>23-34</td> <td>26-30</td> </tr> <tr> <th>West Division</th> </tr> <tr> <th></th> <th>W</th> <th>L</th> <th>Pct</th> <th>GB</th> <th>WCGB</th> <th>L10</th> <th>Str</th> <th>Home</th> <th>Away</th> </tr> <tr> <td>Texas</td> <td>66</td> <td>46</td> <td>.589</td> <td>—</td> <td>—</td> <td>7-3</td> <td>W-1</td> <td>35-22</td> <td>31-24</td> </tr> <tr> <td>Oakland</td> <td>61</td> <td>52</td> <td>.540</td> <td>5½</td> <td>—</td> <td>5-5</td> <td>W-1</td> <td>34-26</td> <td>27-26</td> </tr> <tr> <td>Los Angeles</td> <td>60</td> <td>54</td> <td>.526</td> <td>7</td> <td>1½</td> <td>3-7</td> <td>L-1</td> <td>31-23</td> <td>29-31</td> </tr> <tr> <td>Seattle</td> <td>52</td> <td>63</td> <td>.452</td> <td>15½</td> <td>10</td> <td>4-6</td> <td>W-1</td> <td>25-29</td> <td>27-34</td> </tr> </table> <p>___</p> <table> <tr> <th>NATIONAL LEAGUE</th> </tr> <tr> <th>East Division</th> </tr> <tr> <th></th> <th>W</th> <th>L</th> <th>Pct</th> <th>GB</th> <th>WCGB</th> <th>L10</th> <th>Str</th> <th>Home</th> <th>Away</th> </tr> <tr> <td>Washington</td> <td>71</td> <td>43</td> <td>.623</td> <td>—</td> <td>—</td> <td>9-1</td> <td>W-8</td> <td>32-22</td> <td>39-21</td> </tr> <tr> <td>Atlanta</td> <td>66</td> <td>47</td> <td>.584</td> <td>4½</td> <td>—</td> <td>7-3</td> <td>W-3</td> <td>32-26</td> <td>34-21</td> </tr> <tr> <td>New York</td> <td>54</td> <td>60</td> <td>.474</td> <td>17</td> <td>9½</td> <td>4-6</td> <td>L-2</td> <td>27-30</td> <td>27-30</td> </tr> <tr> <td>Miami</td> <td>52</td> <td>62</td> <td>.456</td> <td>19</td> <td>11½</td> <td>4-6</td> <td>W-1</td> <td>28-28</td> <td>24-34</td> </tr> <tr> <td>Philadelphia</td> <td>51</td> <td>62</td> <td>.451</td> <td>19½</td> <td>12</td> <td>5-5</td> <td>L-1</td> <td>25-33</td> <td>26-29</td> </tr> <tr> <th>Central Division</th> </tr> <tr> <th></th> <th>W</th> <th>L</th> <th>Pct</th> <th>GB</th> <th>WCGB</th> <th>L10</th> <th>Str</th> <th>Home</th> <th>Away</th> </tr> <tr> <td>Cincinnati</td> <td>68</td> <td>46</td> <td>.596</td> <td>—</td> <td>—</td> <td>5-5</td> <td>W-2</td> <td>36-20</td> <td>32-26</td> </tr> <tr> <td>Pittsburgh</td> <td>63</td> <td>50</td> <td>.558</td> <td>4½</td> <td>—</td> <td>4-6</td> <td>L-3</td> <td>35-20</td> <td>28-30</td> </tr> <tr> <td>St. Louis</td> <td>62</td> <td>52</td> <td>.544</td> <td>6</td> <td>1½</td> <td>6-4</td> <td>W-1</td> <td>34-23</td> <td>28-29</td> </tr> <tr> <td>Milwaukee</td> <td>51</td> <td>61</td> <td>.455</td> <td>16</td> <td>11½</td> <td>5-5</td> <td>L-2</td> <td>33-26</td> <td>18-35</td> </tr> <tr> <td>Chicago</td> <td>44</td> <td>68</td> <td>.393</td> <td>23</td> <td>18½</td> <td>1-9</td> <td>L-2</td> <td>28-26</td> <td>16-42</td> </tr> <tr> <td>Houston</td> <td>38</td> <td>77</td> <td>.330</td> <td>30½</td> <td>26</td> <td>3-7</td> <td>W-2</td> <td>27-31</td> <td>11-46</td> </tr> <tr> <th>West Division</th> </tr> <tr> <th></th> <th>W</th> <th>L</th> <th>Pct</th> <th>GB</th> <th>WCGB</th> <th>L10</th> <th>Str</th> <th>Home</th> <th>Away</th> </tr> <tr> <td>San Francisco</td> <td>62</td> <td>52</td> <td>.544</td> <td>—</td> <td>—</td> <td>6-4</td> <td>W-1</td> <td>33-24</td> <td>29-28</td> </tr> <tr> <td>Los Angeles</td> <td>61</td> <td>53</td> <td>.535</td> <td>1</td> <td>2½</td> <td>5-5</td> <td>L-1</td> <td>33-25</td> <td>28-28</td> </tr> <tr> <td>Arizona</td> <td>57</td> <td>57</td> <td>.500</td> <td>5</td> <td>6½</td> <td>4-6</td> <td>L-2</td> <td>30-26</td> <td>27-31</td> </tr> <tr> <td>San Diego</td> <td>51</td> <td>64</td> <td>.443</td> <td>11½</td> <td>13</td> <td>7-3</td> <td>W-6</td> <td>27-30</td> <td>24-34</td> </tr> <tr> <td>Colorado</td> <td>41</td> <td>70</td> <td>.369</td> <td>19½</td> <td>21</td> <td>4-6</td> <td>L-1</td> <td>21-37</td> <td>20-33</td> </tr> </table> <p>___</p> <table> <tr> <th>AMERICAN LEAGUE</th> </tr> <tr> <th>Saturday's Games</th> </tr> </table> <p>N.Y. Yankees 5, Toronto 2</p> <p>Cleveland 5, Boston 2</p> <p>Kansas City 7, Baltimore 3</p> <p>Oakland 9, Chicago White Sox 7</p> <p>Tampa Bay 4, Minnesota 2</p> <p>Texas 2, Detroit 1</p> <p>Seattle 7, L.A. Angels 4</p> <table> <tr> <th>Sunday's Games</th> </tr> </table> <p>Boston at Cleveland, 1:05 p.m.</p> <p>N.Y. Yankees at Toronto, 1:07 p.m.</p> <p>Kansas City at Baltimore, 1:35 p.m.</p> <p>Oakland at Chicago White Sox, 2:10 p.m.</p> <p>Tampa Bay at Minnesota, 2:10 p.m.</p> <p>Detroit at Texas, 3:05 p.m.</p> <p>Seattle at L.A. Angels, 3:35 p.m.</p> <table> <tr> <th>Monday's Games</th> </tr> </table> <p>Texas (Dempster 1-0) at N.Y. Yankees (Undecided), 7:05 p.m.</p> <p>Chicago White Sox (Peavy 9-8) at Toronto (Villanueva 6-2), 7:07 p.m.</p> <p>Detroit (A.Sanchez 1-2) at Minnesota (Deduno 3-0), 8:10 p.m.</p> <p>Cleveland (Masterson 8-10) at L.A. Angels (C.Wilson 9-8), 10:05 p.m.</p> <p>Tampa Bay (Cobb 6-8) at Seattle (Beavan 7-6), 10:10 p.m.</p> <table> <tr> <th>Tuesday's Games</th> </tr> </table> <p>Boston at Baltimore, 7:05 p.m.</p> <p>Texas at N.Y. Yankees, 7:05 p.m.</p> <p>Chicago White Sox at Toronto, 7:07 p.m.</p> <p>Detroit at Minnesota, 8:10 p.m.</p> <p>Oakland at Kansas City, 8:10 p.m.</p> <p>Cleveland at L.A. Angels, 10:05 p.m.</p> <p>Tampa Bay at Seattle, 10:10 p.m.</p> <p>___</p> <table> <tr> <th>NATIONAL LEAGUE</th> </tr> <tr> <th>Saturday's Games</th> </tr> </table> <p>Cincinnati 4, Chicago Cubs 2</p> <p>San Francisco 9, Colorado 3</p> <p>Houston 6, Milwaukee 5, 10 innings</p> <p>San Diego 5, Pittsburgh 0</p> <p>St. Louis 4, Philadelphia 1</p> <p>Atlanta 9, N.Y. Mets 3</p> <p>Miami 7, L.A. Dodgers 3</p> <p>Washington 6, Arizona 5</p> <table> <tr> <th>Sunday's Games</th> </tr> </table> <p>L.A. Dodgers at Miami, 1:10 p.m.</p> <p>San Diego at Pittsburgh, 1:35 p.m.</p> <p>St. Louis at Philadelphia, 1:35 p.m.</p> <p>Milwaukee at Houston, 2:05 p.m.</p> <p>Cincinnati at Chicago Cubs, 2:20 p.m.</p> <p>Colorado at San Francisco, 4:05 p.m.</p> <p>Washington at Arizona, 4:10 p.m.</p> <p>Atlanta at N.Y. Mets, 8:05 p.m.</p> <table> <tr> <th>Monday's Games</th> </tr> </table> <p>L.A. Dodgers (Harang 7-7) at Pittsburgh (Karstens 4-2), 7:05 p.m.</p> <p>Philadelphia (Hamels 12-6) at Miami (Eovaldi 3-7), 7:10 p.m.</p> <p>San Diego (Stults 2-2) at Atlanta (Minor 6-8), 7:10 p.m.</p> <p>Houston (Galarraga 0-2) at Chicago Cubs (Samardzija 7-10), 8:05 p.m.</p> <p>Milwaukee (Fiers 6-4) at Colorado (Francis 3-4), 8:40 p.m.</p> <p>Washington (G.Gonzalez 14-6) at San Francisco (Vogelsong 10-5), 10:15 p.m.</p> <table> <tr> <th>Tuesday's Games</th> </tr> </table> <p>L.A. Dodgers at Pittsburgh, 7:05 p.m.</p> <p>N.Y. Mets at Cincinnati, 7:10 p.m.</p> <p>Philadelphia at Miami, 7:10 p.m.</p> <p>San Diego at Atlanta, 7:10 p.m.</p> <p>Houston at Chicago Cubs, 8:05 p.m.</p> <p>Arizona at St. Louis, 8:15 p.m.</p> <p>Milwaukee at Colorado, 8:40 p.m.</p> <p>Washington at San Francisco, 10:15 p.m.</p> <p /> </block> </body.content> <body.end /> </body></nitf>

I have a table layout for my picture gallery live example : http://test.repsolhondanc24.co.uk/ When you minimise it or have it on a smaller screen resolution the table does not reduce in size like the other page content section does. Where am I going wrong. I want the table to be all the same size for width and heigh per square alternatively is there a better picture gallery I can use with out using a table (I'm keeping the light-box feature)

i have a simple table data cell <td> and i have 2 same-sized images i need to put in there, the first image is the <td> background image (which is a transparent png that has a grunge border) and the second image is just a regular JPG. Whenever i just add the <td background="images/bg.png> background PNG image and add the JPG image inside of the <td></td>, you cannot see the background PNG. I need to make the background PNG float over the top of the JPG image. I have tried playing around with z-index and css styles, etc but i cannot seem to make it work. Any help would be appreciated. I have attached 3 images, the brush-bg.png background image, the JPG image, and lastly a JPG of what i want it to look likeRegards,James

<div><form name="queries" style="display: table;"><div style="display: table-cell; width: 250px; height: 200px;"><input type="checkbox" name="libraries" value="Lib1" />Lib1<input type="checkbox" name="libraries" value="Lib2" />Lib2<input type="checkbox" name="libraries" value="Lib3" />Lib3<input type="checkbox" name="libraries" value="Lib4" />Lib4<br /><input type="checkbox" name="items" value="title" />Title<input type="checkbox" name="items" value="barcode" />Barcode</div><div style="display:table-cell; width: 100px; height: 200px;"><input type="input" name="query" value="" /></div></form></div> Any IE8- (in my case IE7) fix for not displaying the table-cells properly?

Hi. Not quite sure where to start with this one. Am creating a website at the moment, and within that site - in my SQL Compact database I have a "transaction" table. There will be thousands of records in that table - what I want the user to be able to do is search based on a particular parameter - which is fine as I can just use SQL to obtain that information. However, say for instance it returns 100 records - I don't want to display all that data to a user all at once. How would I go about creating a facility to navigate on a table? For instance so it displays ten records at a time? I am using WebMatrix to create this site. Thanks. Kevin

W3Schools says "If the width attribute is not set, a table takes up the space it needs to display the table data. Problem: I have no width attribute but the width displayed is only a bit more than the screen width and it takes 3 rows to display the data instead of displaying all in one row. I do not have a CSS defining the width. If I define the width in the table tag as width="5000", my data iscorrectly displayed in one row. But I don't want to use this methodbecause the length of my row is variable from one user to another.

Hi all, I am trying to print ALL the content of a scrolling table without usingiframes, opening a new window or hiding all the other elements on my screen. It it possible to send a command that will only print a specific element based onthe id without having to change screen displays? <!--Html table code I need to print, table is dynamically populated from javascript so the length constantly varies.--> <!--some code--><div id="printme"><table border="1" width="598" id="ccblanktableheader"> <tr bgcolor="#E4E5E5"> <th width="15%"><font face="tahoma" color="rgb(6,79,168)">Date</font></th> <th width="20%"><font face="tahoma" color="rgb(6,79,168)">Customer No.</font></th> <th width="23%"><font face="tahoma" color="rgb(6,79,168)">Complaint No.</font></th> <th width="12%"><font face="tahoma" color="rgb(6,79,168)">Status</font></th> <th width="23%"><font face="tahoma" color="rgb(6,79,168)">Type</font></th> <th width="7%"><font face="tahoma" color="rgb(6,79,168)">View</font></th> </tr> </table> <div style="font-size: 12px; face:tahoma; height: 315px; overflow:auto;border:1 "> <table border="1" width="593" id="ccblanktable" align="center"> <tr bgcolor="#E4E5E5"> <th width="15%"></th> <th width="20%"></th> <th width="23%"></th> <th width="12%"></th> <th width="23%"></th> <th width="7%"></th> </tr> </table> </div></div><!--more code--> I have tried multiple javascripts but none work without either opening a new window or changing displays.This was my most recent test. var content_innerhtml = document.getElementById("ccblanktable").innerHTML; var document_print=window.open("","",display_setting); //Opens new windowdocument_print.document.open(); document_print.document.write('<html><head><title>print using javascript</title></head>'); document_print.document.write('<body style="font-family:verdana; font-size:12px;" onLoad="self.print();self.close();" >'); document_print.document.write(content_innerhtml); document_print.document.write('</body></html>'); //does not show as a table, rather a a single rowdocument_print.print(); document_print.document.close(); Any ideas how I can do this?Thanks.