4 Replies - 1325 Views - Last Post: 21 October 2009 - 03:02 PM

#1 Dannyboy997   User is offline

  • D.I.C Regular
  • member icon

Reputation: 64
  • View blog
  • Posts: 258
  • Joined: 17-April 09

Css HTML problems! Compatibility errors?

Posted 12 October 2009 - 11:43 AM

Hi, i just made a website coded in html and css and some javascript but i use firefox 3.5 and it works fine on my pc but when i show it to someone on another pc it's all messed up the cssw navigation ba rwon't even show up and it's the same browser firefox. and internet explorer and safari won't show it either i know that there are some browser quirks, but i used the same browser but on two different pcs. i'm not sure whats going on!

here is the link it's just a test url:: http://ai2.webatu.com/

and here is the codes:



index.php

<html>

	<head>

		<title>Ironco Security Inc.</title>
	
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	
	<script type='text/javascript'>
	
	function hide_whatwedo()
	{

	var get = document.getElementById("whatwedo");
	
	get.style.display = "none";
	
	var get2 = document.getElementById("control_1_2");
	
	get2.style.display = "none";
	
	var get3 = document.getElementById("control_1");
	
	get3.style.top = "42%";
	
	get3.style.left = "27%";
	
	var get4 = document.getElementById("control_1_1");
	
	get4.style.display = "block";
	
	}
	
	function show_whatwedo()
	{
	
	var get = document.getElementById("whatwedo");
	
	get.style.display = "block";
	
	var get2 = document.getElementById("control_1_2");
	
	get2.style.display = "block";
	
	var get3 = document.getElementById("control_1");
	
	get3.style.top = "60%";
	
	get3.style.left = "45%";
	
	var get4 = document.getElementById("control_1_1");
	
	get4.style.display = "none";
	
	}
	
	function hide_news()
	{

	var get = document.getElementById("news");
	
	get.style.display = "none";
	
	var get2 = document.getElementById("control_2_2");
	
	get2.style.display = "none";
	
	var get3 = document.getElementById("control_2");
	
	get3.style.top = "42%";
	
	get3.style.left = "52%";
	
	var get4 = document.getElementById("control_2_1");
	
	get4.style.display = "block";
	
	}
	
	function show_news()
	{
	
	var get = document.getElementById("news");
	
	get.style.display = "block";
	
	var get2 = document.getElementById("control_2_2");
	
	get2.style.display = "block";
	
	var get3 = document.getElementById("control_2");
	
	get3.style.top = "60%";
	
	get3.style.left = "65%";
	
	var get4 = document.getElementById("control_2_1");
	
	get4.style.display = "none";
	
	}
	
	
	
	</script>
	
	</head>
	<body id='body' background='http://localhost/client2/images/body.jpg'>
	
			<div class='header_wrapper'>
			
				<div id='header_title_logo'>
			
				<!--<a href='http://localhost/client2/index.php' title='Ironco Security Inc.'><img src='http://localhost/client2/images/logo.jpg' alt='Ironco Security Inc.'></a>-->
			
					<h2>Ironco Security Inc.</h2>
			
			
				</div>
				<div id='search_engine'>
			
					<div id='sub_search'>
			
						<form action='search.php'>
			
							<input type='text' name='query' size='25' id='query'><input type='submit' name='search' id='search' value='Search'>

						</form>
						
					</div>
					
				</div>
		
			</div>
			
			
			
			<p class='top_line' />
			
			
		
			
			
			<div id='navigation'>
				
				<ul id='nav'>
				
					<li><a href='#' title='1'>Services</a></li>
					<li><a href='#' title='2'>Experience</a></li>
					<li><a href='#' title='3'>Resources</a></li>
					<li><a href='#' title='4'>Careers</a></li>
					<li><a href='#' title='5'>About Us</a></li>
					
				</ul>
					
			</div>
	
		<div id='picture_1'>
		
			<img width='945px' height='150px' src='http://localhost/client2/images/picture_1.jpg' title='Sample Picture' />
		
		</div>
		
			<div id='sub_main'>
			
				<ul id='sub_nav'>
				
					<li id='top_nav'>Services:
						
						<div id='subnav1'>
						
							<li><a href='http://localhost/client2/#' title='sublink1'>Assessments</a></li>
							<li><a href='http://localhost/client2/#' title='Link1'>Training</a></li>
							<li><a href='http://localhost/client2/#' title='Link1'>Crisis Management</a></li>
							<li><a href='http://localhost/client2/' title='Link1'>Protective Services</a></li>
							<li><a href='http://localhost/client2/' title='Link1'>Support Services</a></li>
							
						</div>
					
					</li>
					
					<li id='top_nav'>Resources:
					
						<div id='subnav2'>
						
							<li><a href='http://localhost/client2/' title='Link1'>Contact Information</a></li>
							<li><a href='http://localhost/client2/' title='Link1'>GSA Schedules</a></li>
							<li><a href='http://localhost/client2/' title='Link1'>Brochures and Fact Sheets</a></li>
							<li><a href='http://localhost/client2/' title='Link1'>Events</a></li>
						
						</div>
					
					</li>
				
				</ul>
			
			</div>
			
			<div id='whatwedo'>
			
			<b>What We Do:</b>
			<hr />
			
				<p id='whatwedo_text'>This is the box Where you will put what your company does!
				
					<p/>
				
						
						
				
				
			</div>
	
		<div id='control_1'>
			<a href='#' onclick='show_whatwedo()' id='control_1_1' title='Show This Box'>Show 'What We Do' Box!</a> <a href='#' id='control_1_2' onclick='hide_whatwedo()' title='Hide Box This Box!'>Hide This Box!</a> 
		</div>
		
		<div id='news'>
		
			<b>News:</b>
			<hr />
			
				<p id='news_text'>This is the box Where you will put all the companies news!
				
					
					
						<p><b>2009-09-23:</b> - Went Online!</p><p/>
		
		</div>
		
		
			<div id='control_2'>
				<a href='#' onclick='show_news()' id='control_2_1' title='Show This Box'>Show 'News' Box!</a> <a href='#' id='control_2_2' onclick='hide_news()' title='Hide Box This Box!'>Hide This Box!</a>
			</div>
		
		<div id='footer'>
		
		
		<span id='footer_left'><a href='http://localhost/client2/' title='Home'>Home</a> <a href='http://localhost/client2/contact.php' title='Contact Us'>Contact</a> <a href='http://localhost/client2/sitemap.php' title='Site Map'>Site Map</a> <a href='http://localhost/client2/terms-of-use.php' title='Terms of Use'>Terms of Use</a> <a href='http://localhost/client2/privacy-policy.php' title='Privacy Policy'>Privacy Policy</a></span>
		<span id='footer_right'>Copyright  2009 Ironco Security Inc. All rights reserved.</span>
			
		
		</div>
		
	</body>

</html>




and here is the code for

index.css:

#body{
font-family:arial;
}
.header_wrapper{
position:absolute;
width:80%;
left:12%;
top:8%;	
height:35%;
}
#header_title_logo{
float:left;

}
#search_engine{
position:absolute;
float:right;
left:62%;
top:5%;
color:#424242;
width:350px;
height:32px;
background:url(http://localhost/client2/images/search_background.jpg) no-repeat;
border:1px solid #FFFFFF;
}
#sub_search{
position:absolute;
top:20%;
left:25px;

}
#navigation{

}

#nav {
	list-style:none;
	position:absolute;
	padding:0;
	margin: 10px 0 20px 0;
	display: block;
	font-size: 0.9em;
	height:45px;
	top:107px;
	left:170px;
	width:80%;
	text-align:center;
	text-transform:capitalize;
	border:3px solid #0000000;
	font-family:arial;
	color:#000000;
	
	}
	#nav li {
	display: inline;
	}
	#nav li a {
	display: block;
	float:left;
	text-align:center;
	padding: 8.5px 20px;
	color: #000000;
	text-decoration: none;
	width:150px;
	background:url(http://localhost/client2/images/navigation_background.jpg) repeat-x;
	top:35%;
	
	}
	#nav ul{
	margin:2px;
	padding:2px;
	color:#000000;
	
	}
	#nav ul li {
	display: inline;
	float:right;
	height:37px;
	list-style:none;
	margin-right:20px;
	position:relative;
	color:#000000;
	
	}
	#nav li a {
	color:grey;
	text-decoration: none;
	
	}
	#nav li:hover ul{
	display:block;
	width:210px;
	height:140px;
	
	}
	#nav li a:hover{
	background: url(http://localhost/client2/images/navigation_background_o.jpg)  repeat-x;
	float:left;
	left:0px;
	color:#FFFFFF;
	
	}
	#nav li li{
	list-style:none;
	display:list-item;
	
	}
	#nav li ul{
	margin:1px;
	padding:1px;
	display:none;
	position:absolute;
	left:0px;
	top:32px;
	float:left;
	background: #006245  repeat-x;
	
	}
	#nav li li a:hover {
	text-decoration:underline;
	color:#fff;
	
	}
#header_title_logo h2{
color:#FFFFFF;
font-family:arial;
position:absolute;
}
.top_line{
position:absolute;
border:2px solid orange;
width:77%;
top:93px;
left:11.7%;
}
.main{
position:absolute;
width:77.3%;
border:1px solid #000000;
background:#FFFFFF;
top:21.6%;
left:11.8%;
left:11.8%;
height:50%;
}
.title #myh3{
color:orange;

}
#somelinks{
color:blue;

}

#sub_main{
width:200px;
position:fixed;
margin:12.5%;
top:13%;

}
#top_nav{
color:orange;
text-decoration:none;
}
#sub_nav{
margin-left:0;
padding-left:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
text-decoration:none;
}
#sub_nav li a{
display: block;
padding:3px;
width: 160px;
background:#FFFFFF;
border:1px solid #000000; 
text-decoration:none;
}
#sub_nav li{
text-transform:capitalize;
}
#sub_nav li a{
color:black;

}
#sub_nav li a:hover{
background:url(http://localhost/client2/images/navigation_background_o.jpg)  repeat-x;
text-decoration:none;
color:#000000;
}
#picture_1{
position:absolute;
margin:12.5%;
top:0px;
border:1px solid #000000;

}
#whatwedo{
position:absolute;
left:28%;
background:#FFFFFF;
width:300px;
height:150px;
border:1px solid #006245;
top:42%;

}
#whatwedo_text{
font-size:0.7em;
color:#006245;

}
#control_1{
font-size:0.7em;
color:blue;
font-family:arial;
position:absolute;
left:45%;
top:60%;
}
#control_1_1{
display:none;
}
#control_2{
font-size:0.7em;
color:blue;
font-family:arial;
position:absolute;
left:65%;
top:60%;
}
#news{
position:absolute;
left:55%;
background:#FFFFFF;
width:300px;
height:150px;
border:1px solid #006245;
top:42%;

}
#news_text{
font-size:0.7em;
color:#006245;

}
#footer{
position:absolute;
top:72%;
margin:12.5%;
border:1px solid #000000;
width:80%;
}
#footer_text a{
color:#FFFFBF;
font-size:0.8em;
position:relative;
left:0px;

}
#footer_left{
color:#FFFFBF;
position:relative;
top:0px;
left:0px;
}
#footer_right{
color:#FFFFBF;
position:relative;
top:0px;
float:right;
}
#footer_left a{
color:#000000;

}
#footer_left a:hover{
color:#006245;

}



if you need more info please let me know i'm not sure whats going on here?????


thanks!!!

Is This A Good Question/Topic? 0
  • +

Replies To: Css HTML problems! Compatibility errors?

#2 jwwicks   User is offline

  • D.I.C Head
  • member icon

Reputation: 24
  • View blog
  • Posts: 162
  • Joined: 31-July 08

Re: Css HTML problems! Compatibility errors?

Posted 12 October 2009 - 12:29 PM

Hello Dannyboy997,

View PostDannyboy997, on 12 Oct, 2009 - 10:43 AM, said:

Hi, i just made a website coded in html and css and some javascript but i use firefox 3.5 and it works fine on my pc but when i show it to someone on another pc it's all messed up the cssw navigation ba rwon't even show up and it's the same browser firefox. and internet explorer and safari won't show it either i know that there are some browser quirks, but i used the same browser but on two different pcs. i'm not sure whats going on!

if you need more info please let me know i'm not sure whats going on here?????

thanks!!!


First thing is get rid of all the //localhost href's and then repost the code...

That's why the graphics etc show up on YOUR machine and not anyone else's

Jw
Was This Post Helpful? 0
  • +
  • -

#3 Dannyboy997   User is offline

  • D.I.C Regular
  • member icon

Reputation: 64
  • View blog
  • Posts: 258
  • Joined: 17-April 09

Re: Css HTML problems! Compatibility errors?

Posted 12 October 2009 - 01:27 PM

that was so stupid of me i'm so used to test on my local machine! any ways i removed all of the http://localhost and put in http://ai2.webatu.com/

here is:


index.php



<html>

	<head>

		<title>Ironco Security Inc.</title>
	
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	
	<script type='text/javascript'>
	
	function hide_whatwedo()
	{

	var get = document.getElementById("whatwedo");
	
	get.style.display = "none";
	
	var get2 = document.getElementById("control_1_2");
	
	get2.style.display = "none";
	
	var get3 = document.getElementById("control_1");
	
	get3.style.top = "42%";
	
	get3.style.left = "27%";
	
	var get4 = document.getElementById("control_1_1");
	
	get4.style.display = "block";
	
	}
	
	function show_whatwedo()
	{
	
	var get = document.getElementById("whatwedo");
	
	get.style.display = "block";
	
	var get2 = document.getElementById("control_1_2");
	
	get2.style.display = "block";
	
	var get3 = document.getElementById("control_1");
	
	get3.style.top = "60%";
	
	get3.style.left = "45%";
	
	var get4 = document.getElementById("control_1_1");
	
	get4.style.display = "none";
	
	}
	
	function hide_news()
	{

	var get = document.getElementById("news");
	
	get.style.display = "none";
	
	var get2 = document.getElementById("control_2_2");
	
	get2.style.display = "none";
	
	var get3 = document.getElementById("control_2");
	
	get3.style.top = "42%";
	
	get3.style.left = "52%";
	
	var get4 = document.getElementById("control_2_1");
	
	get4.style.display = "block";
	
	}
	
	function show_news()
	{
	
	var get = document.getElementById("news");
	
	get.style.display = "block";
	
	var get2 = document.getElementById("control_2_2");
	
	get2.style.display = "block";
	
	var get3 = document.getElementById("control_2");
	
	get3.style.top = "60%";
	
	get3.style.left = "65%";
	
	var get4 = document.getElementById("control_2_1");
	
	get4.style.display = "none";
	
	}
	
	
	
	</script>
	
	</head>
	<body id='body' background='http://ai2.webatu.com/images/body.jpg'>
	
			<div class='header_wrapper'>
			
				<div id='header_title_logo'>
			
				<!--<a href='http://localhost/client2/index.php' title='Ironco Security Inc.'><img src='http://localhost/client2/images/logo.jpg' alt='Ironco Security Inc.'></a>-->
			
					<h2>Ironco Security Inc.</h2>
			
			
				</div>
				<div id='search_engine'>
			
					<div id='sub_search'>
			
						<form action='search.php'>
			
							<input type='text' name='query' size='25' id='query'><input type='submit' name='search' id='search' value='Search'>

						</form>
						
					</div>
					
				</div>
		
			</div>
			
			
			
			<p class='top_line' />
			
			
		
			
			
			<div id='navigation'>
				
				<ul id='nav'>
				
					<li><a href='http://ai2.webatu.com/' title='1'>Services</a></li>
					<li><a href='http://ai2.webatu.com/' title='2'>Experience</a></li>
					<li><a href='http://ai2.webatu.com/' title='3'>Resources</a></li>
					<li><a href='http://ai2.webatu.com/' title='4'>Careers</a></li>
					<li><a href='http://ai2.webatu.com/' title='5'>About Us</a></li>
					
				</ul>
					
			</div>
	
		<div id='picture_1'>
		
			<img width='945px' height='150px' src='http://ai2.webatu.com/images/picture_1.jpg' title='Sample Picture' />
		
		</div>
		
			<div id='sub_main'>
			
				<ul id='sub_nav'>
				
					<li id='top_nav'>Services:
						
						<div id='subnav1'>
						
							<li><a href='http://ai2.webatu.com/#' title='sublink1'>Assessments</a></li>
							<li><a href='http://ai2.webatu.com/#' title='Link1'>Training</a></li>
							<li><a href='http://ai2.webatu.com/#' title='Link1'>Crisis Management</a></li>
							<li><a href='http://ai2.webatu.com/' title='Link1'>Protective Services</a></li>
							<li><a href='http://ai2.webatu.com/' title='Link1'>Support Services</a></li>
							
						</div>
					
					</li>
					
					<li id='top_nav'>Resources:
					
						<div id='subnav2'>
						
							<li><a href='http://ai2.webatu.com/' title='Link1'>Contact Information</a></li>
							<li><a href='http://ai2.webatu.com/' title='Link1'>GSA Schedules</a></li>
							<li><a href='http://ai2.webatu.com/' title='Link1'>Brochures and Fact Sheets</a></li>
							<li><a href='http://ai2.webatu.com/' title='Link1'>Events</a></li>
						
						</div>
					
					</li>
				
				</ul>
			
			</div>
			
			<div id='whatwedo'>
			
			<b>What We Do:</b>
			<hr />
			
				<p id='whatwedo_text'>This is the box Where you will put what your company does!
				
					<p/>
				
						
						
				
				
			</div>
	
		<div id='control_1'>
			<a href='#' onclick='show_whatwedo()' id='control_1_1' title='Show This Box'>Show 'What We Do' Box!</a> <a href='#' id='control_1_2' onclick='hide_whatwedo()' title='Hide Box This Box!'>Hide This Box!</a> 
		</div>
		
		<div id='news'>
		
			<b>News:</b>
			<hr />
			
				<p id='news_text'>This is the box Where you will put all the companies news!
				
					
					
						<p><b>2009-09-23:</b> - Went Online!</p><p/>
		
		</div>
		
		
			<div id='control_2'>
				<a href='#' onclick='show_news()' id='control_2_1' title='Show This Box'>Show 'News' Box!</a> <a href='#' id='control_2_2' onclick='hide_news()' title='Hide Box This Box!'>Hide This Box!</a>
			</div>
		
		<div id='footer'>
		
		
		<span id='footer_left'><a href='http://ai2.webatu.com/' title='Home'>Home</a> <a href='http://ai2.webatu.com/contact.php' title='Contact Us'>Contact</a> <a href='http://ai2.webatu.com/sitemap.php' title='Site Map'>Site Map</a> <a href='http://ai2.webatu.com/terms-of-use.php' title='Terms of Use'>Terms of Use</a> <a href='http://ai2.webatu.com/privacy-policy.php' title='Privacy Policy'>Privacy Policy</a></span>
		<span id='footer_right'>Copyright  2009 Ironco Security Inc. All rights reserved.</span>
			
		
		</div>
		
	</body>

</html>






index.css



#body{
font-family:arial;
}
.header_wrapper{
position:absolute;
width:80%;
left:12%;
top:8%;	
height:35%;
}
#header_title_logo{
float:left;

}
#search_engine{
position:absolute;
float:right;
left:62%;
top:5%;
color:#424242;
width:350px;
height:32px;
background:url(http://ai2.webatu.com/images/search_background.jpg) no-repeat;
border:1px solid #FFFFFF;
}
#sub_search{
position:absolute;
top:20%;
left:25px;

}
#navigation{

}

#nav {
	list-style:none;
	position:absolute;
	padding:0;
	margin: 10px 0 20px 0;
	display: block;
	font-size: 0.9em;
	height:45px;
	top:107px;
	left:170px;
	width:80%;
	text-align:center;
	text-transform:capitalize;
	border:3px solid #0000000;
	font-family:arial;
	color:#000000;
	
	}
	#nav li {
	display: inline;
	}
	#nav li a {
	display: block;
	float:left;
	text-align:center;
	padding: 8.5px 20px;
	color: #000000;
	text-decoration: none;
	width:150px;
	background:url(http://ai2.webatu.com/images/navigation_background.jpg) repeat-x;
	top:35%;
	
	}
	#nav ul{
	margin:2px;
	padding:2px;
	color:#000000;
	
	}
	#nav ul li {
	display: inline;
	float:right;
	height:37px;
	list-style:none;
	margin-right:20px;
	position:relative;
	color:#000000;
	
	}
	#nav li a {
	color:grey;
	text-decoration: none;
	
	}
	#nav li:hover ul{
	display:block;
	width:210px;
	height:140px;
	
	}
	#nav li a:hover{
	background: url(http://ai2.webatu.com/images/navigation_background_o.jpg)  repeat-x;
	float:left;
	left:0px;
	color:#FFFFFF;
	
	}
	#nav li li{
	list-style:none;
	display:list-item;
	
	}
	#nav li ul{
	margin:1px;
	padding:1px;
	display:none;
	position:absolute;
	left:0px;
	top:32px;
	float:left;
	background: #006245  repeat-x;
	
	}
	#nav li li a:hover {
	text-decoration:underline;
	color:#fff;
	
	}
#header_title_logo h2{
color:#FFFFFF;
font-family:arial;
position:absolute;
}
.top_line{
position:absolute;
border:2px solid orange;
width:77%;
top:93px;
left:11.7%;
}
.main{
position:absolute;
width:77.3%;
border:1px solid #000000;
background:#FFFFFF;
top:21.6%;
left:11.8%;
left:11.8%;
height:50%;
}
.title #myh3{
color:orange;

}
#somelinks{
color:blue;

}

#sub_main{
width:200px;
position:fixed;
margin:12.5%;
top:13%;

}
#top_nav{
color:orange;
text-decoration:none;
}
#sub_nav{
margin-left:0;
padding-left:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
text-decoration:none;
}
#sub_nav li a{
display: block;
padding:3px;
width: 160px;
background:#FFFFFF;
border:1px solid #000000; 
text-decoration:none;
}
#sub_nav li{
text-transform:capitalize;
}
#sub_nav li a{
color:black;

}
#sub_nav li a:hover{
background:url(http://ai2.webatu.com/images/navigation_background_o.jpg)  repeat-x;
text-decoration:none;
color:#000000;
}
#picture_1{
position:absolute;
margin:12.5%;
top:0px;
border:1px solid #000000;

}
#whatwedo{
position:absolute;
left:28%;
background:#FFFFFF;
width:300px;
height:150px;
border:1px solid #006245;
top:42%;

}
#whatwedo_text{
font-size:0.7em;
color:#006245;

}
#control_1{
font-size:0.7em;
color:blue;
font-family:arial;
position:absolute;
left:45%;
top:60%;
}
#control_1_1{
display:none;
}
#control_2{
font-size:0.7em;
color:blue;
font-family:arial;
position:absolute;
left:65%;
top:60%;
}
#news{
position:absolute;
left:55%;
background:#FFFFFF;
width:300px;
height:150px;
border:1px solid #006245;
top:42%;

}
#news_text{
font-size:0.7em;
color:#006245;

}
#footer{
position:absolute;
top:72%;
margin:12.5%;
border:1px solid #000000;
width:80%;
}
#footer_text a{
color:#FFFFBF;
font-size:0.8em;
position:relative;
left:0px;

}
#footer_left{
color:#FFFFBF;
position:relative;
top:0px;
left:0px;
}
#footer_right{
color:#FFFFBF;
position:relative;
top:0px;
float:right;
}
#footer_left a{
color:#000000;

}
#footer_left a:hover{
color:#006245;

}



thanks for all the help!
Was This Post Helpful? 0
  • +
  • -

#4 jwwicks   User is offline

  • D.I.C Head
  • member icon

Reputation: 24
  • View blog
  • Posts: 162
  • Joined: 31-July 08

Re: Css HTML problems! Compatibility errors?

Posted 20 October 2009 - 10:56 PM

Hello Dannyboy

View PostDannyboy997, on 12 Oct, 2009 - 12:27 PM, said:

that was so stupid of me i'm so used to test on my local machine! any ways i removed all of the http://localhost and put in http://ai2.webatu.com/

thanks for all the help!


Seems to be fine in IE8, Opera 9, Safari 4, Firefox 3.5 and Chrome from this end...

What versions of the browser are you using?

Jw
Was This Post Helpful? 0
  • +
  • -

#5 Dannyboy997   User is offline

  • D.I.C Regular
  • member icon

Reputation: 64
  • View blog
  • Posts: 258
  • Joined: 17-April 09

Re: Css HTML problems! Compatibility errors?

Posted 21 October 2009 - 03:02 PM

well, i'm not sure why that website didn't work, so i created another version a made sure it was compatible with every browser so the website you visited was the new version which works in every major browser!!!!!


but thanks anyway!!!!!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1