Trying to get Social medis icons to display in footer

Thank you Francky, a great amount of detailed helpful information, many thank yous :slight_smile:

ok so a couple of queries :slight_smile:

if you check the validation on the home/front page of http://www.classified-thailand.com

you will find the “Warning: trimming empty <label>” means: there is a <label></label> element, which is empty"

yet when I look into my index.php I can not find <label></label> it is in another php/html/file how to find this sub/associated php/html/file ??

query 2

<h3><p class=“copyrightText”>© Copyright 2013 classified-thailand.com All rights reserved.</p></h3>

I added the <h3> tags to this line, yet it is incorrect in the validator

can I add h3 to the CSS file for this line ? CSS = copyrightText

.copyrightText {
font-size: 10px;
font-weight: bold;
color: #ccc; }

your time, and help greatly appreciated :slight_smile:

It’s in that page at line 298.


<div>																[B]<label></label>[/B]															<br/>
																	<select id="qs_price_high" name="qs_price_high">

Empty elements are not an error as such because you may be using them for background images. What validator are you using? The w3c validator shows these results.

query 2

<h3><p class=“copyrightText”>© Copyright 2013 classified-thailand.com All rights reserved.</p></h3>

I added the <h3> tags to this line, yet it is incorrect in the validator

You cannot have block level elements inside heading tags or p elements.

The rule should be:


<h3 class="copyrightText">© Copyright 2013 classified-thailand.com All rights reserved.</h3>

If you need an inner element for a hook for styling then use a span (or strong,em etc depending on semantics)

can I add h3 to the CSS file for this line ? CSS = copyrightText

.copyrightText {
font-size: 10px;
font-weight: bold;
color: #ccc; }
}

With the changes I made that rule will apply although you may still need to address the default margins of the h3 etc. (10px is very small and you would be better using ems so that they can at least be scaled more easily.)

I don’t think that a copyright tagline constitutes a heading tag anyway unless you had all the copryright details listed below. I would have just used a p element and maybe a nested strong tag to give it some importance.

Thank you Paul O’B, great detailed info, very helpful, so I have started tidying up code, using Tidy on Notepad++ and using the http://validator.w3.org, and HTML Tidy on Firefox

yet I have come across a few pieces of code that I can not get a correct correction/validation, could you help please ?

This code is using Tidy, yet validator says - line 422 column 34 - Warning: <img> element not empty or not closed

found on page: http://www.dating-asian-singles.com/how-internet-dating-works

<div class="showcase-tooltips">
<a href="#" coords="410,180"><img src="images/feature-closeup-4-1.png" alt="Dating Asian Singles Stylish drop-down panel"></a>
 <p class="featureWhiteText">Stylish drop-down panel for logging in and registering users.</p>
 <a href="#" coords="615,145"><img src="images/feature-closeup-4-2.png" alt="Dating Asian Singles Quick Search"></a>
  <p class="featureWhiteText">Quick search facility on all pages for registered users.</p>
   </div>

Also if you could advise/help with:

line 14 column 1 - Warning: <link> inserting “type” attribute

line 14 column 1 - Warning: <link> inserting “type” attribute

all help greatly appreciated :slight_smile:

Yes you’ve missed the trailing slash as empty elements in xhtml have to be closed. You need the trailing slash at the end like this.


<img src="images/feature-closeup-4-1.png" alt="Dating Asian Singles Stylish drop-down panel" />
<img src="images/feature-closeup-4-2.png" alt="Dating Asian Singles Quick Search" />

Also if you could advise/help with:

line 14 column 1 - Warning: <link> inserting “type” attribute

line 14 column 1 - Warning: <link> inserting “type” attribute

all help greatly appreciated :slight_smile:

Yes the link element needs a type of type=“text/css” You have it in the link in the line before but not on the one at line 14 :slight_smile:


<link type="text/css" rel="stylesheet" href="css/showcase.css" />

Thank you Paul O’B, more great detailed info :slight_smile:

yet I still have not got this one correct:

<a href="#" coords="600,20">
<img src="images/feature-closeup-1-1.png" />
<p class="featureWhiteText">Easy drop-down panel for logging in and registering users.</p>
</a>
<a href="#" coords="370,200">
<img src="images/feature-closeup-1-2.png" />
<p class="featureWhiteText">Quick search facility on all pages for registered users.</p>
</a>
<a href="#" coords="550, 255">
<img src="images/feature-closeup-1-3.png" />
<p class="featureWhiteText">Stylish drop-down panel for logging in and registering users.</p>
</a>

and the code that is causing validation problem on all pages is: (same code effecting all pages)

http://www.dating-asian-singles.com/how-internet-dating-works

line 85 column 6 - Warning: <link> isn't allowed in <body> elements

line 82 column 1 - Info: <body> previously mentioned

line 86 column 1 - Warning: <link> isn't allowed in <body> elements

your help much appreciated :slight_smile:

You can’t wrap anchor (a) elements around block elements (unless you are using the html5 doctype) otherwise they are not valid.

Your p element above would need to be a span to be valid in (x)html. You can of course style it exactly like a p element and make it display:block but it must be a span or other inline element.

and the code that is causing validation problem on all pages is: (same code effecting all pages)

http://www.dating-asian-singles.com/how-internet-dating-works

line 85 column 6 - Warning: &lt;link&gt; isn't allowed in &lt;body&gt; elements



It more or less tells you the problem here and [B]style[/B] elements are not valid when in the &lt;body&gt; of the page. They must go in the &lt;head&gt; "in here" &lt;/head&gt; section. Move them into the head and they will validate.

You can have a link <a href=“…”>Link</a> inside a <p>…</p> tag, but not a <p>…</p>-tag inside a link tag <a>.
Inside a link only inline elements are allowed (and a <p> is a block level element). You can use a <span> instead of the <p>.
So:

<a href="#" coords="600,20">
    <img src="images/feature-closeup-1-1.png" />
    <p class="featureWhiteText">Easy drop-down panel for logging in and registering users.</p>
</a>

has to be:

<a href="#" coords="600,20">
    <img src="images/feature-closeup-1-1.png" />
    <span class="featureWhiteText">Easy drop-down panel for logging in and registering users.</span>
</a>

=======
The two links to the stylesheets (line 85 and 86) are in the <body> (line 82), but they should reside in the <head> section.
Then the “line 82 column 1 - Information: <body> previously mentioned” will disappear automatically.

[edit]Arghh!
I didn’t see the second page before my message, and Paul O’B has said the same already. - I’m happy id did not say the contrary. :slight_smile:
[/edit]

Thank you Paul O’B and Francky for your replies/answers/solutions :slight_smile:

I am making progress :slight_smile: Thank you

But the correcting of this code still alludes me:

and the code that is causing validation problem on all pages is: (same code effecting all pages)

http://www.dating-asian-singles.com/how-internet-dating-works

line 85 column 6 - Warning: <link> isn’t allowed in <body> elements

Here is the code from my: how-internet-dating-works.html

</script>

</head>
<body>

    <!-- Start of loginSlider -->
     <? include("loginSlider.html"); ?>
    <!-- End of loginSlider -->

    <!-- Start HEADER -->
	<div id="header">
		<img class="mainLogo" src="images/main-logo.png" alt="main logo" />

        <!-- Start of MAIN NAV -->
      	<? include("navigation.html"); ?>
    	<!-- End of MAIN NAV -->

	</div>
	<!-- End HEADER -->

	<!-- Start CONTENT CONTAINER -->

I tried moving the <!-- Start of loginSlider –> code into the <head> but no more problems created

</script>

    <!-- Start of loginSlider -->
     <? include("loginSlider.html"); ?>
    <!-- End of loginSlider -->

</head>
<body>

    <!-- Start HEADER -->
	<div id="header">
		<img class="mainLogo" src="images/main-logo.png" alt="main logo" />

        <!-- Start of MAIN NAV -->
      	<? include("navigation.html"); ?>
    	<!-- End of MAIN NAV -->

	</div>
	<!-- End HEADER -->

	<!-- Start CONTENT CONTAINER -->

I tried several combinations, yet nope :frowning:

Yes, your <head> section is ending way too early. Your HTML output has this:

</head>
<body>

    <!-- Start of loginSlider --> 

All of this needs to be in the <head> section:

    <!-- Start of loginSlider --> 
     <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />

<!--[if lte IE 6]>
    <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
 
<!-- jQuery - the core -->
<!-- Sliding  effect -->
<script src="js/slide.js" type="text/javascript"></script>

<script type="text/javascript">

function hideAllLoginError(){
   document.getElementById('login_username_error').style.display = "none";
   document.getElementById('login_password_error').style.display = "none";
   document.getElementById('login_error').style.display          = "none";
}

function validatelogin(){
	
   var frmobj       = document.forms['frm_login'];
   var reg			 = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/;
   hideAllLoginError();
   var username     = trim(frmobj.username.value);
   if(username.length <=0) {
	  document.getElementById('login_username_error').innerHTML     = "Please enter username";
	  document.getElementById('login_username_error').style.display = "inline";
	  frmobj.username.focus();
	  return false;
   }
   var password = trim(frmobj.password.value);
   if(password.length <=0) {
	  document.getElementById('login_password_error').innerHTML     = "Please enter password";
	  document.getElementById('login_password_error').style.display = "inline";
	  frmobj.password.focus();
	  return false;
   }
   if(username.length > 0 && password.length > 0) {
 	  httplogin = createRequestObject();
	  httplogin.onreadystatechange = loginAction_response;
	  var url="ajax/check_member.php?username="+username+"&password="+password+"&time="+new Date().getTime();
	  httplogin.open("GET",url);
      httplogin.send(null);
   }
}

function loginAction_response(){
	if(httplogin.readyState == 4) {
	  if(httplogin.responseText==1) {
	    document.forms['frm_login'].user_submit.value=1;
		document.forms['frm_login'].submit();
	  }
	  else if(httplogin.responseText==0) {
		document.getElementById('login_error').style.display = "inline";
		document.getElementById('login_error').style.marginLeft =  "0px";
		document.getElementById('login_error').setAttribute("class", "row_errornew");
		document.getElementById('login_error').innerHTML = "Invalid login details.";
		document.forms['frm_login'].password.value="";
	  }
	}
	else {
	    document.getElementById('login_error').style.display = "inline";
	    document.getElementById('login_error').setAttribute("class", "row_error");
	    document.getElementById('login_error').style.marginLeft =  "45px";
        document.getElementById('login_error').innerHTML = '<img src="images/loading.gif"> please wait..';
	}
}

function forgotPass(){
content='<label for="email" style="width:auto;" class="slider_content"><strong>Enter your email address:<\\/strong><\\/label><br /><br /><input name="login_email" type="text" size="26" id="login_email" ><div class="row_error" id="login_email_error" style="margin:0;width:183px;"><\\/div><br /><br /><br /><a class="cupid-green" href="javascript:void(0);" onclick="send_login();" style="margin-top:30px; ">Send &raquo;<\\/a>&nbsp&nbsp<a class="links" href="index.php?sid=687d361fa96c7c1f7f951bb9aa195a25" style="margin:2px; margin-bottom:5px;">Cancel &raquo;<\\/a>';
document.getElementById('login_box').innerHTML=content;
}

function send_login(){
	var frmobj       = document.forms['frm_login'];
	var reg			 = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/;

    document.getElementById('login_email_error').style.display = "none";
	var email = trim(frmobj.login_email.value);
	if(email.length <=0) {
	  document.getElementById('login_email_error').innerHTML     = "Please enter the email id";
	  document.getElementById('login_email_error').style.display = "inline";
	  frmobj.login_email.focus();
	  return false;
	} else if(reg.test(email) == false){
	  document.getElementById('login_email_error').innerHTML     = "Please enter the valid email id";
	  document.getElementById('login_email_error').style.display = "inline";	
	  frmobj.login_email.focus();
	  return false;
	}
	if(email.length > 0 && reg.test(email)) {
	  http_send_login = createRequestObject();
	  http_send_login.onreadystatechange = login_Info_response;
	  var url="ajax/sendLogin_info.php?email="+email+"&time="+new Date().getTime();
	  http_send_login.open("GET",url);
      http_send_login.send(null);
	}
}

function login_Info_response(){
	if(http_send_login.readyState == 4) {
	  if(http_send_login.responseText=='sent') {
	   document.getElementById('login_box').innerHTML=' <div class="successMsg" style="height:55px; margin:20px 0 0 0;">Your login details sent sucessfully.<\\/div>';
	  }
	  else {
	   document.getElementById('login_email_error').style.display = "inline";
	   document.getElementById('login_email_error').innerHTML = "Email address you entered does not exist in our database.";
	   document.getElementById('login_email').value="";
	  }
	}
	else {
	   document.getElementById('login_email_error').style.display = "inline";
	   document.getElementById('login_email_error').setAttribute("class", "row_error");
	   document.getElementById('login_email_error').style.marginLeft =  "0px";
       document.getElementById('login_email_error').innerHTML = '<img src="images/loading.gif"> please wait..';
	}
}
</script>

Are you sure the <body> tag is actually declared in your template?

Hello ralph.m, good to hear from you, so where do I go? where to look? lost at this point :frowning:

the section from - how-internet-dating-works.html

</script>

</head>
<body>

    <!-- Start of loginSlider --> 
     <? include("loginSlider.html"); ?>
    <!-- End of loginSlider -->
    
    <!-- Start HEADER -->
	<div id="header">
		<img class="mainLogo" src="images/main-logo.png" alt="main logo" />
        
        <!-- Start of MAIN NAV --> 
      	<? include("navigation.html"); ?> 
    	<!-- End of MAIN NAV -->
        
	</div>
	<!-- End HEADER -->

	<!-- Start CONTENT CONTAINER -->

do I need to cut code from here? or look in another html ?

all help appreciated :slight_smile:

I think we need to see the whole of your template code to understand what’s going on. We are looking through too small a keyhole. :slight_smile:

Hello ralph.m,

thank you for your replies,

yes small keyhole is correct :slight_smile:

so how can I assist you to see more ? would you like me to post the complete html ? or ?

Yes, that’s what I meant. :slight_smile:

Hello ralph.m,

ok here is the how-internet-dating-works.html your help appreciated :slight_smile:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Dating Asian Singles - Free Online Dating - Meet Singles Site</title>

<meta name="description" content="Join now and search for FREE! With a FREE membership you can search, send gifts and start meeting other members. Start Dating Single Asian Women and Men from all over the world!"/>
<meta name="keywords" content="online dating, free online dating, free dating site, asian dating, singles, singles site, date site, personals, asian women, asian men, asian personals, asian singles"/>
<meta name="author" content="Dating Asian Singles - www.dating-asian-singles.com"/>
<link href='http://fonts.googleapis.com/css?family=Gudea|Rokkitt:400,700|Lato:300' rel='stylesheet' type='text/css'/>

<link href="css/general.css" rel="stylesheet" type="text/css"/>
<link type="text/css" rel="stylesheet" href="css/showcase.css" />

<!-- JS SCRIPTS -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js_functions.js"></script>

<!-- TWITTER JS -->
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type='text/javascript'>
    $(document).ready(function(){
        $(".tweet").tweet({
            join_text: "auto",
            avatar_size: 32,
            count: 2,
            auto_join_text_default: "we said,",
            auto_join_text_ed: "we",
            auto_join_text_ing: "we were",
            auto_join_text_reply: "we replied to",
            auto_join_text_url: "we were checking out",
            loading_text: "loading tweets..."
        });
    });
</script>

<script type="text/javascript" src="js/jquery.aw-showcase.min.js"></script>
<script type="text/javascript">

$(document).ready(function()
{
	$("#showcase").awShowcase(
	{
		content_width:			940,
		content_height:			490,
		fit_to_parent:			false,
		auto:					true,
		interval:				5000,
		continuous:				true,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					true,
		buttons:				true,
		btn_numbers:			true,
		keybord_keys:			true,
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true,
		stoponclick:			false,
		transition:				'hslide', /* hslide/vslide/fade */
		transition_delay:		0,
		transition_speed:		500,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				false,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
		custom_function:		null /* Define a custom function that runs on content change */
	});
});

</script>

</head>
<body>

    <!-- Start of loginSlider --> 
     <? include("loginSlider.html"); ?>
    <!-- End of loginSlider -->
    
    <!-- Start HEADER -->
	<div id="header">
		<img class="mainLogo" src="images/main-logo.png" alt="main logo" />
        
        <!-- Start of MAIN NAV --> 
      	<? include("navigation.html"); ?> 
    	<!-- End of MAIN NAV -->
        
	</div>
	<!-- End HEADER -->

	<!-- Start CONTENT CONTAINER -->
    <div id="contentContainer">
    
    <!-- Start SHOWCASE CONTAINER -->
	<div id="showcaseContainer">
	
	    <h2>Dating-Asian-Singles.com Powerful Features</h2>
	    <h3>Meeting New Friends is Easy and Fun</h3>
	
	<div id="showcase" class="showcase">
		<!-- SHOWCASE 1 -->
		<div class="showcase-slide">
			<div class="showcase-content">
				<div class="slideshowtexttl">
					<h4>Dating Asian Singles</h4>
					<p class="slideshowText">Dating-Asian-Singles.com is a social dating website assisting you in find new friends from all over the world.</p>
					<p class="slideshowText">Dating-Asian-Singles.com allows users to invite friends to help them find that perfect match, by writing comments about their friend, and recommending other users to their friend.</p>
				</div>
				<div class="slideshowtexttr">
					<h4>Create your Profile</h4>
					<p class="slideshowText">Dating-Asian-Singles.com is designed to allow you to create your individual profile, with photos, and videos.</p>
					<p class="slideshowText">With Dating-Asian-Singles.com dating you are ready to start online fun, with unlimited potential to meet new friends.</p>
				</div>
				<img src="images/showcase-screen1.jpg" alt="my match screenshots" />
				<img src="images/showcase-screen-shadow.png" />
			</div>
			<div class="showcase-tooltips">
				<a href="#" coords="600,20">
					<img src="images/feature-closeup-1-1.png" />
					<span class="featureWhiteText">Easy drop-down panel for logging in and registering users.</span>
				</a>
				<a href="#" coords="370,200">
					<img src="images/feature-closeup-1-2.png" />
					<span class="featureWhiteText">Quick search facility on all pages for registered users</span>
				</a>
				<a href="#" coords="550, 255">
					<img src="images/feature-closeup-1-3.png" />
					<span class="featureWhiteText">Stylish drop-down panel for logging in and registering users.</span>
				</a>
			</div>
		</div>
		
		<!-- SHOWCASE 2 -->
		<div class="showcase-slide">
			<div class="showcase-content">
				<div class="slideshowtexttl">
					<h4>Registered user feature overview</h4>
					<p class="slideshowText">Registered users have access to their own control area where they can...</p>
					<ul class="slideshowBullets">
						<li>Edit their profile info</li>
						<li>Change password</li>
						<li>Upgrade to full membership (if user is a free member)</li>
						<li>Invite friends to write a comment for them</li>
						<li>Approve what a friend has written about them</li>
						<li>See if their friends have recommended other users as a match</li>
					</ul>
				</div>
				<div class="slideshowtexttr">
					<h4>continued...</h4>
					<ul class="slideshowBullets">
						<li>View and remove their favourites</li>
						<li>See who likes them and if they've received any virtual gifts</li>
						<li>Paid members get full access to the  Dating-Asian-Singles.com message centre for sending and receiving messages</li>
						<li>See which members match their requirements or search through all members</li>
					</ul>
				</div>
				<img src="images/showcase-screen2.jpg" alt="my match screenshots" />
				<img src="images/showcase-screen-shadow.png" />
			</div>
			<div class="showcase-tooltips">
				<a href="#" coords="440,210">
					<img src="images/feature-closeup-2-1.png" />
					<span class="featureWhiteText">Users can edit their profiles and upload new images to be approved by the site admin.</span>
				</a>
				<a href="#" coords="550,240">
					<img src="images/feature-closeup-2-2.png" />
					<span class="featureWhiteText">Free users have the opportunity to easily upgrade their membership.</span>
				</a>
			</div>
		</div>
		
		<!-- SHOWCASE 3 -->
		<div class="showcase-slide">
			<div class="showcase-content">
				<div class="slideshowtexttl">
					<h4>Check your popularity</h4>
					<p class="slideshowText">Dating-Asian-Singles.com users can see at a glance how many people have added them as a favourite and if they have received any virtual gifts from anyone.</p>
					<p class="slideshowText">From here users can view the profiles of those who like them.</p>
				</div>
				<div class="slideshowtexttr">
					<h4>Virtual gifts</h4>
					<p class="slideshowText">Virtual gifts can be sent and received by any users (free or paid) and show up on the 'Who likes you' page.</p>
					<p class="slideshowText">All users select from a range of virtual gifts.</p>
				</div>
				<img src="images/showcase-screen4.jpg" alt="my match screenshots" />
				<img src="images/showcase-screen-shadow.png" />
			</div>
			<div class="showcase-tooltips">
				<a href="#" coords="630,195">
					<img src="images/feature-closeup-3-1.png" />
					<span class="featureWhiteText">Moving the mouse over any received gifts shows who sent it.</span>
				</a>
				<a href="#" coords="380,280">
					<img src="images/feature-closeup-3-2.png" />
					<span class="featureWhiteText">Easily see people who like you or remove them from your list.</span>
				</a>
			</div>
		</div>
		
		<!-- SHOWCASE 4 -->
		<div class="showcase-slide">
			<div class="showcase-content">
				<div class="slideshowtexttl">
					<h4>Easy to browse searching</h4>
					<p class="slideshowText">Dating-Asian-Singles.com colour codes male and female search results for easy-on-the-eye quick reference.</p>
					<p class="slideshowText">From the quick search results you get a brief idea of what users are looking for and whether they have any friend's comments.</p>
				</div>
				<div class="slideshowtexttr">
					<h4>Detailed and safe profiles</h4>
					<p class="slideshowText">Dating-Asian-Singles.com only uses first names throughout the website and doesn't display users email addresses, so your users will be kept safe.</p>
					<p class="slideshowText">From the 'View Profile' pages your users can add favourites, send virtual gifts and full paid members can send messages.</p>
				</div>
				<img src="images/showcase-screen5.jpg" alt="my match screenshots" />
				<img src="images/showcase-screen-shadow.png" />
			</div>
			<div class="showcase-tooltips">
				<a href="#" coords="410,180"><img src="images/feature-closeup-4-1.png" alt="Dating Asian Singles Stylish drop-down panel" /></a>
                  <span class="featureWhiteText">Stylish drop-down panel for logging in and registering users.</span>
                  <a href="#" coords="615,145"><img src="images/feature-closeup-4-2.png" alt="Dating Asian Singles Quick Search" /></a>
                  <span class="featureWhiteText">Quick search facility on all pages for registered users.</span>
				
			</div>
		</div>
		
	</div>
	</div>
	<!-- End SHOWCASE CONTAINER -->
			
		
	</div>
	<!-- End CONTENT CONTAINER -->

	<!-- Start FOOTER -->
     <? include("footer.html");?>
    <!-- End FOOTER -->
	
</body>
</html>

HI,

You will need to split your loginslider into two files and call the first part in the head and the second part in the body. The link tags and scripts can go in the first part which you call from the head and then the html can be called in the body (scripts can actually go anywhere so its only the link element that is causing the error).

e.g.


<!-- Start of loginSlider part 1 --> 
     <? include("loginSlider1.html"); ?>
    <!-- End of loginSlider part 1 -->
</head>
<body>
<!-- Start of loginSlider part 2 --> 
     <? include("loginSlider2.html"); ?>
    <!-- End of loginSlider part 2 -->

Note that many plugins do actually put style elements in the body and although it is invalid it will do no harm (unless browsers suddenly decide to get strict about it).

Thank you Paul O’B and ralph.m for your continued support and information.

To split your loginslider into two files is far to complicated for this newbie coder :slight_smile:

I can live with 5 validation Warnings on http://www.dating-asian-singles.com allot better than it was :slight_smile:

“although it is invalid it will do no harm” sounds ok to me :slight_smile:

Many thank yous to you all :slight_smile:

But! I would like to reduce the Validation Warnings on http://www.classified-thailand.com

So I have opened a new post here: http://www.sitepoint.com/forums/showthread.php?1171734-Warning-missing-lt-div-gt-Help-please

your help would be greatly appreciated :slight_smile: