<?php
echo '<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />';?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery.jMagnify.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$(".menu2 a").append("<em></em>");
$(".menu2 a").hover(function() {
$(this).find("em").animate({opacity: "show", top: "-75"}, "slow");
var hoverText = $(this).attr("title");
$(this).find("em").text(hoverText);
}, function() {
$(this).find("em").animate({opacity: "hide", top: "-85"}, "fast");
});
});
$().ready(function() {
$('#first').jMagnify();
});
$(document).ready(function() {
$('div.demo-show:eq(0)> div:gt(0)').hide();
$('div.demo-show:eq(0)> h3').click(function() {
$(this).next('div:hidden').slideDown('fast')
.siblings('div:visible').slideUp('fast');
});
});
$().ready(function() {
$('#color').jMagnify({
centralEffect: {'color': 'yellow'},
lat1Effect: {'color': 'orange'},
lat2Effect: {'color': 'red'},
lat3Effect: {'color': 'magenta'},
resetEffect: {'color': '#E3F1F2'}
});
});
</script>
<style type="text/css">
body
.menu2 {
margin: 100px 0 0;
padding: 0;
list-style: none;
}
.menu2 li {
padding: 0;
margin: 0 2px;
float: left;
position: relative;
text-align: center;
}
.menu2 a {
display: block;
color: #000000;
text-decoration: none;
font-weight: bold;
}
.menu2 li em {
font-weight: normal;
background: url(images/hover.png) no-repeat;
width: 180px;
height: 45px;
position: absolute;
top: -85px;
left: -15px;
text-align: center;
padding: 20px 12px 10px;
font-style: normal;
z-index: 2;
display: none;
}
</style>
</head>
<?php echo '
<body>
<div class="wrapper">
<div class="header_wrapper">
<div class="left_hand_symbol"><img src="images/header_hand_img.png" height="115" width="162"/></div>
<div class="header">
<div class="logo"><img src="images/logo.png" height="171" width="136"/></div>
<div class="title" > <img src="images/banner_title.png" width="500" height="56" /></div>
<div class="right">
<div class="link">';
if(isset($_COOKIE['LoginIdCookie'])){ }
//echo '<div class="login"><a href="log_out.php">Log out</a></div>';
//require_once('LoginStatement.php');}
else{
echo'<div class="register" ><a href="RegistrationAndActivity.php">Register</a></div>
<div class="link_ruler"> | </div>
<div class="login"><a href="LoginValidator.php">Login</a></div>';
}
echo'<div class="clear"><!-- --></div>
</div>
<div class="clear"><!-- --></div>
</div>
<div class="clear"><!-- --></div>
</div>
</div>
<div class="container_wrapper">
<div class="nav">
<ul class="menu2">
<li>
<a href="index1.php" title="Go to homepage">Home </a>
</li>
<li><a href="#" title="Our Voluntee">Voluntee </a></li>
<li><a href="AboutUs.php" title="Find out who I am">About Us </a></li>
<li><a href="EventDisplay.php" title="Show All Events">Events</a></li>
<li><a href="NewsLinksAll.php" title="Latest News"> News </a></li>
<li ><a href="PhotoGallery.php" title="Visit Elite Brigade Photo Gallery"> Photo Gallery</a></li>
</ul>
</div>
<div class="clear"><!-- --></div>
<div class="home_container">
<div><img src="images/body_top.png" width="906" height="12"></div>
<div class="container_bg">
<div class="left">
<div><img src="images/left_box_top_img.png" width="219" height="14" /></div>
<div class="background">
<div class="title">EVENTS</div>
<div class="pruduct">
<ul>
<li>* <a href="#">Whatexpect on Sundays</a></li>
<li>* <a href="#">Location and directions</a></li>
<li>* <a href="#">Where to go to wear</a></li>
<li>* <a href="#">What for your child</a></li>
<li>* <a href="#">Meet the staff</a></li>
<li>* <a href="#">ExploreFaith.org</a></li>
<li>* <a href="#">Mission Opportunities</a></li>
</ul>
</div>
</div>
<div><img src="images/left_box_bottom_img.png" width="219" height="15" /></div>
</div>
<div class="contain_box">
<div class="contain_title" id="color">Welcome to Elite Brigade</div>
<div class="text">';
?>Hi Friends...
Above code perfectly runs in Firefox but when i try to run above code in IE(any version) then webpage breaks........
I think its compatibilty issue but how it will resolved?????
Plz help me
Thx in advance