hi
any body help me.i m doing css validatiuon (http://validator.w3.org/check} and
Validation Output: error occure i am tried to solve these eerrors help;
character “b” not allowed in prolog
body {
character “b” not allowed in prolog
background-position: center 0;
character “f” not allowed in prolog
need help
Those weren’t the errors I were seeing; warnings I saw were on Lines: 58 a typo. regarding FONT=Courier New, (200 and 201 [/FONT]propriety -moz ) and ( 253 missing px unit […]a {margin: 20px 0 0 5px; …)
Were you using the CSS Validator for the HTML, or vise-versa as that could explain those strange messages or you might have some hidden characters in the CSS file effecting things.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title>Untitled Document</title>
<link href=“css/style.css” rel=“stylesheet” type=“text/css” />
</head>
<body>
<!–Top_wrrap-strt–>
<div id=“top_wrrap”>
<!–//////////////////Navigation Bar///////////////////–>
<div class=“naviagtin_wrapp”>
<ul id=“links_wrapp1”>
<li><a href=“#”>HOME</a></li>
<li>|</li>
<li><a href=“#”>COMPANY</a></li>
<li>|</li>
<li><a href=“#”> PRODUCTS</a></li>
<li>|</li>
<li><a href=“#”> HAPPENINGS</a></li>
<li>|</li>
<li><a href=“#”> CONTACT</a></li>
</ul>
</div><!–//////////////////Navigation Bar end///////////////////–>
</div><!–Top_wrrap-end–>
<!–Logo-button_container_start–>
<div class=“logo_iconcontainer”>
<div class=“logo_wrrap”><img src=“images/logo.jpg” alt=“logo_image”/></div>
<!–top_rightwrap–>
<div class=“top_rightwrap”>
<!–button_rightwrap–>
<div class=“button_rightwrap”>
<div class=“button_top”><img src=“images/sale_btn.jpg” alt=“” /></div>
<div class=“button_top”><img src=“images/twitr_btn.jpg” alt=“” /></div>
<div class=“button_top”><img src=“images/shop_btn.jpg” alt=“”/></div>
</div><!–button_rightwrap–>
<div class=“naviagtin_wrappmid”>
<ul id=“links_wrapp2”>
<li><a href=“#”>Home page</a></li>
<li>|</li>
<li><a href=“#”>New products</a></li>
<li>|</li>
<li><a href=“#”> Specials</a></li>
<li>|</li>
<li><a href=“#”> All Products</a></li>
<li>|</li>
<li><a href=“#”> Reviews</a></li>
<li>|</li>
<li><a href=“#”> Contact Uss</a></li>
<li>|</li>
<li><a href=“#”> FAQ</a></li>
</ul>
</div>
</div><!–top_rightwrap–>
</div><!–Logo-button_container_start–>
<!–Mid_Headr–>
<div class=“mid_headrwrrap”>
<div class=“mid_headerimage”><img src=“images/islamic_dress_headr.jpg” alt=“”/></div>
</div><!–endMid_Headr–>
<!–main_body–>
<div class=“main_bodywrrap”>
<div class=“top”></div>
<div class=“midbody”>
<!–content_containerwrrap–>
<div class=“content_containerwrrap”>
<!--left_container-->
<div class="left_container">
<div class="round_wrrap">
<div class="topleft"><div class="heading">Catagories</div></div>
<div class="midleft">
<div class="sidebar">
<ul>
<li>
<ul>
<li><a href="#">Womens Abayas (95)</a></li>
<li><a href="#">Jilbabs-> (22)</a></li>
<li><a href="#">Dresses-> (134)</a></li>
<li><a href="#">Womens Shirts (49)</a></li>
<li><a href="#">Skirts (30)</a></li>
<li><a href="#">Womens Suits</a></li>
<li><a href="#">Womens Jackets (2)</a></li>
<li><a href="#">Hijabs-> (67)</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
</div>
<div class="bottomleft"></div>
</div><!--round_wrrap-->
<div class="round_wrrap">
<div class="topleft"><div class="heading">New Collection</div></div>
<div class="midleft">
<div class="sidebar">
<p><img src="images/islamic_dress_31.jpg" alt=""/></p>
<div class="button_wrap"><a href="#"><img src="images/view_more.jpg" alt="" width="154" height="27" border="0" /></a></div>
</div>
<!-- end #sidebar -->
</div>
<div class="bottomleft"></div>
</div><!--round_wrrap-->
</div><!--left_container-->
<div class=“product_maincontainer”>
<div class=“heading”>Our Products</div>
<!--Products-->
<div class="product_contentwrap">
<div class="produt_roundwrap"><img src="images/islamic_dress_29.jpg" alt="" width="87" height="239" /></div>
<h2 class="title">Welcome to Guarantee</h2>
<div class="entry">
Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
</div>
<h2 class="price">$88.9</h2>
<div class="button_detail"><a href="#"><img src="images/detail.jpg" alt="" /></a></div>
</div><!--product_contentwrap-->
<!--Products-->
<div class="product_contentwrap">
<div class="produt_roundwrap"><img src="images/islamic_dress_33.jpg" alt="" width="89" height="239" /></div>
<h2 class="title">Welcome to Guarantee</h2>
<div class="entry">
Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
</div>
<h2 class="price">$88.9</h2>
<div class="button_detail"><a href="#"><img src="images/detail.jpg" alt="" /></a></div>
</div><!--product_contentwrap-->
<!--Products-->
<div class="product_contentwrap">
<div class="produt_roundwrap"><img src="images/islamic_dress_57.jpg" alt="" width="157" height="189" /></div>
<h2 class="title">Welcome to Guarantee</h2>
<div class="entry">
Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
</div>
<h2 class="price">$88.9</h2>
<div class="button_detail"><a href="#"><img src="images/detail.jpg" alt="" /></a></div>
</div><!--product_contentwrap-->
<!--Products-->
<div class="product_contentwrap">
<div class="produt_roundwrap"><img src="images/islamic_dress_54.jpg" alt="" width="131" height="212" /></div>
<h2 class="title">Welcome to Guarantee</h2>
<div class="entry">
Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
</div>
<h2 class="price">$88.9</h2>
<div class="button_detail"><a href="#"><img src="images/detail.jpg" alt="" /></a></div>
</div><!--product_contentwrap-->
</div><!–product_maincontainer–>
<div class=“right_container”>
<div class=“right_top”><img src=“images/islamic_dress_23.jpg” alt=“” /></div>
<div align=“center”><img src=“images/islamic_dress_32.jpg” alt=“” /></div>
</div><!–right_container–>
</div><!–content_containerwrrap–>
</div><!–midbody–>
<div class=“bottom”></div>
</div><!–main_bodywrrap–>
<!–footr–>
<div class=“top_footr”>
<div id=“footerContent”>
<div class=“footerCol”>
<div class=“fotLnksBlk” style=“margin-left: 0px;”>
<h6>Sitemap</h6>
<a href=“#”>Information Technology</a><a href=“#”>Telecommunication/ISP</a><a href=“#”>Banking/Financial Services</a><a href=“#”>Fast Moving Consumer Goods (FMCG)</a><a href=“#”>Pharmaceuticals/Clinical Research</a></div>
</div>
<div class=“footerCol”>
<div class="fotLnksBlk" style="margin-left: 0px;">
<h6>Products</h6>
<a href="#">Bachelor's Degree</a><a href="#">Master's Degree</a><a href="#">Professional </a><a href="#">Doctorate</a></div>
</div>
<div class="footerCol">
<div class="fotLnksBlk" style="margin-left: 0px;">
<h6>Designers </h6>
<a href="#">Temporary/Contract/Project</a><a href="#">Full Time</a><a href="#">Part Time</a><a href="#">Permanent</a><a href="#">Placement Student</a></div>
</div>
<div class="footerCol noBord">
<div class="fotLnksBlk" style="margin-left: 0px;">
<h6> Additional Information</h6>
<a href="#">London</a><a href="#">Midlands</a><a href="#">North West</a><a href="#">South East/Southern</a><a href="#">South West</a></div>
</div>
<div id="copyright">© 2009. All Rights Reserved. <a href="#">Site Map</a> <a href="#">Privacy Policy</a></div>
</div>
</div>
<div class=“validity_check”>
<p>
<a href=“http://validator.w3.org/check?uri=referer”><img
src=“http://www.w3.org/Icons/valid-xhtml10”
alt=“Valid XHTML 1.0 Transitional” height=“31” width=“88” /></a>
</p></div>
</body>
</html>
Show us your:
ralph.m
thanks a lot .
really very thankful for reply.
css code.
/* CSS Document */
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 11px;
color: #000;
background:url(…/images/images.jpg) no-repeat;
background-repeat: no-repeat;
background-position: center 0;
background-color:#3c3c3c;
}
h2{padding:0px ; margin:0px; font-size:14px;}
h6{font-size:12px; padding:0px;}
img{border:none;}
#top_wrrap{width:100%; height:53px; border-bottom:1px solid #4c4a4a; background-color:#000000;}
.naviagtin_wrapp
{
width:957px;
height:53px;
margin:auto;
}
#links_wrapp1 {
width:auto;
float: left;
margin: 0 0 0em 0;
padding: 0;
list-style: none;
}
#links_wrapp1 li {
float: left; padding-top:10px;}
#links_wrapp1 li a {
display: block;
padding: 0px 10px;
text-decoration: none;
/* font-weight: bold;*/
font-size:12px;
color: #fff;
font-family:Arial;
}
#links_wrapp1 li a:hover {
color: #02b8e5;
}
#links_wrapp1 li a: #active {
color: #02b8e5;
}
.logo_iconcontainer{width:957px; height:160px; margin:auto;}
.logo_wrrap{width:auto; height:auto; margin:8px 0px 0px 0px; float:left;}
.top_rightwrap{width:822px; height:auto; float:right; }
.button_rightwrap{width:236px; height:auto; float:right; }
.button_top{width:72px; height:115px; float:left; margin:0px 6px 0px 0px}
.naviagtin_wrappmid
{
width:650px;
height:33px;
float:right;
}
#links_wrapp2 {
width:650px;
float: right;
margin: 0 0 0em 0;
padding: 0;
list-style: none;
}
#links_wrapp2 li {
float: left; padding-top:10px; color:#FFFFFF}
#links_wrapp2 li a {
display: block;
padding: 0px 16px;
text-decoration: none;
font-weight: bold;
font-size:12px;
color: #fff;
font-family:Arial;
}
#links_wrapp2 li a:hover {
color: #e6e6e6;
}
.mid_headrwrrap{background:url(…/images/islamic_dress_headrbg.jpg) no-repeat; margin:auto; width:957px; height:317px; }
.mid_headerimage{width:auto; height:auto; padding:2px 2px 2px 3px;}
.main_bodywrrap{width:957px; height:auto; margin:auto; margin-top:8px; overflow:hidden;}
.main_bodywrrap .top{background:url(…/images/white_topround.jpg) no-repeat; height:10px; font-size:5px;}
.main_bodywrrap .midbody{background:#FFFFFF; height:auto; color:#000000; overflow:hidden;}
.main_bodywrrap .bottom{background:url(…/images/white_roundbtm.jpg) no-repeat; height:11px;}
.content_containerwrrap{width:936px; height:auto; margin:auto; overflow:hidden;}
/Left**/
.left_container{width:205px; height:auto; float:left; }
.round_wrrap{width:204px; height:auto; margin-bottom:8px;}
.round_wrrap .topleft{width:203px; background:url(…/images/left_top.jpg) no-repeat; height:44px;}
.round_wrrap .midleft{width:201px; height:auto; border-left:1px solid #dddddd; border-right:1px solid #dddddd; overflow:hidden;}
.round_wrrap .bottomleft{width:203px; background:url(…/images/left_roundbtm.jpg) no-repeat; height:8px;}
.sidebar {
float: left;
width: 203px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
.sidebar li {
margin-bottom: 10px;
padding: 0 0 10px 0px;
}
.sidebar li ul {
margin: 0px 14px;
}
.sidebar li li {
margin: 0;
padding: 12px 0px;
border-bottom: 1px solid #E9E8DD;
background: url(…/images/arrow.jpg) no-repeat left 15px;
}
.sidebar li li a {
padding: 0px 0px 0px 20px;
font-weight: normal;
color: #d32d75;
font-weight:bold;
text-decoration:none;
}
.sidebar li li a:hover {
color: #d8568e;
}
.heading{
padding: 8px 0 2px 14px;
font-size: 18px;
font-weight: normal;
color: #fff;
}
#sidebar p {
line-height: 200%;
text-align:center;
}
.button_wrap{width:auto; text-align:center;}
/mid_product**/
.product_maincontainer{width:501px; height:auto; float:left; margin-left:8px;}
.heading{width:100%; color:#000000; font-family:Arial; font-size:16px; font-weight:bold; padding-bottom:10px;}
.product_contentwrap{width:215px; height:auto; float:left; margin-right:25px; margin-bottom:8px; }
.produt_roundwrap{width:203px; height:auto; -moz-border-radius: 10px;
border-radius: 10px; border:#bfbfbf 1px solid; margin-left:5px; padding:2px 0px 0px 0px; text-align:center; }
.title {
color: #222;
padding:8px 0px 0px 5px;
margin:5px 0px 0px 0px;
}
.entry {
padding:5px 5px 2px 8px;
color:#808080;
font-size:11px;
}
.price{
color: #f90303;
font-size:18px;
padding:8px 0px 0px 8px;
margin:5px 0px 0px 0px;
}
.button_detail{width:auto; text-align:left; margin-left:8px; margin-top:8px;}
/*Right/
.right_container{width:210px; height:auto; float:left; border:1px solid red; margin-left:5px; border:1px solid #dddddd;}
.right_top{width:173px; height:auto; margin:auto;}
.top_footr{width:957px; height:auto; background:url(…/images/bottom_blackround.jpg) bottom no-repeat; margin:auto; margin-top:-10px; background-color:#282727; }
/*********************************************** Footer *******************************************************/
#footerContent {height: 200px; width: 904px; margin: 0 auto}
.footerCol {float: left; height: 130px; width:186px; margin: 10px 0 20px 0; color: #ffffff; font-size:12px; padding: 0 20px; background: transparent url(…/images/blueDot.gif) repeat-y right}
.footerCol h3 {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; padding: 0 0 10px 0; display: none; text-align: left}
.footerCol p {padding: 10px 0 0 0; text-align: left}
.footerCol a {color: #ffffff; text-decoration: underline}
.footerCol img {text-align: left}
.noBord {background: none}
.footerCol a:hover {color: #ffffff; text-decoration: none}
#copyright {padding: 50px 20px 0 0; font-size:12px; color: #fff; text-align: left; clear: both; display: block}
#copyright a {margin: 20 0 0 5px; padding: 0 0 0 5px; color: #fff; text-decoration: underline; border-left: 1px solid #fff; display: inline-block}
#copyright a:hover {text-decoration: none}
.fotBody .fotLnksBlk{ float:left; width:140px; height:170px; padding-right:14px; }
.fotLnksBlk a{ display:block; overflow:hidden; margin-top:1px; font-size:10px; font-family:Verdana; text-decoration:none;}
.fotLnksBlk a:hover{ text-decoration:underline;}
.validity_check{text-align:center;}