Menu
Hi
I am in the process of creating a website for my band. I used a free template that I found and I am trying to amend it.
There are links on the banner for Listen, Your Comments, Rock N’Roll but I cannot get these to link to the pages. Any ideas?
Another issue I am having with the banner is that when I click to open my homepage i get the message “IE restricted this webpage from runnning active x controls” I need to click allow for the pictures to show. I dont want users to get this issue when I make my site live. Is there any way to get around this?
I am fairly new to developing a site.
any help with my issues would be appreciated. Let me know if I need to attach any other code files?
[CODE]
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Home</title>
<meta charset=”utf-8″>
<link rel=”stylesheet” href=”css/reset.css” type=”text/css” media=”all”>
<link rel=”stylesheet” href=”css/layout.css” type=”text/css” media=”all”>
<link rel=”stylesheet” href=”css/style.css” type=”text/css” media=”all”>
<script type=”text/javascript” src=”js/jquery-1.6.js”></script>
<script type=”text/javascript” src=”js/cufon-yui.js”></script>
<script type=”text/javascript” src=”js/cufon-replace.js”></script>
<script type=”text/javascript” src=”js/Vegur_700.font.js”></script>
<script type=”text/javascript” src=”js/Vegur_400.font.js”></script>
<script type=”text/javascript” src=”js/Vegur_300.font.js”></script>
<script type=”text/javascript” src=”js/jquery.easing.1.3.js”></script>
<script type=”text/javascript” src=”js/tms-0.3.js”></script>
<script type=”text/javascript” src=”js/tms_presets.js”></script>
<script type=”text/javascript” src=”js/backgroundPosition.js”></script>
<script type=”text/javascript” src=”js/atooltip.jquery.js”></script>
<script type=”text/javascript” src=”js/script.js”></script>
<!–[if lt IE 9]>
<script type=”text/javascript” src=”js/html5.js”></script>
<style type=”text/css”>
.box1 figure {behavior:url(js/PIE.htc)}
</style>
<![endif]–>
<!–[if lt IE 7]>
<div style=’clear:both;text-align:center;position:relative’>
<a href=”http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode”><img src=”http://www.theie6countdown.com/images/upgrade.jpg” border=”0″ alt=”” /></a>
</div>
<![endif]–>
</head>
<body id=”page1″>
<div class=”body1″>
<div class=”main”>
<!– header –>
<header>
<div class=”wrapper”>
<h1><a href=”index.html” id=”logo”>Hope Center</a></h1>
<nav>
<ul id=”top_nav”>
<li><a href=”index.html”><img src=”images/top_icon1.gif” alt=””></a></li>
<li><a href=”#”><img src=”images/top_icon2.gif” alt=””></a></li>
<li class=”end”><a href=”Contact.html”><img src=”images/top_icon3.gif” alt=””></a></li>
</ul>
</nav>
<nav>
<ul id=”menu”>
<li id=”menu_active”><a href=”index.html”>Home</a></li>
<li><a href=”AboutUs.html”>About us</a></li>
<li><a href=”News.html”>News</a></li>
<li><a href=”SetList.html”>Set List</a></li>
<li><a href=”Gallery.html”>Gallery</a></li>
<li><a href=”YourComments.html”>Your Comments</a></li>
<li><a href=”Contact.html”>Contact</a></li>
</ul>
</nav>
</div>
<div class=”slider”>
<ul class=”items”>
<li>
<img src=”images/sway1.jpg” alt=””>
<div class=”banner”>
<div class=”wrapper”><span>Have a listen</span></div>
<div class=”wrapper”><strong>to our demos</strong></div>
</div>
</li>
<li>
<img src=”images/sway4.jpg” alt=””>
<div class=”banner”>
<div class=”wrapper”><span>”The band was amazing.</span></div>
<div class=”wrapper”><strong>The dance floor was packed all night!”</strong></div>
</div>
</li>
<li>
<img src=”images/sway2.jpg” alt=””>
<div class=”banner”>
<div class=”wrapper”><span>Take a look at our -</span></div>
<div class=”wrapper”><strong>Rock N’ Roll/Rockabilly set </strong></div>
</div>
</li>
</ul>
<ul class=”pagination”>
<li id=”banner1″><a href=”Listen.html”>Listen<span></span></a></li>
<li id=”banner2″><a href=”YourComments.html”>Your <span>Comments</span></a></li>
<li id=”banner3″><a href=”RockNRoll”>Rock<span>N’ Roll</span></a></li>
</ul>
</div>
</header><div class=”ic”><div class=”inner_copy”>Find best premium <a href=”http://blog.templatemonster.com/2011/09/20/joomla-1-7-templates-showcase/” title=”Joomla 1.7 templates”> joomla 1.7 templates</a> at blog.templatemonster.com</div></div>
<!– / header –>
<!– content –>
<article id=”content”>
<div class=”wrapper”>
<div class=”box1″>
<div class=”line1″><div class=”line2 wrapper”>
<section class=”col1″>
<h2><strong>A</strong>bout Us<span></span></h2>
<div class=”pad_bot1″><figure><img src=”images/sway_smallbw.jpg” alt=””></figure></div>
<i>SWAY</i> are a top five piece band consisting of keyboards, guitar, bass, drums and vocals.
<a href=”AboutUs.html” class=”button1″>Read More</a>
</section>
<section class=”col1 pad_left1″>
<h2 class=”color2″><strong>S</strong>et List<span></span></h2>
<div class=”pad_bot1″><figure><img src=”images/sway_smallbw.jpg” alt=””></figure></div>
SWAY has an excellent repertoire of hits covering all genres<br><a href=”#” class=”button1 color2″>Read More</a>
</section>
<section class=”col1 pad_left1″>
<h2 class=”color3″><strong>L</strong>isten<span></span></h2>
<div class=”pad_bot1″><figure><img src=”images/sway_smallbw.jpg” alt=””></figure></div>
To help you make up your mind, have a listen to our demo mp3’s.<br><a href=”#” class=”button1 color3″>Read More</a>
</section>
</div></div>
</div>
</div>
<div class=”wrapper”>
<h3>SWAY</h3>
<p STYLE=”color: #878686; font-size: 16px” class=”quot”>
SWAY is a top wedding/function band based in central scotland.
Fronted by outstanding singer Petra McKechnie. Our diverse and exciting repertoire of popular hits will appeal to all ages and make sure to have you dancing the night away
The band performs at weddings, private parties, clubs, functions and events.<br><br>
We want your function to be one to remember
<img src=”images/quot2.png” alt=””>
</p>
</div>
<div class=”wrapper”>
<div class=”box2″>
<div class=”line1″><div class=”line2 wrapper”>
<section class=”col1″>
<h4><span>SWAY</span> News</h4>
<p class=”pad_bot2″><strong>All the latest Sway news! </strong></p>
<p>Wed 12th Oct – Band Showcase – King Robert Hotel, Stirling….</p>
<a href=”News.html” class=”button2″>Read More</a>
</section>
<section class=”col1 pad_left1″>
<h4 class=”color2″><span>Rock</span> N’ Roll</h4>
<p class=”pad_bot2″><strong>Petra & The PT Cruisers</strong></p>
<p>Bring a refreshing quirky approach to rock n’ roll/rockabilly music.</p>
<a href=”#” class=”button2 color2″>Read More</a>
</section>
<section class=”col1 pad_left1″>
<h4 class=”color3″><span>Contact/</span>Book</h4>
<p class=”pad_bot2″><strong>For Further information on the band</strong></p>
<p>Tel: 01324 716715 or 07855530458<br>Email:<a href=”mailto:[email protected]” style=”text-decoration: none”> [email protected]</a>
</p>
<a href=”#” class=”button2 color3″>Read More</a>
</section>
</div></div>
</div>
</div>
</article>
<!– / content –>
<!– footer –>
<footer>
<div class=”wrapper”>
<a href=”index.html” id=”footer_logo”><span>SWAY</span></a>
<ul id=”icons”>
<li><a href=”http://en-gb.facebook.com/people/Sway-Functions/100001818583074″ class=”normaltip” title=”Facebook”><img src=”images/icon1.gif” alt=””></a></li>
<li><a href=”http://twitter.com/swayfunctions” class=”normaltip” title=”Twitter”><img src=”images/icon2.gif” alt=””></a></li>
</ul>
</div>
<div class=”wrapper”>
<nav>
<ul id=”footer_menu”>
<li class=”active”><a href=”index.html”>Home</a></li>
<li><a href=”News.html”>News</a></li>
<li><a href=”Gallery.html”>Gallery</a></li>
<li><a href=”FAQ.html”>FAQ</a></li>
<li class=”end”><a href=”Contact.html”>Contact</a></li>
</ul>
</nav>
<div class=”tel”><span>01324</span> 716715</div>
<div class=”tel”><span>07855</span> 530458</div>
<div><p>Email: <a href=”mailto:[email protected]” STYLE=”TEXT-DECORATION: NONE”><span STYLE=”color: #ffc11e”>[email protected]</span></a></p></div>
</div>
<div id=”footer_text”>
</div>
</footer>
<!– / footer –>
</div>
</div>
<script type=”text/javascript”>Cufon.now();</script>
<script>
$(window).load(function(){
$(‘.slider’)._TMS({
preset:’zabor’,
easing:’easeOutQuad’,
duration:800,
pagination:true,
banners:true,
waitBannerAnimation:false,
slideshow:6000,
bannerShow:function(banner){
banner
.css({right:’-700px’})
.stop()
.animate({right:’0′},600, ‘easeOutExpo’)
},
bannerHide:function(banner){
banner
.stop()
.animate({right:’-700′},600,’easeOutExpo’)
}
})
$(‘.pagination li’).hover(function(){
if (!$(this).hasClass(‘current’)) {
$(this).find(‘a’).stop().animate({backgroundPosition:’0 0′},600,’easeOutExpo’, function(){$(this).parent().css({backgroundPosition:’-20px 0′})});
}
},function(){
if (!$(this).hasClass(‘current’)) {
$(this).css({backgroundPosition:’0 0′}).find(‘a’).stop().animate({backgroundPosition:’-250px 0′},600,’easeOutExpo’);
}
})
})
</script>
</body>
</html>