Help me plz big trouble

shujjah · March 29, 2007

plz help me here is my html file

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Gamerz galore</title><meta name="description" content=""><meta name="keywords" content=""><meta name="author" content="Unregistered User"><link rel="stylesheet" href="http://www.shujjah.110mb.com/s2.css" type="text/css" /></head><body><div id="wrap">	  <div id="header">			<a href="#"><img class="h" src="/mimages/header.gif" alt="" /></a><br /><img src="/mimages/headerl.gif" width="100" height="55" alt="" /><a href="#"><img src="/mimages/headern1.gif" alt="" /></a><a href="#"><img src="/mimages/headern2.gif" alt="" /></a><a href="#"><img src="/mimages/headern3.gif" alt="" /></a><a href="#"><img src="/mimages/headern4.gif" alt="" /></a><a href="#"><img  src="/mimages/headern5.gif" alt="" /></a><a href="#"><img src="/mimages/headern6.gif" alt="" /></a><img src="/mimages/headerr.gif" alt="" /><br /><img src="/mimages/headerline.gif" alt="HeaderLine" />	   </div>		  <div id="content">			   <div id="left">				   <img src="/mimages/nav_header.gif" alt="HeaderLine" />					<h1>Main</h1>					 <ul>					 <li><a href="#">Home</a></li>			 <li><a href="/forums/">Forums</a></li>			 <li><a href="#">Arcade</a></li>			 <li><a href="#">Reviews</a></li>			 <li><a href="#">Screenshots</a></li>					 <li><a href="#">News</a></li>					 </ul>					<h1>Forums</h1>					  <ul>					   <li><a href="#">Xbox Forum</a></li>			 <li><a href="#">Playstation Forum</a></li>			 <li><a href="#">Nintendo Forum</a></li>			 <li><a href="#">Handheld Forum</a></li>			 <li><a href="#">PC Forum</a></li>					 <li><a href="#">Console Wars</a></li>					  </ul>					 <h1>GG Related</h1>					  <ul>					 <li><a href="#">Affiliation</a></li>			 <li><a href="#">Links</a></li>			 <li><a href="#">Contact Us</a></li>			 <li><a href="#">Staff Application</a></li>			  </ul>					<h1>Partners</h1>					   <ul>					 <li><a href="#">AAA</a></li>			 <li><a href="#">BBB</a></li>			 <li><a href="#">CCC</a></li>			 <li><a href="#">DDD</a></li>			  </ul>					 <h1>Affiliates</h1>					   <ul>					 <li><a href="#">AAA</a></li>			 <li><a href="#">BBB</a></li>			 <li><a href="#">CCC</a></li>			 <li><a href="#">DDD</a></li>			  </ul>		  </div>		  <div id="middle">				   <h1>Latest Reviews</h1>		   <p>      Game1       Game2       Game3       Game4<br>    <a href="#"><img src="mimages/rvpic.jpg" alt="" /></a> <a href="#"><img src="mimages/rvpic.jpg" alt="" /></a><a href="#"><img src="mimages/rvpic.jpg" alt="" /></a><a href="#"><img src="mimages/rvpic.jpg" alt="" /></a>			</p>													<h1 class="s">Site News</h1>			<p class="s">helo alll how is everyone foing jsut a test just a test just test just a test just a test just a test just a test just a test helo alll how is everyone foing jsut a test just a test just test just a test just a test just a test just a test just a test helo alll how is everyone foing jsut a tejust a test helo alll how is everyone foing jsut a test just a test just   			</p> 					<h1 class="s">Site News</h1>			<p class="s">helo alll how is everyone foing jsut a test just a test just test just a test just a test just a test just a test just a test helo alll how is everyone foing jsut a test just a test just test just a test just a test just a test just a test just a test helo alll how is everyone foing jsut a tejust a test helo alll how is everyone foing jsut a test just a test just test			</p> 					<h1 class="s">Gaming News</h1>			<p class="s">helo alll how is everyone foing jsut a test just a test just test just a test just a test just a test just a test just a test helo alll how is everyone foing jsut a test just a test just test just a test just a test just a test just a test just a test helo alll how is everyone foing jsut a tejust a test helo alll how is everyone foing jsut a test just a test just test ............................ <a href="#">Read More</a>  								</p> 				  							  </div>	  			 <div id="right">			   <h1>Member Login</h1>			  <ul>			 <li><form method="post" action="http://shujjah.zeta32.com/forums/login.php">username<br /><p> <input name="username" type="text" id="username" /></p>password<br /><p> <input name="password" type="password" id="password" /></p><p><input name="redirect" value="" type="hidden"><input name="login" class="mainoption" value="Log in" type="submit" /></p><p>Not a member yet <a href="#">Register</a></p> </form>  			</li>			  </ul>				<h1 class="ad">Advertisements</h1>			  <ul class="ad">			 <li class="ad"><img src="mimages/ad.gif" alt="" /></li> 			 <li class="ad"><img src="mimages/ad.gif" alt="" /></li>			 <li class="ad"><img src="mimages/ad.gif" alt="" /></li>			 <li class="ad"><img src="mimages/ad.gif" alt="" /></li>			 <li class="ad"><img src="mimages/ad.gif" alt="" /></li>			  </ul>	   </div>	 </div>	</div></body></html>

