dsonesuk

I think you will find most ads are flash and jquery, or similar, and you will find they will have links, code added within the advirsiment area. And NO! i don't mean use jquery just for fancy stuff, but using jquery means smaller scripts, less code, leaner load time. IF one jquery app is used, where you have link to jquery libraries, you might as well start creating code using jquery anyway.

ALL XHTML img element end for example <img border="0" src="Images/home.gif" alt="Programs" width="153" height="40" /> and all attributes must have a space between them for example <img border="0"src="Images/about.gif" alt="Programs"width="153" height="40"/><img border="0"src="Images/contact.gif"alt="Programs" width="153" height="40"/> should be <img border="0" src="Images/about.gif" alt="Programs" width="153" height="40"/><img border="0" src="Images/contact.gif" alt="Programs" width="153" height="40"/>

Yes! advertisment for one example, where you have slideshow effect at the side, jquery in almost every page to show specific content related to the page you are on, which will take you to application page related to that specific content you just came from.

I don't have a crystal ball, but i pretty much guarantee,that from the very start that jquery WILL be used on most pages in some form, so would it not be prudent to use jquery regardless of the 24kb file library files. Yes by all means get a understanding of JavaScript on its own, so you understand how to combine it together with jquery, and how it it works, compared to jquery.

By that theory, Why don't we do away with images and just use a descriptive text only. What starts as simple script usually get added to and before you know it! it's no longer a 200byte script but a massive 100kb+ file. You usually find JavaScript used somewhere on every page now days, especially for form validation, ajax etc, so it will soon add up.

What? all 24 to 40kb WOW! massive bandwidth that would take up, about size of one high quality thumbnail image, once you consider the amount of code using just javascript alone compared to jquery you would save on that amount many times over.

What i suggest is that you properly validate your code at http://validator.w3.org/, correct the errors, and if the problem persists, then repost your correct code. As at the moment it would be difficult to properly correct the problem with all the errors that are present that may or may not, be the problem itself.

use display: block; with float: left; or display:inline-block; for label, then define a width to the larget length of text, which should bring the inputs into line.

