|
HTML - Is My Html Correct ???
Similar TutorialsHello guys, I have just created a simple website using Flash. Then I have embedded this .swf movie onto simple HTML document. I am wondering if you could check that HTML code for me and let me know whether it is correct. http://www.icebergfilms.com Thank you so much for your help. below is from a W3C linkchecker - how do I provide a valid URL for validating my page? The link provided by W3C isn't valid? - my page www.colletts.co.uk Quote: Fragments listed are broken. See the table below to know what action to take. Code Occurrences What to do 403 1 The link is forbidden! This needs fixing. Usual suspects: a missing index.html or Overview.html, or a missing ACL. http://validator.w3.org/check?uri=ht....uk/index.html What to do: The link is forbidden! This needs fixing. Usual suspects: a missing index.html or Overview.html, or a missing ACL. Response status code: 403 Response message: Checking non-public IP address disallowed by link checker configuration Line: 258 Hi, I am trying to accurately code a swf header into my website. I don't have the knowledge to arrange the code so it passes html validation. The following link will take you to the site and validation results. http://validator.w3.org/check?uri=ht...sale.net.au%2F And here a link to the website http://www.bikesforsale.net.au Any help or guidance will be gratefully received Cheers Ron Basically an uploader first time chooses a password and then whenever he/she wants to upload something he/she must type in a password and if done correctly, he/she can upload up to say 1000 KB of stuff per upload that is downloadable. How with HTML is such possible especially setting the limit on each upload (1000 KB for example) please? Thank you all in advanced for helping me out ; ) - Jason Hey guys. I need a little help with my HTML image rotator. Everything works fine, except the images don't show up on the right slide. All 4 images show up on the first slide. I can't figure out what's wrong. Any help will be greatly appreciated. Code: <!DOCTYPE html>
<html>
<head>
<title>...</title>
<style>
#sliderwrap {
height: 403px;
}
#sliderleft {
width: 10px;
height: 100%;
float: left;
background: #efefef;
border: 1px solid #ccc;
}
#sliderleft div {
height: 100px;
border-bottom: 1px solid black;
}
#slidercontent {
position: relative;
width: 650px;
height: 100%;
float: left;
border: 1px solid black;
overflow: hidden;
}
#sliderimages {
position: absolute;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#sliderimages img {
display: block;
}
.s0 #slide0,
.s1 #slide1,
.s2 #slide2,
.s3 #slide3 {
background: #ccc;
}
.s0 #sliderimages {top: 0 }
.s1 #sliderimages {top: -500px}
.s2 #sliderimages {top: -1000px}
.s3 #sliderimages {top: -1500px}
</style>
<script>
var slide = 0;
var interval_id = 0;
function stop_timer() {
clearInterval(interval_id);
if (this.getAttribute("data-slide")) {
slide = parseInt(this.getAttribute("data-slide"));
document.getElementById("sliderwrap").className = "s" + slide;
}
}
function start_timer() {
clearInterval(interval_id);
interval_id = setInterval(
function() {
slide = (slide + 1) % 4;
document.getElementById("sliderwrap").className = "s" + slide;
},
3000
);
}
window.onload = function() {
start_timer();
var el = document.getElementById("slidercontent");
var divs = document.getElementById("sliderleft").getElementsByTagName("div");
for (var i = 0; i < divs.length; i++) {
divs[i].onmouseover = stop_timer;
divs[i].onmouseout = start_timer;
}
el.onmouseover = stop_timer;
el.onmouseout = start_timer;
}
</script>
</head>
<body>
<div id="sliderwrap" class="s0">
<div id="sliderleft">
<div id="slide0" data-slide="0"></div>
<div id="slide1" data-slide="1"></div>
<div id="slide2" data-slide="2"></div>
<div id="slide3" data-slide="3"></div>
</div>
<div id="slidercontent">
<div id="sliderimages">
<img src="http://i.imgur.com/8iWz6.jpg">
<img src="http://i.imgur.com/1d2U6.jpg">
<img src="http://i.imgur.com/8iWz6.jpg">
<img src="http://i.imgur.com/1d2U6.jpg">
</div>
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>
i'm trying to figure out what i'm doing wrong with adding some ssi into my codes. i'm trying to get my menu to be to the left of my main body information of each page. i got it working by pure luck on this one, but i can't get it working on the other pages. here's some of the code from the correctly working page: .... <body> <table class="try" cellspacing="0"> <tr> <!---#include file= "ssi/header.ssi"--> <!--************Header Cell start***********--> <tr> <!---#include file= "ssi/menu.ssi"---> <!--**********Menu cell stops**********--> <!--**********Body cell starts*********--> <td class="body"> <!--**********BODY CONTENT...ALL!**********--> <h2 class="texttitle"> Text + Lists Page</h2> <p class="book"> <a href="http://www.thelatinlibrary.com/cicero/fin.shtml"> The Extremes of Good and Evil</a></span> <p class="author">by Cicero (circa 45 B.C.)</span> .... and here's one from my other pages: .... <body> <tr> <!--#include file= "ssi/header.ssi"--> </tr> <tr> <!--#include file= "ssi/menu.ssi"--> <form action="http://usm.maine.edu/cgi-bin/cgi-mailer.pl" method="post"> <p><input name="destination" value="brandonmckenney@gmail.com" type="hidden"></p>....... those are just from the beginning parts of my body sections. what am i doing wrong. the menu shows up but it shows up on top of the body info like the header. any help will be greatly appreciated as this is due on my server for class tomorrow morning! I'm currently using .em for font size. I have set the font size and font in body, but the font is not being applied to inputs and the font size is not being applied to lists. My font size is currently set at 1em, and I have to put 100% as font size in my divs for it to be 1em. I'm wondering how and where I should set the font and font size so it will apply to everything? I understand that there should only be one H1 tag in a document, but what about H2, H3 etc. For example if I had a page listing products I would apply the H1 tag to the category, but I think the products in the list would be of equal importance, so would it be semantically correct to apply H2 tags to the products? And to take it a bit further, if each of the product had options (i.e. sub-products), would it be correct to apply H3 tags to the options? e.g. <h1>Dogs</h1> <h2>Labrador</h2> <h3>Golden</h3> <h3>Chocolate</h3> <h3>Black</h3> <h2>Collie</h2> <h3>Border</h3> <h3>Rough</h3> <h3>Bearded</h3> <h2>Boxer</h2> <h2>Retreiver</h2> <h3>Golden</h3> <h3>Flat coat</h3> Thanks How do i insert a coloured line in the page without declaring the line propertoes in the CSS. I've used the following code, but the W3C validator was not happy. It said there's something wrong with the last portions of the code line. I use HTML 4.01 Transitional doctype.The HTML code I used is .... <hr size="1" Width="90%" align="center" color="#ff6600" /> Please help with the correct syntax or tips. Even better would be how to make it happen by inserting these <hr> styles into the CSS. (I'm a beginner in HTML) Hi, I was trying to create a drop down menu so that there are more links the user can access, but when I opened it in IE, i noticed that when i move my mouse to the interface that initiates the drop down, the drop down actually drops down at the wrong place. for example, if i have the drop down menu bar in the middle of the screen, and move my cursor to the bar, the drop down would occur at the top of the screen. When I tried this in firefox, it works fine. Can anyone help me out? I am making my band a website. I have all the graphics i need (as in the menu and background), but I don't know how to put it all together and make it good looking. here is a picture of the general idea. That would go all the way to the bottom of the page and all the rest of the space would just be black. Now of course, thats not how it would exactly look, that was just a map out that I made in two seconds. I need just the area where people read all the info and such to scroll alone, and to have nothing else to do so. Just in case anyone doesn't know what i mean by "put it all together" I mean to get the top thing where it says band name on, and have the menu on the side, the place where everyone reads next to it, a bit of space below the area where people read, and the whole left be just black. thanks in advance EDIT- I realized i also should probably say this too. There is a graphic that runs through the entire page (band name area, menu, and place where people read). The band name area is a jpg, menu is a flash file, and then the place where people read is just regualr. I have a simple form which consists of 3 radio buttons (it is one of those feedback questions at the bottom of a web page asking "Did you find this page helpful? Yes A little No"). I looked up several websites to get the supposedly correct code, and basically they all suggested something like this for each button: Quote: <label for="r1"> <input type="radio" name="group1" id="r1" value="1" /> button one</label> The form is enclosed within <p> and <form> tags, and this is the HTML code I used for each of the buttons (with different labels and ids of course): Quote: <label for="n2">Yes</label> <input type="radio" name="helpful" id="n2" value="2" onclick="hresponse('2')" > But when I try to validate this page with the W3C validator, I get 9 errors, with the one relevant here being: Quote: Line 256, Column 19: document type does not allow element "LABEL" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag <label for="n2" > Yes</label> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. If I change my code to: Quote: <label for="n2">Yes <input type="radio" name="helpful" id="n2" value="2" onclick="hresponse('2')" > </label> I only get 6 errors, but this particular error still occurs for each button. I am using HTML 4.01 strict. Can anyone explain what is happening here please, and how to fix it? Thanks. Hi all, I have made a very basic page (dont laugh its my first attempt)..I need someone to help me out with a proper linked site etc soon..for $ if need be http://www.remotehydroponics.com/ http://www.remotehydroponics.co.uk/ I have got the hang of the cpanel etc I followed a youtube tutorial on how to add the meta tags etc then I submitted the urls to google. When I go to this site to check the meta tags they are all coming back blank.. http://www.submitexpress.com/analyzer/ Here is the code as of the page..... Any help greatly apreciated I have a piece of code that looks like this: <p class="stylegoeshere"> <h3>...</h3> ... </p> I'm not sure if this is semantically correct If not, then I'll have to use this: <div class="stylegoeshere"> <h3>...</h3> <p> ... </p> </div> OK, I have been using tables in a lot of legacy code to divide up a web page. So, what is the new "standard"? I've seen the use of DIVs which I like actually, they are a little tricky with the float option, especially if you want some padding or borders, some adjustments need to be made, but eventually when that's done it works out nice. But anyway, so what's the new element/construct modern HTML designers are using?!?! Trying to google this and really hitting a lot of ambiguity. Obviously the old "frame" element has gone the way of the dodo bird a long time ago. Thank you, my lords. First of all, is this the correct place for a post like this? K, I need a photogallery on my website but is there any easier way to do it other than just taking every image, resizing to a thumbnail, placing in a table, then linking to a new page with the big image on it? I can also do a slide show or anything really. I have like 700 pictures total and want to set up around three galleries. Is there a java script, etc. for this? Thanks a ton! Hi everyone, Good day to you. I had just created my new html code for my webform,however,it seemd like it allowed submission of the opt-in form without filling up the info by clicking on the submit button. May I know what wrong with it ? How to correct this problem ? The following is my webform code : -------------------------------------------------------------------------------------------------------------------------------------------- <div id="formbox"> <h3>Get Your Free Gifts !</h3> <form METHOD="post" ACTION="http://moneymakeyourich.com/cgi-bin/formmail.pl"> <input type=hidden name="recipient" value="moneytree@moneymakeyourich.com"> <input type=hidden name="subject" value="Your Subject"> First Name : <input type=text name="realname" size="20"> <br> Last Name : <input type=text name="lastname" size="20"> <br> Email : <input type=text name="email" size="20"> <br> <input type="Submit" value="submit"> </form> <p><b>Important</b>:I will never share your information with anyone !</p> -------------------------------------------------------------------------------------------------------------------------------------------- Thank you. Best regards Manicui My website looks like I want it to in Chrome, Firefox and my Android phone (including the flash banner at the top working properly) - however, in IE the layout is wrong. Also there is no consistency. Sometimes a page will look right then if you load another page and go back to the original one it now looks wrong. The compatibility mode makes it look a bit better but still not correct. It appears that it looked right until I updated flash (because the new flash banner at the top required this) and now the whole site layout is wrong. Any ideas? The website is www.nodj.co.uk if you need to take a look. Thanks in advance! I am using: Code: <base href="./mpl.htm" target="_window2" /> where mpl.htm is a local file and window2 is the target to open each new window, something just smells fishy for some reason? Hi, Just wondered if anyone has any opinions on this Rounded corners can be achieved either by using JavaScript on one div or by using a couple of nested html tags and CSS, Forgetting about cross browser issues and support for a minute, which way should be used when considering standards? Scott |
|||||||