and here is my css code

/* CSS Document */html, body {	background-color:#333333;	margin:0;	padding:0px;}a img {	border:none;}img.h {	width:797px;}#wrap {	background-color:#333333;	margin:0 auto;	padding:0;	width:1024px;}#header {	margin-left:55px}#left {	background-color:#989898;}#left h1 {	background-image:url(mimages/nav_main.gif);	width:208px;	height:31px;	color:#FFFFFF; 	font-family: BatmanForeverAlternate;	padding-top:9px;	font-size:11px;	margin-bottom:2px;	text-align:center;}#left ul {	list-style:none;	margin:0;	padding:0;}#left li {	list-style:none;	background-image:url(mimages/nav_a.gifgif);	width:208px;	height:24px;	text-align:center;}#left,  #right, #middle {	float:left;	margin-right:1px;	margin-top:-3px;	width:200px;}#left li a:link {	color:#000000;	border:0px;	text-decoration: none; 	font-size:12px;	font-family:BatmanForeverAlternate;} #left li a:visited {	color:#000000;	border:0px;	text-decoration:none;	font-size:12px;	font-family:BatmanForeverAlternate;}#left li  a:active {	color:#000000;	border:0px;	text-decoration:none;	font-size:12px;	font-family:BatmanForeverAlternate;}#left li A:hover {	text-decoration: none;	color:#FFFFFF;	font-size:12px;	font-family: BatmanForeverAlternate;	background-image:url(mimages/nav_h.gif);	width:208px;	height:24px;	padding-top:7px;}#middle {	width:400px;	margin-top:-1px;	font-size:11px;	line-height:150%;}* html #middle {	margin-top:-2px;}#middle h1 {	background:#000 url(mimages/p_r_h.gif) no-repeat;	width:529px;	height:24px;	font-size:13px;	font-family:BatmanForeverAlternate;	padding-top:9px;	padding-left:4.8cm;}#middle p {	background-image:url(mimages/p_r_b.gif);	width:529px;	height:121px;	color:#FDFD91;	font-family:BatmanForeverAlternate;	font-size:16px;	margin-top:-19px;}#middle p.s {	background-image:url(mimages/p_s_b.gif);	width:529px;	height:158px;	color:#FDFD91;	font-family:BatmanForeverAlternate;	font-size:13px;	margin-top:-19px;	padding-left:15px;	line-height:120%;}#middle h1.s {	background-image:url(mimages/p_s_h.gif);	width:529px;	height:26px;	font-size:13px;	font-family:BatmanForeverAlternate;	padding-top:12px;	padding-left:8cm;}a:link {	color:#03BBFF;	border:0px;	text-decoration:none;	font-size:12px;}a:visited {	color:#03BBFF;	border:0px;	text-decoration:none;	font-size:12px;}a:active {	color:#03BBFF;	border:0px;	text-decoration: none;	font-size:12px;}A:hover {	text-decoration:none;	color:#FDFD91;	font-size:12px;}* html #middle {	margin-top:-2px;}* html #left, * html #right {	margin-top:3px;}#right ul {	list-style:none;	margin:0;	padding:0;}#right li {	list-style:none;	background:#333333 url(mimages/form_b1.gif) no-repeat center top;	width:166px;	height:254px;	padding-left:8px;		margin:0 auto}#right {	font-size:15px;	color:#FFFFFF;	margin-right:0px;}#right h1 {	background-image:url(mimages/form_h.gif);	width:166px;	height:31px;	color:#03BBFF; 	font-family:BatmanForeverAlternate;	padding-top:9px;	padding-left:1cm;	font-size:11px;	margin-bottom:0px;		font-weight: normal;}#right li.ad {	margin:0;	background-image:none;	width:114px;	height:32px;}#right ul.ad {	list-style:none;	margin:0;	padding:0;}#right h1.ad {	margin-bottom:0px;	background-image:url(mimages/ad_h.gif);	padding-left:14px;	border:1px solid black;}

now the prob i have is that here is my html page http://shujjah.110mb.com/indexf.html it doenst look right either on firefox or on IEbut if i remove this code from the html file

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

then the html page looks fine on IE but not on firefoxso plz any experts help me plz

justsomeguy · March 29, 2007

Don't remove the doctype, when you remove the doctype IE goes into screw-the-standards mode (Microsoft has their own cute name for it), so it's best to leave the doctype in there so at least things like Firefox and Opera know what is going on, and just get the code to work right with HTML strict. I notice you have a lot of repetition in the CSS. For example, look at how many times you set the margin-top for #middle. The first thing to do if you haven't already is to validate the code and fix any errors that show up. It looks like there are a few HTML errors and a few CSS warnings, which would not affect layout. You can validate HTML here:http://validator.w3.org/And CSS here:http://jigsaw.w3.org/css-validator/#validate-by-inputGo through and fix the HTML errors and make sure that page validates, and then remove all of the repetition you can from the CSS sheet. It will make it easier to see what is going on with the CSS. You also have #left, #middle, and #right all set to 200px width, and obviously they are larger then that.

shujjah · March 30, 2007

well i just check my css is validhttp://jigsaw.w3.org/css-validator/validat...10mb.com/s2.cssand in HTMliget get 7 errors

This page is not Valid HTML 4.01 Strict!Below are the results of attempting to parse this document with an SGML parser. Error Line 3 column 12: there is no attribute "XMLNS".<html xmlns="http://www.w3.org/1999/xhtml">You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. ✉ Error Line 5 column 73: character data is not allowed here....e" content="text/html; charset=iso-8859-1" />You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes). ✉ Error Line 10 column 83: character data is not allowed here....h.110mb.com/s2.css" type="text/css" />✉ Error Line 97 column 0: character data is not allowed here.username<br />✉ Error Line 97 column 12: document type does not allow element "BR" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag.username<br />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. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). ✉ Error Line 101 column 0: character data is not allowed here.password<br />✉ Error Line 101 column 12: document type does not allow element "BR" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag.password<br />

and i dont know how to solve them

justsomeguy · April 2, 2007

The first error says that there is no attribute called XMLNS for the html tag, so remove that attribute. That attribute is defined in XHTML, not HTML. That will probably fix some of the other errors as well. The errors referencing the username and password lines are because the text needs to be enclosed in another element like <div>.

Sign In

Help me plz big trouble

Recommended Posts

shujjah

Link to comment

Share on other sites

justsomeguy

Link to comment

Share on other sites

shujjah

Link to comment

Share on other sites

justsomeguy

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity