Jump to content

debuggin ie


Brendon Branigin
 Share

Recommended Posts

Alright well i've practicaly finished the conversion of runuo.com to xhtml and css but there are a few problems.In IE"|of use" appears double some how in the legal navigationthe section with navigation / runuo / playuo / razor divs is pushed slightly to far right the 1px top border does not extend as far left as it shouldIn FFthere should be a margin between navigation and runuo boxesThanks in advance :) heres the html

<?xml version="1.0" encoding="iso-8859-1"?><!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><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="css.css" rel="stylesheet" type="text/css"/></head><body><div id="wrapper">  <!-- begin header -->  <div id="logo"> </div>  <div id="subheader">     <h1>Welcome to the all new runuo.com</h1>  </div>  <!-- end header -->  <!-- begin navigation and info -->  <div class="navigation">     <ul>      <li><a href="index.php">Home</a></li>      <li><a href="about.php">About</a></li>      <li><a href="products.php">Products</a></li>      <li><a href="downloads.php">Downloads</a></li>      <li><a href="community.php">Community</a></li>      <li id="last"><a href="freeshards.php">Shards</a></li>    </ul>  </div>  <div class="runuo">     <h1>RUNUO   </h1>    <h2>RunUO 2.0.0 is coming</h2>    <ul id="info">      <li><a href="#">Faster Core</a></li>      <li><a href="#">More Features</a></li>      <li><a href="#">64 Bit Support</a></li>      <li><a href="#">Much more...</a></li>    </ul>  </div>  <div class="playuo">     <h1>PLAYUO   </h1>    <h2>PlayUO Beta 13 </h2>    <ul id="info">      <li><a href="#">Powerful Client</a></li>      <li><a href="#">Convenient Options</a></li>      <li><a href="#">Plugins Enabled</a></li>      <li><a href="#">Much more...</a></li>    </ul>  </div>  <div class="razor">     <h1>RAZOR   </h1>    <h2>Razor 1.0.0 </h2>    <ul id="info">      <li><a href="#">Powerful Macro's</a></li>      <li><a href="#">Packet Video System</a></li>      <li><a href="#">Custom Titlebar</a></li>      <li><a href="#">Much more...</a></li>    </ul>  </div>  <!-- end navigation and info -->  <!-- begin news / updates / projects -->  <div class="content">     <h3>Latest News & Updates</h3>  </div>  <div class="projects">     <h3>Hosted Projects</h3>    <ol>      <li><a href="http://www.uogamers.com/"> UO Gamers: Hybrid (UOR)</a></li>      <li><a href="http://www.uodivinity.com/">UO Gamers: Divinity (T2A)</a></li>      <li><a href="http://www.uodemise.com"> UO Gamers: Demise (ML)</a></li>      <li><a href="http://www.runuo.com/razor/"> Razor</a></li>      <li><a href="http://www.smithysanvil.com/">The Smithy's Anvil</a></li>      <li><a href="http://www.imagedonkey.com/"> Image Donkey</a></li>      <li><a href="http://www.topshards.com">Top 200 Free Shards</a></li>      <li><a href="#"> Coming Soon!</a></li>    </ol>  </div>  <!-- end news / updates / projects -->  <!-- begin footer -->  <div class="footer">     <ul id="footernavigation">      <li class="first"><a href="http://www.runuo.com/index.php">Home</a></li>      <li><a href="http://www.runuo.com/about.php">About</a></li>      <li><a href="http://www.runuo.com/products.php">Products</a></li>      <li><a href="http://www.runuo.com/downloads.php">Downloads</a></li>      <li><a href="http://www.runuo.com/community.php">Community</a></li>      <li><a href="http://www.runuo.com/shards.php">Shards</a></li>      <li><a href="http://www.runuo.com/contacts.php">Contacts</a></li>      <li><a href="#">Sitemap</a></li>    </ul>    <h4>RunUO.com © 2006 All Rights Reserved</h4>    <ul id="legalnavigation">      <li class="first"><a href="http://www.runuo.com/privacy.php">Privacy Policy</a></li>      <li><a href="http://www.runuo.com/privacy.php">User Agreement</a></li>      <li><a href="http://www.runuo.com/privacy.php">Terms Of Use</a></li>    </ul>  </div></div></body></html>

