Hi, ich versuche gerade eine bestehende homepage etwas zu erweitern. aber ich habe ein problem mit dem code. es wurde ein js geschrieben welches die klassen ein/ausblendet aber:
der "book now" link will einfach nicht funktionieren und genau so wenig der "local informations" ... ich verstehe aber nicht warum. es wäre super wenn mal jemand einen blick auf den code werfen könnte, für euch profis ist der fehler bestimmt auf den ersten blick erkennbar. vielen dank im vorraus, norman!
Code
body {color: #696969; font: normal 12px/1 Arial, Helvetica, sans-serif;}
#page {position: relative; width: 717px; padding: 240px 167px 40px 140px; margin: 0 auto;background: url(../images/bg-page.jpg) top center no-repeat;}
#page .left {float:left;}
#page .right {float:right;}
#page .col {margin:0 0 40px;}
#navigation {position:absolute; height:30px; top:70px; left:316px;}
#navigation li {float:left; height:30px;}
#navigation li.nav-1 a {width:70px;}
#navigation li.nav-2 a {width:95px;}
#navigation li.nav-3 a {width:175px;}
#navigation li.nav-4 a {width:70px;}
#navigation li.nav-5 a {width:105px;}
#navigation li.nav-6 a {width:85px;}
#navigation li a {display:block; height:30px;text-indent:-9999em}
.js-enabled #facilities {display:none;}
#facilities ul {}
#facilities ul li {margin:0 0 10px;}
.js-enabled #localinformation {display:none;}
#localinformation ul {}
#localinformation ul li {margin:0 0 10px;}
.js-enabled #prices {display:none;}
#prices ul {}
#prices ul li {margin:0 0 10px;}
.js-enabled #contact {display:none;}
#contact ul {}
#contact ul li {margin:0 0 10px;}
#address {background:#d6dcec;color:#626671;padding: 5px;margin: 20px auto 0; width: 1024px; }
#address p {letter-spacing:normal; text-align:center;margin:0;font-size:11px;}
h1 {color:#442c22;font-size:24px;margin:0 0 20px;}
h2 {color:#587499;font-size: 18px;border-bottom:1px solid #546e89; padding:0 0 10px; margin: 0 0 15px;}
h3 {color:#442c22;font-size: 24px;clear:left;margin:0 0 20px;}
p {line-height: 20px; letter-spacing:1px;margin: 0 0 20px;}
a:link {color:#cb6944;}
a:hover {text-decoration:none;}
/*//////////////////////////
CLASSES
/////////////////////////*/
.cboth {clear:both;}
.hide {display: none;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
Alles anzeigen
HTML
C:\Users\norman\amaya\1\default.htm<?xml version="1.0" encoding="UTF-8"?>
<!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="imagetoolbar" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="google-site-verification"
content="1apb5jFtLRw0flE4Zq3Tcrfm0lKMjVC0MriwaC-E6C4" />
<meta name="description"
content=" Friendly staff and an excellent atmosphere make this one of Sydney's best backpacker hostels."
/>
<meta name="keywords"
content="Sidney"
/>
<title>Sydney’s Backpacker Hostel & Budget Accommodation - Coogee Beach
House, 171 Arden Street, Coogee, Sydney, 2034, NSW, Australia</title>
<link href="common/css/screen.css" rel="stylesheet" type="text/css"
media="all" />
</head>
<body>
<div id="page"
title="The Hostel & Budget Accommodation">
<ul id="navigation">
<li class="nav-1"><a href="#about"
title="About the House hostel">About</a></li>
<li class="nav-2"><a href="#facilities"
title="A full list of the facilities avilable at the House">Facilities</a></li>
<li class="nav-3"><a href="#localinformation" title="Local Information">Local Information</a></li>
<li class="nav-4"><a href="#prices" title="prices">Prices</a></li>
<li class="nav-5"><a
href="http://www.powerhostels.com/hbaffiliate/index.cfm?affid=24480&amp;hostel=24480"
title="Book !">Book
Now</a></li>
<li class="nav-6"><a href="#contact" title="Contact">Contact</a></li>
</ul>
<h1> Home Away From Home</h1>
<div id="about" class="panel">
<div class="left col">
<h2>Location</h2>
<img src="common/images/location.jpg"
alt="each." /> </div>
<div class="right col">
<h2> Beach</h2>
<img src="common/images/beach.jpg" alt=" Beach." /> </div>
<h3>About</h3>
</div>
<div id="facilities" class="panel">
<h2>Facilities</h2>
<p>All of the facilities listed below are provided during your stay.</p>
<ul>
<li>Free <strong>DVD & book library</strong> for your use</li>
<li><strong>Wireless</strong> & kiosk internet throughout the hostel</li>
</ul>
</div>
<div id="localinformation" class="panel">
<h2>Local Informations</h2>
</div>
<div id="prices" class="panel">
<h2>Prices</h2>
<p>(Check "Book now" above to see prices & deals)</p>
<p></p>
<p></p>
</div>
<div id="contact" class="panel">
<h2>Contact</h2>
Contact informations:
</div>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script type="text/javascript">
//<![CDATA[
$(function() {
$('body').addClass('js-enabled');
$('#navigation li:not(:eq(2)) a').click(function(e) {
e.preventDefault();
var $this = $(this);
var panel = $this.attr('href').substr(1);
if($('#'+ panel +'').is(':hidden')) {
$('.panel:visible').fadeOut(500, function() {
$('#'+ panel +'').fadeIn(500);
$(this).children().css('filter', '');
});
}
});
});
//]]></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1853726-9");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Alles anzeigen