nicht angemeldet
CSS stört JS?!
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>
-
Leider war dies erfolglos.
Inwiefern?
Was passiert denn und was soll passieren?-
Leider war dies erfolglos.
Inwiefern?
Was passiert denn und was soll passieren?lol das hab ich vergessen zu sagen ;) das ist so ein lightbox script wenn man auf eins der bilder klickt. allerdings geht nur kurz was weißes auf und schließt sich gleich wieder... normal müsste das script mit den bildern aufgehen.. jedenfalls geht es wenn ich die css rausnehme...
-
Niemand eine Idee?
-
Niemand eine Idee?
Schau in der Colorbox-Dokumentation nach - wenn dann noch Fragen auftauchen, melde dich wieder.
-
So nach langem suchen durch mein css, hab ich die Fehler gefunden. Hatte wohl irgendwie ne falsche Klasse die jedes Bild das aufgetaucht ist manipuliert hat. So jetzt wieder ein bisschen fitter was css angeht und endlich läufts ;)
Falls jemand ähnliche Probleme hat kann ich ihm nun vllt helfen :)
-
-
-
-