|
HTML - Html Cliend Side Validation
Hello
I am a newbie in html. I was asked to design a html web page that includes cliend side validation for an entry form. my design is as below: <table width="75%" border="3" cellspacing="0" cellpadding="8"> <tr> <td><font color="#000000">Please fill in all the required fields </font></td> </tr> <tr> <form name="register" action=""> <td width="25%" bgcolor="#CCCCCC" colspan="2"> <p>First Name<br> <input type="text" name="textfield" width="200%"> </p> <p>Last Name<br> <input type="text" name="textfield" width="200%"> </p> <p>Username<br> <input type="text" name="textfield" width="200%"> </p> <p>Password<br> <input type="password" name="textfield2" width="200%"> </p> <p>Email<br> <input name="textfield" type="text" value="" width="200%"> </p> <p><input name="" type="checkbox" accesskey=""> I am happy to be Emailed </p> <p> <input type="submit" name="Submit" value="Submit" > </p></td> </form> </tr> </table> How can I validate it? should i use java?php or ...? thanks Similar TutorialsOkay, so the title...I didn't really know what to put. I'm having serious issues trying to find/alter a string of code on my site. It is currently in a box along the side with a show/hide button to make it retract and expand, but its default is open which is rather annoying. I really hope this is HTML and not Javascript, but I'm a complete newb when it comes to programming so I'm honestly clueless. HERE is a link to my site, if you want to see exactly what I'm talking about. As for the code, I don't know where the specific problem is, so I'm sorry for this, but I'm going to paste most of the header. Code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".sideb").click(function(){
$(".cbox").slideToggle("slow");
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('div.accordionButton').click(function() {
if($(this).next().is(':visible')) {
$('div.accordionContent').slideUp('slow');
} else {
$('div.accordionContent').slideUp('slow');
$(this).next().slideDown('slow');
}
});
$("div.accordioncontent").hide();
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("div.accordionbutton").mouseover(function(){
$(this).removeClass().addClass("acchover");
}).mouseout(function(){
$(this).removeClass().addClass("accordionbutton");
});
</script>
<style type="text/css">
body {
background-position: top center;
margin-left: 225px;
}
input, textarea, select {
background-color: #f4f7f9;
border: 1px solid #f4f7f9;
font-family: verdana;
color: #727f85;
}
.menubg {
height: 30px;
}
.menubg a {
padding: 2px 4px 2px 4px;
text-align: center;
font-family: helvetica;
font-weight: 100!important;
text-shadow: #c3cdd4 1px 1px 0px;
text-transform: uppercase;
letter-spacing: -1;
font-size: 15px;
text-decoration: none!important;
color: #374a6c!important;
}
.menubg a:hover {
color: #6b7fa2!important;
text-decoration: none!important;
background-color: transparent!important;
}
a:hover, a:active {
background-color: #cdd8de;
text-decoration: none;
}
.catbg {
border-bottom: 5px solid #21314d;
text-align: right;
text-shadow: #21314d 1px 1px 0px;
font-family: helvetica neue;
font-weight: 100!important;
background: url(GRADIENT URL HERE);
}
.cattext {
font-weight: 100!important;
text-transform: uppercase;
padding-right: 20px;
margin-top: 5px;
}
.titlebg {
border-top: 5px solid #21314d;
font-family: helvetica neue;
text-transform: uppercase;
padding-left: 6px;
font-weight: 100!important;
text-shadow: #21304c 1px 1px 0px;
}
.titletext {
font-weight: 100!important;
}
.titletext {
color: #404040!important;
}
.button {
margin-left: 2px;
margin-right: 2px;
font-size: 9px!important;
text-transform: lowercase!important;
padding-right: 4px;
}
.sideb {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2 2 2 5;
font-size: 11px;
margin-bottom: 1px;
text-decoration: none!important;
}
a.sideb {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2 2 2 5;
font-size: 11px;
margin-top: 1px;
text-decoration: none!important;
}
a.sideb:hover, a.sideb:active {
background-color: #97abb6;
color: #eff3f5;
text-transform: lowercase;
padding: 2 2 2 5;
}
div.accordionButton {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0;
font-size: 11px;
margin-top: 1px;
text-decoration: none!important;
}
a.accordionButton {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5;
font-size: 11px;
margin-top: 1px;
text-decoration: none!important;
}
a.accordionButton:hover, a.accordionButton:active {
background-color: #97abb6;
color: #eff3f5;
text-transform: lowercase;
}
a.side:link, a.side:visited {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3;
font-size: 11px;
margin-bottom: 1px;
text-decoration: none!important;
}
a.side:hover, a.side:active {
background-color: #97abb6;
color: #eff3f5;
text-transform: lowercase;
padding: 2 2 2 5;
}
h3.aegis {
display: block;
width: 98%;
font-family: helvetica neue;
font-weight: 100!important;
font-size: 18px;
letter-spacing: 0px;
text-transform: uppercase;
text-shadow: #34466a 1px 1px 0px;
color: #bcc3cd;
text-align: left;
background-color: #18253f;
margin: 20px 0px 0px -6px;
padding: 5px;
opacity: 0.8;
-moz-opacity: 0.8;
}
h4.aegism {
display: block;
width: 98%;
font-family: helvetica neue;
font-weight: 100!important;
font-size: 18px;
letter-spacing: 0px;
text-transform: uppercase;
text-shadow: #34466a 1px 1px 0px;
color: #bcc3cd;
text-align: left;
background-color: #18253f;
margin: 0px 0px 0px -6px;
padding: 5px;
opacity: 0.8;
-moz-opacity: 0.8;
}
.content {
background: url("SIDEBAR BG MAIN URL HERE (LIGHT BLUE)");
text-align: justify;
padding: 4 6 4 6;
font-size: 10px;
color: #57636a;
margin-top: 0px;
}
p.update {
background-color: #dddddd;
border-bottom: 3px solid #ababab;
text-align: justify;
padding: 4 6 4 6;
font-size: 10px;
margin-top: 0px;
}
p.roma {
background-color: #eff3f5;
width: 80%;
text-align: justify;
padding: 8px;
font-size: 10px;
color: #6f797f;
-moz-opacity: 0.8;
opacity: 0.8;
margin-top: 10px;
margin-bottom: 0px;
}
p.maintext2 {
background-color: #c6cfd4;
text-align: center;
font-size: 10px;
color: #6f797f;
-moz-opacity: 0.6;
opacity:0.6;
margin-top: 0px;
}
.transimage {
float: left;
margin-right: 4px;
border: 3px solid #4a5a71;
width: 80px;
height: 80px;
-moz-opacity: 0.8;
opacity:0.8;
}
#sidetables {
margin-left: 13px;
width: 230px;
border-left: 5px solid #18253f;
border-right: 5px solid #18253f;
border-bottom: 5px solid #18253f;
}
p.slide
{
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2 2 2 5;
font-size: 11px;
margin-bottom: 2px;
margin-top: 2px;
text-decoration: none!important;
}
div.accordioncontent {
display: none;
}
.acc {
background-color: #eff3f5;
width: 80%;
text-align: justify;
padding: 8px;
font-size: 10px;
color: #6f797f;
-moz-opacity: 0.8;
opacity: 0.8;
margin-top: 2px;
margin-bottom: 0px;
}
div.cbox {
background-color: #eff3f5;
padding: 8px;
-moz-opacity: 0.8;
opacity: 0.8;
margin-top: 2px;
margin-bottom: 0px;
}
.bordercolor {
padding: 5;
}
</style>
<script type="text/javascript">
<!--
/* fix text menus by ross */
var startChar = ''; //Start character
var dividerChar = ''; //Dividing Character(s);
var endChar = ''; //End character
//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Header
===== -->
<table align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">
<div style="position: fixed; left: 0px; top: 0px; width: 258px; height: 845px; background: url(SIDEBAR BG URL (DARK BLUE) HERE); color: #202e4c; border-right: 4px solid #78839b;">
<!-- ===== SIDEBAR ===== -->
<table id="sidetables" cellpadding="0px" cellspacing="0">
<tr style="margin-top: 200px"><td class="iro" align="center"><div class="content"><br>
<h3 class="aegis">cbox</h3>
<center><br><a href="javascript:void(0);" class="sideb">click to hide/show</a>
<div class="cbox">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: left; line-height: 0">
<div><iframe frameborder="0" width="200" height="245" src="http://www3.cbox.ws/box/?boxid=3366059&boxtag=rkhyky&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3366059" style="border: 0px solid;" id="cboxmain3-3366059"></iframe></div>
<Cbox here>
</div>
<!-- END CBOX -->
</div></center>
I really hope someone could help me with this ^^; please and thank you very much. Hi everyone, my first post here! I'm trying to develop a website to display weather. Its really quite simple; One computer runs some weather software which gets its data from a weather station, the weather software creates .jpg images of the data it receives and ftp's them every 60 seconds to a webserver that just has a simple html page displaying all of the 6 images on one page again refreshing every 60 seconds. This has been running for some time but I have recently been asked to include data from another computer that monitors tidal height. This computer also ftp's its data every 60 seconds to the same webserver but in a csv .txt file. I can display this txt file directly on the site in a iframe but its really badly formatted. What's the best way of formatting the data client side? I thought maybe with javascript, but its something I have never used before. thanks in advance, Nick hi im designing a we site by php i have a html form that collect some information from client an it has some script for hide or visible text box when user check a checkbox but when client run my page see a popup menu allowed blocked content.... i saw some site do this withou running this popup how can i do it? thanks I'm having some trouble trying to get the following page to show the three link columns centered, side by side: http://centralmusic.com.previewmysite.com/links.php EDIT: for reference, the title LINK is properly centered, and the ARTIST column should be directly below that, as is seen on the contact page I've tried every trick you can find on google, but nothing seems to work while the float tag is involved, and if I remove the tag then the divs arn't side by side. I've found that if I make a containing DIV with a FIXED witdth, it will center THAT div within it's parent using the margin: 0 trick. however, the 3 interior divs still float to the left of that container div. so if the containing div is wider then the total width of the interior divs, they do not appeared center (however on this page I COULD make use of equal column widths, but it doesn't end up being FF friendly). Alright so I actually tried a couple more things after typing that last paragraph. On this page: http://centralmusic.com.previewmysite.com/gallery.php I find that what i described so far is true, however on the first page i referenced, putting a containing div around the 3 columns made no apparent difference. I'm going to start double checking my code and comparing the two pages for differences to see what I'm doing wrong (on both pages though, the goal is to have a number of divs centered vertically, side by side). If anyone has any comments or hints to help me out that'd be great, but I'll definatley be posting back later with an update once I get a chance to try a few more things. My code looks like this:
Code: <a id="commercialadvantages" href="/link1"><span> </span></a><a id="hearradio" href="/link2"><span> </span></a><a id="viewearnings" href="link3"><span> </span></a> When I go to the live view, they come out stacked like this: But I want them side by side, not stacked. Is it the <a> code that causes them to stack? What can I change in my code to make them side by side? Thx. I am trying to edit my image viewer on my site, but for some reason it works perfectly in chrome, safari and Firefox, but IE is giving me one issue. The images are being stacked vertically (one on to of the other) rather than show up all in one row horizontally. This is making my page longer in IE and just does not look the way I want it to..Any ideas at to what could cause this? here is a link to test the issue...I have tried everything that I know how to do, but have had no success..http://www.jewelryboxavenue.com/Ocea...-Box_p_58.html Hello i am having some trouble aligning some checkboxes. I am trying to get them to sit side by side horizontally but when i do this with absolute positioning i will click the first set and it will check the second so i have to go way to the left of the first set to check mark it. Sorry for the butchered script. Thanks <div> <tr> <td height="40"> <label for="budget" class="label">Budget: From</label> <input name="budget" type="text" id="budget"> <span class="from">To</span> <label for="to" class="from"></label> <input name="to" type="text" id="to"> </td> </tr> </div> <tr> <td> <input name="boxesh" type="checkbox" id="home" value="walkdis"> <label for="home" class="checkboxes">Home</label><br> <input name="boxesb" type="checkbox" id="BoatDock" value="walkdis"> <label for="BoatDock" class="checkboxes">Boat dock</label><br> <input name="boxesv" type="checkbox" id="viewofwater" value="walkdis" title="Check the ones you want"> <label for="viewofwater" class="checkboxes">View of Water</label><br> </td> <td> Hi folks, I have a table and in one cell I have two images that normally appear side by side but when an a adjacent cell (or any cell in the same row) gets too large the images end up appearing on top of one another... is there some way to force them to stay side by side? I'd rather not have a table within the cell in question although i suppose i could if there's not some html or css way to make it work. Thanks in advance, Michael Hi, I'm new to HTML can anybody help me how to place to tables side by side Hello, I'm using the Lytebox image script and I would like for my images to appear side by side and not vertically. This is the code that I'm using but for some reason it came out kind of odd. Website:http://www.marinaelizabeth.com/2011/...book-1_30.html Quote: <center>Click on images to enlarge and view them as a gallery.</center> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-kIL2bYltvuY/Tv5ZYiwh_PI/AAAAAAAAAWM/rajrPOgV4ok/s1600/4e8159ba888c8.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://4.bp.blogspot.com/-kIL2bYltvuY/Tv5ZYiwh_PI/AAAAAAAAAWM/rajrPOgV4ok/s1600/4e8159ba888c8.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-rQua3zWNynw/Tv5HzbTLgxI/AAAAAAAAAUs/Uk6T6DfLBTw/s1600/301041_2223476301499_1085460275_32542139_1266806142_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://1.bp.blogspot.com/-rQua3zWNynw/Tv5HzbTLgxI/AAAAAAAAAUs/Uk6T6DfLBTw/s1600/301041_2223476301499_1085460275_32542139_1266806142_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-_So5oCwC_zY/Tv5HzNghb7I/AAAAAAAAAUc/4uVJ24oiO6A/s1600/300161_2223481061618_1085460275_32542158_923192763_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://2.bp.blogspot.com/-_So5oCwC_zY/Tv5HzNghb7I/AAAAAAAAAUc/4uVJ24oiO6A/s1600/300161_2223481061618_1085460275_32542158_923192763_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-NzLeC4jz9vg/Tv5Hy3xv3cI/AAAAAAAAAUQ/3q-062i7e2g/s1600/300161_2223480941615_1085460275_32542155_373340707_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://3.bp.blogspot.com/-NzLeC4jz9vg/Tv5Hy3xv3cI/AAAAAAAAAUQ/3q-062i7e2g/s1600/300161_2223480941615_1085460275_32542155_373340707_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/--K5mxuMSNDA/Tv5HywJFhvI/AAAAAAAAAUI/D5PxnOVYqtc/s1600/300161_2223480901614_1085460275_32542154_1471612777_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://1.bp.blogspot.com/--K5mxuMSNDA/Tv5HywJFhvI/AAAAAAAAAUI/D5PxnOVYqtc/s1600/300161_2223480901614_1085460275_32542154_1471612777_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-AEljI6VqRXQ/Tv5OS3ta-PI/AAAAAAAAAVc/NOdLmyO4_E4/s1600/311979_2223482901664_1085460275_32542161_509691087_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://2.bp.blogspot.com/-AEljI6VqRXQ/Tv5OS3ta-PI/AAAAAAAAAVc/NOdLmyO4_E4/s1600/311979_2223482901664_1085460275_32542161_509691087_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-R27iVxEfLbM/Tv5OSf6kt-I/AAAAAAAAAVU/YQmkZr04C6w/s1600/301041_2223476421502_1085460275_32542142_204426155_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://2.bp.blogspot.com/-R27iVxEfLbM/Tv5OSf6kt-I/AAAAAAAAAVU/YQmkZr04C6w/s1600/301041_2223476421502_1085460275_32542142_204426155_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> <br> <a rel="lytebox[groub1]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-qQSPdm60jgQ/Tv5ZY-pmGXI/AAAAAAAAAWU/3F9MxBXbV7M/s200/312657_2223450300849_1085460275_32542123_217211886_n.jpg"><img style="float: left;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://2.bp.blogspot.com/-qQSPdm60jgQ/Tv5ZY-pmGXI/AAAAAAAAAWU/3F9MxBXbV7M/s200/312657_2223450300849_1085460275_32542123_217211886_n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> Thanks in advance When I asked my web designer to validate the site design through http://validator.w3.org/, he agreed to it. But when I tested it, there were 2 Errors, 92 warning(s) . When I enquired about it, the designer says there is nothing to worry about warnings. And as there are just 2 errors, it would not be a big problem. Is it right? How this will affect SEO? Can this be search engine friendly website? Hi, I am new to web designing and HTML. So just learning it as I go along. I validated my below HTML code in http://validator.w3.org/detailed.html and it threw lots of error and warning. Can anyone please help me understand this. Many Thanks HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Shears Design Website</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="shears-logo">
<img src="images/logos/ShearsDesign.jpg"/>
</div>
<div id="top-nav">
<ul>
<li> <a href="index.html">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="courses.html">Courses</a></li>
<li> <a href="tutorial.html">Tutorial</a></li>
<li> <a href="contact.html">Contact Us</a></li>
<li> <a href="imp-links.html">Important Links</a></li>
</ul>
</div>
<div id="banner">
<img src="images/Banner/Banner.jpeg"/>
</div>
<div id="content">
<h1> About Shears Design</h1>
<p> Shears Design is a web design and training studio having head quaters in Los Angeles, California and offices in Asia, Europe, Canada and UK. We have worked as a freelance designer since 2006 and have been creating websites since then. Our comapny is also listedin NYSE in NY, USA and NSE in Mumbai, India. <br /> <br /> <br />The websites we design have a clean professional layout and appearance with easy to understand navigation and clean, easy to read typography so your site visitors find what they are looking for and have a positive experience visiting your site.<br /> <br /> <br /> We believe in using straightforward well tested design methods which produce sites that are pleasant to visit and easy to maintain and expand when the time comes. Our websites are based on a standard layout grid which gives our clients the ability to visualize their sites in an organized way and provides a framework to quickly and efficiently create dependable and clean websites.</p>
<p> </p>
<p>Our major clients include Microsoft, Yahoo, Apple, Google, Dell and many other well known companies in the industry. Client satisfcation is what makes our company stand outside the crowd. We believe in designing high quality websites which are stable, user friendly and easily scalable at any given point in time.</p>
<p> </p>
<p>We also provide online and offline classroom training on various subject like web designing, HTML, CSS, PHP, XML, SEO etc. You can <a href="contact.html"> contact us </a> for more information.</p>
<p> </p>
<p> </p>
</div>
<div id="right-side">
<h2> Learning resources </h2>
<p> For more learning resources, please refere the tutorial link at the top of the page. </p>
<h3> Shears Design Frameswork </h3>
<p> This is the framework we use to create websites in the training videos for Adobe Dreamwewaver, Microsoft Expression Web and the learning HTML and CSS courses. It includes the completed project templates created in the videos. The purpose of this framework is to provide you with a starting set of tools for creating websites, which you can customized to fit your needs and style. Its the toolkit we use everyday when creating websites. It works great for us and we hope it can be the start of something great for you. </p>
<p> <a href="contact.html"> Click here to contact us for more information </a> <p>
<h3> Small Business SEO Guide </h3>
<p> SEO Guide will go over what SEO is, Keyword Research, External Link Building and OnPage Optimization techniques as well as a discussion of "Black Hat" techniques to avoid. The guide will conclude with information on adding your site to Google and Bing, working with XML sitemaps and installing Google Analytics. The videos will demonstrate the On Page SEO Techniques discussed in the guide and the procedure for adding your site to Google and Bing, creating search engine site maps and adding Google Analytics to your site.</p>
<p> <a href="contact.html"> Click here to contact us for more information </a> <p>
</div>
<div id="social-media-icons">
<ul>
<li> <a href="http://www.facebook.com"> <img src="images/logos/facebook-64x64.png"/> </a> </li>
<li> <a href="http://www.twitter.com"> <img src="images/logos/twitter-64x64.png"/> </a> </li>
<li> <a href="https://plus.google.com"> <img src="images/logos/google-64x64.png"/> </a> </li>
<li> <a href="http://www.youtube.com"> <img src="images/logos/youtube-64x64.png"/> </a> </li>
<li> <a href="http://www.yahoo.com"> <img src="images/logos/yahoo-64x64.png"/> </a> </li>
</ul>
</div>
<div id="footer">
<p> ©2011 Shears Design | All Rights Reserved </p>
<p> <a href="terms-and-conditions.html"> Terms and Conditions </a></p>
<br />
</div>
</div>
</div>
</body>
</html>
Can anyone let me know what my problem is here please? Error Line 8 column 24723: document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag. ...ear:</strong> 2005</p><p align="left" > <strong>Season:</strong> Spring</p><p a im pretty new still to web design but any ways yesterday i tried validation on a w3schools website and now all my images on my site are pushed to the left and im unable to align them properly and i dont know what to do to fix it any help appreciated thanks. I am not sure what I am doing wrong with this page but the validation fails. Any help? http://www.h51school.com/ Hello again, I had a problem resolved today with one of my pages. And it had to do with validating my page and the CSS. The HTML validation is done at w3.org I have come across something that has amazed me. I am a complete amateur but can't understand how I have gone this long without knowing this. What is the story with the "/>" at the end of the meta tags? Up until now my meta tages have looked like this HTML Code: <meta name="description" content="description here"> Now that I have discovered it is a good idea to validate your pages I have found that all these things are errors! It makes me write it like this to get rid of the error. HTML Code: <meta name="description" content="description here" /> Infact, everything in the head has to end with the ../> or it's an error. I have no idea why. And this whole validation thing is new to me anyway. I'd appreciate it if someone explained to me what is going on here. thank you. Deleted By User. |
|||||||