That not going to work, just realised you have to clear the array, or you end up with all checked being listed all the time as each is checked. try this <script type="text/javascript">/*<![CDATA[*//*---->*/var array = new Array();$(document).ready(function(){$("#checkAll2").live('click' ,function(event) { event.preventDefault();var count=0;array.length=0; $('input[name="association[]"]:checked').each(function() { array[count] = $(this).attr("id"); count++; }); // end of each() runthis(); }); // end of click});function runthis(){for(i=0;i<array.length;i++){ alert(array[i]);}}/*--*//*]]>*/</script>

make the array global then you can access it outside document.ready <script type="text/javascript">/*<![CDATA[*//*---->*/var array = new Array();$(document).ready(function(){$("#checkAll2").live('click' ,function(event) { event.preventDefault(); $('input[name="association[]"]:checked').each(function() { //$('input[name="association[]"]').not($('input[name="association[]"]:checked')).each(function(index) { var index_ref=$(this).index() array[index_ref] = $(this).attr("id"); }); // end of each() runthis(); }); // end of click});function runthis(){for(i=0;i<array.length;i++){if(array[i] != undefined){ alert(array[i]); }}}/*--*//*]]>*/</script>

Don't publish all the code, only the code that is relevant, or i will just ignore it, and not check it! I honestly do not have a clue what you going on about here, what is dropcap effect? .content p:first-child:first-letter will apply styling to first paragraph and the first character of that paragraph, and yes it does work! .content p:first-letter will apply styling to all paragraph and the first character of that paragraph, and yes it does work also! if you wish to target more than one character, you are going to have to use a span with class name to wrap around these characters.

?? IF the textarea is selected it has focus, that is what you use to initiate running of code onfocus.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script><script type="text/javascript">/*<![CDATA[*//*---->*/$(document).ready(function(){ // on document load begin$(".something").delay(3000).queue(function(){ // for class '.something wait 3000 millsec (3 sec) then apply hide () (display:none)$(this).hide();});});/*--*//*]]>*/</script>

I haven't looked at code, as there's just to much to go through, try setting min-width for body.

$("#checkAll2").live('click' ,function(event) {event.preventDefault(); var array = new Array(); $('input[name="association[]"]:checked').each(function() { //loops through all inputs with same name that are checked ':checked' //$('input[name="association[]"]').not($('input[name="association[]"]:checked')).each(function() { //loops through all inputs with same name that are NOT checked var index_ref=$(this).index() // .index() is jquery function that will return index ref of group of elements as defined by the selector used for the each function array[index_ref] = $(this).attr("id"); //array will use index ref to store id ref using variable that retrieves element index ref using function index() alert(array[($(this).index())] ) }); }); Edit: index argument in functioin is not required $('input[name="association[]"]').each(function(index) { should be $('input[name="association[]"]').each(function() {

$("#checkAll").live('click' ,function(event) {event.preventDefault(); $('input[name="association[]"]').attr('checked', 'checked'); var array = new Array(); $('input[name="association[]"]').each(function() { var index_ref=$(this).index() array[index_ref] = $(this).attr("id"); alert(array[($(this).index())] ) }); });

Yea! easy, use exact code i gave you, not just part of it.

????? I don't know what you are trying to say??? and by the way they are actually 36px not 35px.

Give the li element with classes 'imgAlign', height: auto; line-height: normal, and consider given the images within in them a margin top and bottom.

this is wrong for a start .Banner {width: 768px; height: 244px;background-color:#CCff00}.cat1 {width: 768px; height: 37px; /* close the curly bracket */.test {width: 768px; height: 37px;}

Use jquery .each() to loop through the same selector ref $('input[name="association[]"]') and store .attr("id") in to an array.

$("#checkAll").live('click' ,function(event) { event.preventDefault(); //var test = $("association[]").attr("name"); // checkUncheckAll(test, this.checked); $('input[name="association[]"]').attr('checked', 'checked'); });

For single line of text use line-height: and use the same defined height of the container (26px)

Don't use 100% width on elements that already has padding or margins, as it will match the width of parent container and add margin/padding to its overall width, note the removal of width: 100%; also display: table/ cell and addition of float: left; to second div. <div style="height: 26px; background-color: #000; margin-left: 26px; /*display: table; width:100%;*/"><div style="vertical-align: middle; font-family: Verdana,Helvetica,Arial; color:#33FCE2; font-size: 12pt; white-space: nowrap; float: left; /*display: table-cell;*/ float:left; /*float added by dsonesuk*/">Print Shop — <strong>Free shipping</strong> possible on orders ≥ 2</div><form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal"><input type="hidden" value="_s-xclick" name="cmd"><input type="hidden" value="-----BEGIN PKCS7-----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-----END PKCS7-----" name="encrypted"><div style="float:right; margin-right:90px;"><input type="image" border="0" alt="PayPal - " name="submit" src="/images/viewcart.png"></div><img width="1" height="1" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" alt=""></form></div> .title { border-bottom: 26px solid #000000; border-left: 26px solid transparent; color: #33FCE2; /* display: block; float: left; removed by dsonesuk*/ font-size: 12pt; height: 0; margin-bottom: 30px; text-decoration: none; /*width: 100%; removed by dsonesuk*/} this element is block by default, removing 100% width, and removing float returns it to its normal block element state that will stretch to the total width of parent element.

Have you even tried using IE conditional comment with html5 embed? <!--[if lt IE 9]><embed width="230" height="172" src="myflashfile.swf" type="application/x-shockwave-flash"><![endif]--> or <style type="text/css">#worse_IE {display:none;}</style><!--[if lt IE 9]><style type="text/css">#worse_IE {display:block;}#better_and_IE9 {display:none;}</style><![endif]--> <embed id="better_and_IE9" width="230" height="172" src="myflashfile.swf" type="application/x-shockwave-flash"><embed id="worse_IE" width="230" height="172" src="myflashfile.swf" type="application/x-shockwave-flash">