dsonesuk

Not really locked as such, but you would restrict it reaching the situation where the elements it would start stacking, by applying for a fluid width site a min-width: for the outer container.

If you wish to be taken seriously as a designer/developer of websites, then using a html table for your layout is the wrong way to go. Html tables should only be used as intended, to show rows of data in tabular format. You can lock the html content elements as well, without the use of going backward and using tables, which will be treated as a very amateurish method.

AND how the ######! are we supposed to know you used wordpad, as far as i know none of us has the capability to read your mind (urgh what a thought) and know how/what you used to create your html, there no mention of using wordpad in your first posting, you supplied html code, and attachment, no wait! you didn't supply attachment did you, SO the ONLY person that wasted time here was YOU.

??? what attachment, there's no attachment just html code, and no there is other validator, or validation usually link back this site, so you will have to READ and UNDERSTAND the errors that its is showing.

what did validation show? surly you validated before posting here

??? iconbar or iconslist, anyway changed it to iconbar for this, in this situation it would be easier to us jquery to hide the counter when icon hovered over $(document).ready(function(){$("#iconbar").hover(function(){$("#unread_container").hide()},function(){$("#unread_container").show();});}); The other way would be apply position: relative; to li elements then remove the image from anchor link element, and place it beside it so anchor element it is now empty, you then make the anchor links the same size as images, and use position: absolute to place these above the respective image, AND the counter by using a higher z-index,

Give the container position: relative;, with icon background-image, with counter inside overlapping icon, create anchor and make it display: block; position: absolute; top:0; left: 0; right:0; bottom:0;, this will overlap both icon image and counter, but you may have to adjust z-index; to fully overlap.

I think clients would prefer a site that will draw in people and stay, you site garden shed (pitiful visits), other sites Buckingham palace (mega visits), ummmm which would clients prefer?

Have a look for a network ip camera, these can operate through your network to gain access through internet, but you really require a fixed ip address, or you would have to register and setup a account with a company such as www.dyndns.com, where basically they set you up with a domain name address to your camera, which will be checked periodically to see if the dynamic ip address has changed from your ISP, and then update it to your camera domain, I think there was a free version, where you just have to login every 30days or so. There also are wireless ip network cameras, where you only require access to power supply where you place the camera, this obviously requires wireless router.

Right!, because different browser show different borders, and IF you are allowed too, I suggest using cellspacing="1" with a background colour (black for instance) to show between spacing, the problem with this is you have to use, for instance a white background colour for each cell, but the results are consistent in all browsers, but you still end up with double border on bottom and left of five row table.

The only way I can see this being done without the use of css, and with text appearing in blank left hand side of 5 cell rows, is by using two tables, one without borders on left, obviously the other with borders on right. You will!, end up with double borders showing in some browser, you may be able to use 'frame' attribute to help remove non required borders from showing in these browsers. IT is very much harder to achieve a design like this, that will look identical in all browsers, without the use of css.

You don't require two tables, you just need to use border-collapse: and apply/remove borders to cells to achieve the same end result.

Usually you don't lose quality shrinking, its usually the other way round, when you enlarge a small pixel image to a larger size it ends up pixelated and colour blurs from on pixel to the next. All you need to do is get the proportion correct, when he's finished, use high res for scanner while scanning the images, the file size will be huge, but then you just reduce it in size and res to go into you website to the quality you are happy with.

150px = 3.96875cm is exactly right, what you could do is draw these boxes in a graphics program, print it out and compare.

It searches the whole domain and its sub pages, so you just need the domain name, you type in you keyword, it searches for listing in search engines if found it will show rank IF lower than ranking 200, and then list the url where it was found as inhttp://www.DomainName.com/dsonesuk.html so stop moaning.

A free rank checker, which i use is seobook.com rank checker, you have to register, you enter your domain, then keyword/s and then click start, it then searches through the major search engine google.com, google.co.uk, bing, yahoo etc and list your ranking in each.

