nicht angemeldet
Ist es möglich das meine angepasste CSS ein eingebundenes JS stört? Wenn ich mein style.css aus der html datei rausnehme, funktioniert das Script tadenlos. Nun hab ich die komplette css zu probezwecken in die html datei geschrieben. Um einzelne zeilen rauszuwerfen um zu sehn was hier der Störfaktor sein kann. Leider war dies erfolglos. Vielleicht schaut von euch schnell jmd mal drüber und kann mir ganz fix den Fehler verraten :/ Bin nicht so versiert zu dem Thema. Für Hilfe wäre ich sehr dankbar:) Nachfolgend der Code mit eingebundener CSS(leider nicht möglich da zu lang fürs forum;) darum wieder verlinkt. und hier findbar:http://maurer-fördersysteme.de/test/css/style.css):
<!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" xml:lang="en" lang="en">
<head>
<title>Maurer - Fördersysteme</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="TK" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]><link href="css/iehacks.css" rel="stylesheet" type="text/css" /><![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="js/ie6pngfix.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('img, ul, ol, li, div, p, a, h1, h2, h3, h4, h5, h6, span');
</script>
<![endif]-->
<link media="screen" rel="stylesheet" href="css/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/jquery.colorbox.js"> </script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='example1']").colorbox();
$("a[rel='example2']").colorbox({transition:"fade"});
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='example4']").colorbox({slideshow:true});
$(".example5").colorbox();
$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
$(".example9").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
<style type="text/css">
body {
background-image: url(images/bg.jpg);
background-color: #FFF;
background-repeat: repeat-x;
background-position:top center;
background-attachment: scroll;
margin-top: 2px;
}
a:link {
color: #D40000;
}
a:hover {
color: #D40000;
}
h2 {
color: #D40000;
}
h3 {
color: #D40000;
}
</style>
</head>
<body id="page">
<!-- wrapper -->
<div class="rapidxwpr floatholder">
<div class="rapidxwpr-bottom">
<!-- header -->
<div id="header">
<!-- Footerbar -->
<div class="footermenu">
<span class="copyright">Copyright Maurer Fördersysteme</span>
<ul>
<li><a href="Impressum.html">Impressum</a></li>
</ul>
</div>
<!-- / Footerba -->
<!-- quote -->
<div class="quote"></div>
<!-- / quote -->
<!-- topmenu -->
<div id="topmenu">
<ul>
<li><a href="Start.html" class="active"><span>Startseite</span></a></li>
<li><a href="Info.html" class="rapidxwpr"><span>Über Uns</span></a></li>
<li><a href="Beratung.html" class="rapidxwpr"><span>Beratung</span></a></li>
<li><a href="Kontakt.php" class="rapidxwpr"><span>Kontakt</span></a></li>
</ul>
</div>
<!-- / topmenu -->
<div class="more"><span class="quote"><a href="index.html"><img src="images/Sidebar_02.png" alt="" name="logo2" height="790" class="correct-png" id="logo" title="Home" /><img src="images/ept_logo-b.png" alt="" name="logo2" width="282" height="730" class="correct-png" id="logo3" title="Home" /><a href="index.html"></a></span></div>
</div>
<!-- / header -->
<!-- main body -->
<div id="middle">
<div class="background layoutleft">
<div id="main" class="clearingfix">
<div id="mainmiddle" class="floatbox withright">
<!-- right column -->
<div id="right" class="copyright">
<!-- about -->
<div class="news">
<h1>ColorBox Demonstration</h1>
<h2>Slideshow</h2>
<p><a href="images/ohoopee1.jpg" rel="example4" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
<p><a href="images/ohoopee2.jpg" rel="example4" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
<p><a href="images/ohoopee3.jpg" rel="example4" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
<p><br clear="all" />
</p>
<p>Wenn Sie unser Unternehmen noch gar nicht kennen, und erst im Internet von uns erfahren haben: würden wir uns freuen, von Ihnen zu hören! <br />
Bitte lassen Sie uns Ihre Wünsche und Fragen wissen, <br />
gerne beraten wir Sie ausführlich.</p>
<p><!-- / about -->
<!-- news -->
</p></div><div class="alignright">
<div class="alignleft">
<h2>Maurer Fördersysteme</h2>
<p>Theodor-Storm-Str.17 <br />
D-67307 Göllheim<br />
info@maurer-foerdersysteme.de </p>
<p>Tel.: + 49 0 6351- 6 00 3<br />
Fax: + 49 0 6351- 56 47</p>
</div>
<h3> </h3>
<h2> </h2>
</div>
<!-- / news -->
</div>
<!-- / right column -->
<!-- content column -->
<div id="content" class="clearingfix"></div>
<!-- / content column -->
</div>
</div>
</div>
</div>
<!-- / main body -->
</div>
</div>
<!-- / wrapper -->
</body>
</html>