and heres the css

.content a:link {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.content a:visited {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.content a:hover {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.content a:active {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:link {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:visited {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:hover {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:active {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}h1 {	font-family: Tahoma;	font-size: 18px;	color: #FFFFFF;	height: 30px;	width: 169px;	line-height: 30px;	padding: 0px;	margin-top: 0px;	margin-bottom: 0px;	margin-left: 0px;}h2 {	font-family: Tahoma;	font-size: 13px;	color: #000000;	padding-left: 5px;	text-align: center;	margin-top: 20px;}h3 {	font-family: Tahoma;	font-size: 12px;	color: #000000;	background-color: #E2E2E2;	padding-left: 20px;	line-height: 30px;}h4 {	font-family: Tahoma;	font-size: 11px;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-align: center;	color: #4F4F4F;	font-style: normal;	font-weight: lighter;	width: 699px;	}.runuo h1 {	background-color: #FA4D11;	border-top: 15px solid #F7360B;	text-align: right;	margin: 0px;}.playuo h1 {	background-color: #FA9811;	border-top: 15px solid #F98B10;	text-align: right;	margin: 0px;}.razor h1 {	background-color: #A8B62B;	border-top: 15px solid #9DAD26;	text-align: right;	margin: 0px;}#subheader h1 {	display: none;}body {	text-align: center;	border-top: 5px solid #E9E9E9;	border-right: 5px #E9E9E9;	border-bottom: 5px #E9E9E9;	border-left: 5px #E9E9E9;	margin: 0px;	padding: 0px;}#wrapper {	text-align: left;	height: auto;	width: 699px;	margin-right: auto;	margin-left: auto;}#logo {	background-image: url(images/logo.gif);	background-repeat: no-repeat;	background-position: left top;	height: 40px;	width: 699px;	margin-top: 25px;	margin-left: 20px;	padding: 0px;	margin-right: 0px;	margin-bottom: 0px;	float: left;	clear: left;}#subheader {	background-image: url(images/head.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 141px;	width: 699px;	margin-top: 12px;	margin-bottom: 15px;	padding: 0px;	margin-right: 0px;	margin-left: 0px;	clear: both;	float: left;}.navigation {	background-color: #FFFFFF;	width: 166px;	margin-left: 0px;	height: 180px;	padding-top: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	clear: none;	float: left;	text-align: left;	list-style-position: inside;	list-style-image: none;	list-style-type: none;}.runuo {	background-color: #FFFFFF;	width: 169px;	margin-left: 5px;	height: 180px;	padding-top: 5px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	clear: none;	float: left;	border: 1px solid #E2E2E2;}.playuo {	background-color: #FFFFFF;	width: 169px;	margin-left: 5px;	height: 180px;	padding-top: 5px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	border: 1px solid #E2E2E2;	clear: none;	float: left;}.razor {	background-color: #FFFFFF;	width: 169px;	margin-left: 5px;	height: 180px;	padding-top: 5px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	border: 1px solid #E2E2E2;	clear: right;	float: left;}.content {	height: auto;	width: 473px;	margin-right: 5px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 0px;	margin-top: 15px;	margin-bottom: 0px;	margin-left: 0px;	text-align: left;	float: left;}.projects {	width: 220px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 0px;	margin-top: 15px;	margin-right: 0px;	margin-bottom: 0px;	clear: right;	text-align: left;	height: auto;	float: left;}ul#info {	list-style-position: outside;	list-style-image: url(images/infobullet.gif);	list-style-type: none;	font-family: Tahoma;	font-size: 12px;	text-align: left;}.footer {	height: auto;	width: 669px;	border-top: 3px solid #E7E7E7;	border-right: 3px #E7E7E7;	border-bottom: 3px #E7E7E7;	border-left: 3px #E7E7E7;	margin: 0px;	clear: none;	float: left;	text-align: center;	padding: 0px;}ul#info li a {	text-decoration: none;	color: #ADADAD;	text-align: left;	margin: 0px;	padding: 0px;}ul#legalnavigation {	font-family: Tahoma;	font-size: 12px;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-align: center;}ul#legalnavigation li {	display: inline;	text-align: center;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #4F4F4F;}ul#legalnavigation li a {	text-decoration: none;	color: #4A8AC8;	margin: 0px;	padding: 0px 5px 0px 10px;}#legalnavigation li.first {	border-left: 1px solid #FFFFFF;}ul#footernavigation {	font-family: Tahoma;	font-size: 12px;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-align: center;	margin-top: 4px;	padding: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}ul#footernavigation li {	display: inline;	text-align: center;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #4F4F4F;}ul#footernavigation li a {	text-decoration: none;	color: #666666;	margin: 0px;	padding: 0px 5px 0px 10px;}#footernavigation li.first {	border-left: 1px solid #FFFFFF;}.navigation ul li a:link {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/normal.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li a:visited {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/normal.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li a:hover {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/active.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li a:active {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/normal.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li {	list-style-position: inside;	list-style-image: none;	list-style-type: none;	width: 166px;	margin: 0px;	padding: 0px 0px 0px 20px;	height: 29px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #DEDEDE;	line-height: 29px;}.navigation ul {	margin: 0px;	padding: 0px;}

Any suggestions of things i should have done differently that would improve the code are welcome as well as comments on whether or not you think it looks close to the real thing www.runuo.com

Edited by Jonas
Link to comment
Share on other sites

Alright well i've practicaly finished the conversion of runuo.com to xhtml and css but there are a few problems.In IE"|of use" appears double some how in the legal navigationthe section with navigation / runuo / playuo / razor divs is pushed slightly to far right the 1px top border does not extend as far left as it shouldIn FFthere should be a margin between navigation and runuo boxesThanks in advance  :) heres the html
<?xml version="1.0" encoding="iso-8859-1"?><!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><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="css.css" rel="stylesheet" type="text/css"/></head><body><div id="wrapper">  <!-- begin header -->  <div id="logo"> </div>  <div id="subheader">     <h1>Welcome to the all new runuo.com</h1>  </div>  <!-- end header -->  <!-- begin navigation and info -->  <div class="navigation">     <ul>      <li><a href="index.php">Home</a></li>      <li><a href="about.php">About</a></li>      <li><a href="products.php">Products</a></li>      <li><a href="downloads.php">Downloads</a></li>      <li><a href="community.php">Community</a></li>      <li id="last"><a href="freeshards.php">Shards</a></li>    </ul>  </div>  <div class="runuo">     <h1>RUNUO   </h1>    <h2>RunUO 2.0.0 is coming</h2>    <ul id="info">      <li><a href="#">Faster Core</a></li>      <li><a href="#">More Features</a></li>      <li><a href="#">64 Bit Support</a></li>      <li><a href="#">Much more...</a></li>    </ul>  </div>  <div class="playuo">     <h1>PLAYUO   </h1>    <h2>PlayUO Beta 13 </h2>    <ul id="info">      <li><a href="#">Powerful Client</a></li>      <li><a href="#">Convenient Options</a></li>      <li><a href="#">Plugins Enabled</a></li>      <li><a href="#">Much more...</a></li>    </ul>  </div>  <div class="razor">     <h1>RAZOR   </h1>    <h2>Razor 1.0.0 </h2>    <ul id="info">      <li><a href="#">Powerful Macro's</a></li>      <li><a href="#">Packet Video System</a></li>      <li><a href="#">Custom Titlebar</a></li>      <li><a href="#">Much more...</a></li>    </ul>  </div>  <!-- end navigation and info -->  <!-- begin news / updates / projects -->  <div class="content">     <h3>Latest News & Updates</h3>  </div>  <div class="projects">     <h3>Hosted Projects</h3>    <ol>      <li><a href="http://www.uogamers.com/"> UO Gamers: Hybrid (UOR)</a></li>      <li><a href="http://www.uodivinity.com/">UO Gamers: Divinity (T2A)</a></li>      <li><a href="http://www.uodemise.com"> UO Gamers: Demise (ML)</a></li>      <li><a href="http://www.runuo.com/razor/"> Razor</a></li>      <li><a href="http://www.smithysanvil.com/">The Smithy's Anvil</a></li>      <li><a href="http://www.imagedonkey.com/"> Image Donkey</a></li>      <li><a href="http://www.topshards.com">Top 200 Free Shards</a></li>      <li><a href="#"> Coming Soon!</a></li>    </ol>  </div>  <!-- end news / updates / projects -->  <!-- begin footer -->  <div class="footer">     <ul id="footernavigation">      <li class="first"><a href="http://www.runuo.com/index.php">Home</a></li>      <li><a href="http://www.runuo.com/about.php">About</a></li>      <li><a href="http://www.runuo.com/products.php">Products</a></li>      <li><a href="http://www.runuo.com/downloads.php">Downloads</a></li>      <li><a href="http://www.runuo.com/community.php">Community</a></li>      <li><a href="http://www.runuo.com/shards.php">Shards</a></li>      <li><a href="http://www.runuo.com/contacts.php">Contacts</a></li>      <li><a href="#">Sitemap</a></li>    </ul>    <h4>RunUO.com © 2006 All Rights Reserved</h4>    <ul id="legalnavigation">      <li class="first"><a href="http://www.runuo.com/privacy.php">Privacy Policy</a></li>      <li><a href="http://www.runuo.com/privacy.php">User Agreement</a></li>      <li><a href="http://www.runuo.com/privacy.php">Terms Of Use</a></li>    </ul>  </div></div></body></html>

and heres the css

.content a:link {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.content a:visited {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.content a:hover {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.content a:active {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:link {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:visited {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:hover {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}.projects a:active {	color: #4A8AC8;	text-decoration: underline;	font-family: Arial, Helvetica, sans-serif;}h1 {	font-family: Tahoma;	font-size: 18px;	color: #FFFFFF;	height: 30px;	width: 169px;	line-height: 30px;	padding: 0px;	margin-top: 0px;	margin-bottom: 0px;	margin-left: 0px;}h2 {	font-family: Tahoma;	font-size: 13px;	color: #000000;	padding-left: 5px;	text-align: center;	margin-top: 20px;}h3 {	font-family: Tahoma;	font-size: 12px;	color: #000000;	background-color: #E2E2E2;	padding-left: 20px;	line-height: 30px;}h4 {	font-family: Tahoma;	font-size: 11px;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-align: center;	color: #4F4F4F;	font-style: normal;	font-weight: lighter;	width: 699px;	}.runuo h1 {	background-color: #FA4D11;	border-top: 15px solid #F7360B;	text-align: right;	margin: 0px;}.playuo h1 {	background-color: #FA9811;	border-top: 15px solid #F98B10;	text-align: right;	margin: 0px;}.razor h1 {	background-color: #A8B62B;	border-top: 15px solid #9DAD26;	text-align: right;	margin: 0px;}#subheader h1 {	display: none;}body {	text-align: center;	border-top: 5px solid #E9E9E9;	border-right: 5px #E9E9E9;	border-bottom: 5px #E9E9E9;	border-left: 5px #E9E9E9;	margin: 0px;	padding: 0px;}#wrapper {	text-align: left;	height: auto;	width: 699px;	margin-right: auto;	margin-left: auto;}#logo {	background-image: url(images/logo.gif);	background-repeat: no-repeat;	background-position: left top;	height: 40px;	width: 699px;	margin-top: 25px;	margin-left: 20px;	padding: 0px;	margin-right: 0px;	margin-bottom: 0px;	float: left;	clear: left;}#subheader {	background-image: url(images/head.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 141px;	width: 699px;	margin-top: 12px;	margin-bottom: 15px;	padding: 0px;	margin-right: 0px;	margin-left: 0px;	clear: both;	float: left;}.navigation {	background-color: #FFFFFF;	width: 166px;	margin-left: 0px;	height: 180px;	padding-top: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	clear: none;	float: left;	text-align: left;	list-style-position: inside;	list-style-image: none;	list-style-type: none;}.runuo {	background-color: #FFFFFF;	width: 169px;	margin-left: 5px;	height: 180px;	padding-top: 5px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	clear: none;	float: left;	border: 1px solid #E2E2E2;}.playuo {	background-color: #FFFFFF;	width: 169px;	margin-left: 5px;	height: 180px;	padding-top: 5px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	border: 1px solid #E2E2E2;	clear: none;	float: left;}.razor {	background-color: #FFFFFF;	width: 169px;	margin-left: 5px;	height: 180px;	padding-top: 5px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	border: 1px solid #E2E2E2;	clear: right;	float: left;}.content {	height: auto;	width: 473px;	margin-right: 5px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 0px;	margin-top: 15px;	margin-bottom: 0px;	margin-left: 0px;	text-align: left;	float: left;}.projects {	width: 220px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 0px;	margin-top: 15px;	margin-right: 0px;	margin-bottom: 0px;	clear: right;	text-align: left;	height: auto;	float: left;}ul#info {	list-style-position: outside;	list-style-image: url(images/infobullet.gif);	list-style-type: none;	font-family: Tahoma;	font-size: 12px;	text-align: left;}.footer {	height: auto;	width: 669px;	border-top: 3px solid #E7E7E7;	border-right: 3px #E7E7E7;	border-bottom: 3px #E7E7E7;	border-left: 3px #E7E7E7;	margin: 0px;	clear: none;	float: left;	text-align: center;	padding: 0px;}ul#info li a {	text-decoration: none;	color: #ADADAD;	text-align: left;	margin: 0px;	padding: 0px;}ul#legalnavigation {	font-family: Tahoma;	font-size: 12px;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-align: center;}ul#legalnavigation li {	display: inline;	text-align: center;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #4F4F4F;}ul#legalnavigation li a {	text-decoration: none;	color: #4A8AC8;	margin: 0px;	padding: 0px 5px 0px 10px;}#legalnavigation li.first {	border-left: 1px solid #FFFFFF;}ul#footernavigation {	font-family: Tahoma;	font-size: 12px;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-align: center;	margin-top: 4px;	padding: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}ul#footernavigation li {	display: inline;	text-align: center;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #4F4F4F;}ul#footernavigation li a {	text-decoration: none;	color: #666666;	margin: 0px;	padding: 0px 5px 0px 10px;}#footernavigation li.first {	border-left: 1px solid #FFFFFF;}.navigation ul li a:link {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/normal.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li a:visited {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/normal.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li a:hover {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/active.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li a:active {	color: #6A6A6A;	text-decoration: none;	list-style-position: inside;	list-style-image: none;	list-style-type: none;	text-transform: uppercase;	font-family: Tahoma;	font-weight: 900;	font-size: 11px;	background-image: url(images/normal.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 15px;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;	padding-right: 0px;}.navigation ul li {	list-style-position: inside;	list-style-image: none;	list-style-type: none;	width: 166px;	margin: 0px;	padding: 0px 0px 0px 20px;	height: 29px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #DEDEDE;	line-height: 29px;}.navigation ul {	margin: 0px;	padding: 0px;}

Any suggestions of things i should have done differently that would improve the code are welcome as well as comments on whether or not you think it looks close to the real thing www.runuo.com

I looked but could not see the problem in IE. I may be overloaded with info. However I did find a typo, "preperation" should be "preparation"
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...