page names should use hyphens /news-of-keyword.html AND NOT underscore news_of_keyword.html, google is able to separate hyphenated words so it will search by 'news', 'of', 'keyword' compared with search just 'news_of_keyword' which will return near zero results. The same also goes for image filenames my-keyword-01.jpg and my-keyword-02.jpg, you can also use the keyword in <h2> and <h3> as well but don't over do it.

Works fine on mine, as soon as i reduce the height of table_inner div so the data content is greater than that element height, so can scroll the data content, and the header is fixed!

Must be my PC and browsers then? getting a lot of that here recently, guess I'm a lucky chappy, cause the headers fixed on mine.

??? I think you will they are fixed, IF the content data exceeds the height set for .table_inner

The only way I could get this to work cross browser was this method <!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>Untitled Document</title><script type="text/javascript">/*<![CDATA[*//*---->*//*--*//*]]>*/</script><style type="text/css">.table_wrapper {width:1024px; overflow-x:auto;}.table_inner{height:500px; overflow-y:auto; width:2021px;padding-bottom:60px;} .tloc { width: 110px; } .tsite{ width: 110px; } .tbusunit { width: 180px; } .titem { width: 200px; } .taction { width: 200px; } .tspecial { width: 130px; } .tFM { width: 50px; } .tcompliant { width: 90px; } .tdatecomp { width: 120px; } .tdatereview { width: 120px; } .tfreq { width: 100px; } .tremedial { width: 100px; } .tcnw { width: 120px; } .tcomments { width: 160px; } .tinforce { width: 180px; } .tlastchange { width: 180px; } .tnotes { width: 180px; }</style><!--[if lte IE 7]> <style> .table_wrapper{overflow-y:hidden;} </style><![endif]--><!--[if IE 8]> <style> .table_inner table{ padding-bottom:60px;} </style><![endif]--></head><body><div class="table_wrapper"><table width="2004" border="1" cellspacing="0" cellpadding="0"> <tr> <td class="tloc">first head</td> <td class="tsite">head</td> <td class="tbusunit">head</td> <td class="titem">head</td> <td class="taction">head</td> <td class="tspecial">head</td> <td class="tFM"> </td> <td class="tcompliant">head</td> <td class="tdatereview">head</td> <td class="tfreq">head</td> <td class="tremedial">head</td> <td class="tcnw ">head</td> <td class="tcomments">head</td> <td class="tinforce">head</td> <td class="tlastchange">head</td> <td class="tnotes">last head</td> </tr> </table> <div class="table_inner"> <table width="2004" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#CCFFCC"> <td class="tloc">first rec</td> <td class="tsite"> </td> <td class="tbusunit"> </td> <td class="titem"> </td> <td class="taction"> </td> <td class="tspecial"> </td> <td class="tFM"> </td> <td class="tcompliant"> </td> <td class="tdatereview"> </td> <td class="tfreq"> </td> <td class="tremedial"> </td> <td class="tcnw "> </td> <td class="tcomments"> </td> <td class="tinforce"> </td> <td class="tlastchange"> </td> <td class="tnotes">last rec</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr></table></div></div></body></html> With the usual conditional fixes for crappy IE. Note: not tested in IE9.

Or just use normal js of jquery formula window.onload = function(){var tdChild = document.getElementsByTagName("td");for(var i=0; i<tdChild.length; i++){ if(tdChild[i].getAttribute("itemprop")=="productID") { alert(tdChild[i].innerHTML); }}}

if you want to find that custom attribute, you might want to consider jquerys each() and attr() <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" ></script><script type="text/javascript">/*<![CDATA[*//*---->*/$(document).ready(function(){$("td").each(function(){ if($(this).attr("itemprop")=="productID") { alert($(this).html()) } });});/*--*//*]]>*/</script>

Geees, i thought we had finally got rid of this posting with no body, and then DAMN! got me doing it now. Please terminate this posting.

Oh my Gosh you are right! the background colours, solid borders, not to mention dashed borders, and there's totally the wrong number of images, wrong background(well there's no background actually) all would make this code unusable. if only there was a way to remove these, and restrict the number of images to be resized and reposition? looks like a job for Mr Picky! enter YOU.