Navigation Superfish

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 10:01

Hi leute,
bin ganz neu in der Redaxo-Gemeinde und versuche mich gerade mit meinem Ersten Projekt:

hab folgende Seite gebaut: www.tandemfliegenchiemgau.de
Und hier wollte ich auf meinem Template (index) die Navigation von Superfish einbinden.
(es sollte eine horizontale Navigation im oberen Bereich der Seite werden.
Wie hier: http://tandemfliegenchiemgau.de/fluggebiete.html

Gut, anscheinend habe ich den Code falsch platziert.
Kann mir da jemand weiterhelfen?

Hier der Code des Templates:
<?php
session_start();
header('Content-Type: text/html; charset=UTF-8');

$navTemplateId = "13";
// Einbinden des Navigation Template
$navTemplate = new rex_template($navTemplateId);
include $navTemplate->getFile();

?>


<!DOCTYPE html>
<html lang="en">
<head>
<base href="<?php echo $REX['SERVER']; ?>" />
<meta http-equiv="content-type" content="text/html;" charset=utf-8" />
<title><?php echo RexSEO::title(); ?></title>
<meta name="keywords" content="<?php echo RexSEO::keywords(); ?>" />
<meta name="description" content="<?php echo RexSEO::description(); ?>" />

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="files/superfish.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<script language="JavaScript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script language="JavaScript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Dynalight_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.equalheights.js" type="text/javascript"></script>


<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">




<!--==============================header=================================-->
<header>

<div class="row-top">
<div class="main">

<div class="wrapper">
<h1>&nbsp;</h1>
<nav>
<table width="100%" border="0">
<tr>
<td><div align="left"><a href="<?php echo $REX['SERVER']; ?>""><img src="images/tandemfliegen-chiemgau_logo_de.jpg" width="250" height="62" alt=""></a></div></td>
<td valign="bottom"><div align="right"; id="navigation">
<?php print $navLeftCol; ?> </div>
</td>
</tr>
</table>
<ul class="menu">



</ul>
</nav>
</div>
</div>
</div>
<div class="row-bot">
<div class="row-bot-bg">
<div class="main">



<div class="slider-wrapper">
<div class="slider">
<ul class="items">
<li>
<img src="images/slider-img1.jpg" alt="" /> </li>
<li>
<img src="images/slider-img2.jpg" alt="" /> </li>
<li>
<img src="images/slider-img3.jpg" alt="" /> </li>
<li>
<img src="images/slider-img4.jpg" alt="" /> </li>
<li>
<img src="images/slider-img5.jpg" alt="" /> </li>
<li>
<img src="images/slider-img6.jpg" alt="" /></li>

</ul>
</div>
</div>
</div>
</div>
</div>
</header>

<!--==============================content================================-->
<section id="content" name="content">
<div class="ic"><div class="inner_copy"></div></div>
<div class="main">
<div class="wrapper">
<article class="col-1">
<div class="indent-left">
<?php print $this->getArticle(1); ?>


</div></article>
<article class="col-2">
<div class="indent-left">
<div align="right"><?php print $this->getArticle(2); ?>

</div>
</div></article>
</div>
</div>
</div>

</section>

<!--==============================footer=================================-->
<footer>
<div class="main">
<div class="aligncenter">


<div id="footer">

<table width="100%" border="0">
<tr>
<td valign="bottom"><div align="left"> REX_ARTICLE[23] </div></td>
<td valign="bottom"><div align="right"> REX_ARTICLE[24] </div></td>
</tr>
</table>

</div>
</div>
</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(window).load(function() {
$('.slider')._TMS({
duration:1000,
easing:'easeOutQuint',
preset:'slideDown',
slideshow:7000,
banners:false,
pauseOnHover:true,
pagination:true,
pagNums:false
});
});
</script>

<!-- facebook follow badge -->
<script src='/js/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.label = 'become a fan';
tfb.color = 'transparent';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();

--></script>
<!-- end of facebook follow badge -->

<script type="text/javascript">
// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});
</script>


</body>
</html>


Danke für Eure Hilfehilfehilfe :-)
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 10:49

naja, ich seh gerade, dass das Ganze im IE einigermaßen funktioniert.
Nur im Firefox besteht das Problem weiterhin...
Das kommt davon, wenn man nur im Firefox arbeitet.

Hat jemand einen Lösungsvorschlag für mich?
Danke
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon Oliver.Kreischer » 31. Jan 2012, 11:02

Hi,

räum mal deine

http://www.tandemfliegenchiemgau.de/files/superfish.css

auf und dann sehen wir weiter :-)

Da ist eine Menge HTML Code drin der da nicht hingehört!

LG
Oliver
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
Benutzeravatar
Oliver.Kreischer
 
Beiträge: 1821
Registriert: 16. Dez 2004, 23:03
Wohnort: Feldafing

Re: Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 11:21

Hi,
hmm.. die hab ich so gedownloaded.
Wo finde ich denn den Code, der da auch wirklich nur reingehört? :-) :oops:
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon Oliver.Kreischer » 31. Jan 2012, 11:36

Das glaub ich nicht :-)
Sieht eher nach einen Copy & Paste Fehler aus..

Lösch einfach mal den HTML Kram aus der CSS Datei...

LG
Oliver
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
Benutzeravatar
Oliver.Kreischer
 
Beiträge: 1821
Registriert: 16. Dez 2004, 23:03
Wohnort: Feldafing

Re: Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 11:45

achso. vielleicht ein kleines Missverständnis:
meine superfish.css liegt unter folgender URL: http://tandemfliegenchiemgau.de/css/superfish.css
nicht unter /files/superfish.css.
Das hab ich im Template auch umgemappt....

Lg
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon Oliver.Kreischer » 31. Jan 2012, 13:26

Hi,


bau dir doch mal eine kleine statische Seite ohne Redaxo und guck ob do dort das menue zum laufen bekommst.

Wenn es dann funktinoert ist es ja relativ einfach das ins Redaxo zu übernehmen.

LG
Oliver
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
Benutzeravatar
Oliver.Kreischer
 
Beiträge: 1821
Registriert: 16. Dez 2004, 23:03
Wohnort: Feldafing

Re: Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 13:31

naja, das Menü funktioniert ja (zumindest im IE-Explorer) - leider nicht im Firefox.
Zudem ist das Menü im IE-Explorer noch an der falschen Stelle.
Ich glaub, da gibt es überschneidungen in CSS-Dateien. Kann das sein? Leider bin ich im Thema nicht so brutal drin wie so manch anderer hier... :?
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon Oliver.Kreischer » 31. Jan 2012, 13:58

Hi,

ich hab dann jetzt doch mal den IE gestartet um kurz zu gucken...

An deiner Stelle würde ich nochmal (fast) von vorne anfangen.
Es sind doch noch einige Fehler auf der Seite zu finden.

Nimm ein leeres Redaxo Template (HTML Grundgerüst) und füge dort nach und nach die einzelnen Elemente und CSS Angaben ein. Vielleicht fängst Du damit an die Navigation ins Grundgerüst einzubauen. Wenn das funktioniert kannst dunach und nach die fehlenden Sachen (JS usw..) einbauen..

Aber immer erst "mehr" einbauen wenn das vorherige auch funktioniert.

LG
Oliver
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
Benutzeravatar
Oliver.Kreischer
 
Beiträge: 1821
Registriert: 16. Dez 2004, 23:03
Wohnort: Feldafing

Re: Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 14:31

Oha... tu mir das nicht an... *heul*

Diese Seiten funktionieren ja auch
http://tandemfliegenchiemgau.de/team.html

Leider aber nur das Template, mir der Superfish-Navigation nicht... da muss es doch eine einfachere Lösung geben oder?

Wenn du dir diese Seite mal anschaust, dann soll genau da, wo jetzt der Befehl im Div is:
<?php print $navLeftCol; ?>

künftig die superfish-Navigation kommen.
Ist das so nicht durchführbar?

Dankeschön und Danke :D
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon Oliver.Kreischer » 31. Jan 2012, 14:48

Sorry, momentan komme ich nicht dazu. Vielleicht heute Abend...
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
Benutzeravatar
Oliver.Kreischer
 
Beiträge: 1821
Registriert: 16. Dez 2004, 23:03
Wohnort: Feldafing

Re: Navigation Superfish

Beitragvon super_fossi » 31. Jan 2012, 14:52

Vielen lieben Dank
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Re: Navigation Superfish

Beitragvon Ingo » 31. Jan 2012, 22:07

Mach mal aus deinem:
Code: Alles auswählen
<meta http-equiv="content-type" content="text/html;" charset=utf-8" />

das hier:
Code: Alles auswählen
<meta charset=utf-8" />


Dein Problem hat mir Redaxo nix zu tun, du hast einfach keine Ahnung von HTML, CSS und JS :mrgreen:
Um so wichtiger ist es, dass du fehlerfreies Markup produzierst:

http://validator.w3.org/ <- überprüft dein HTML
http://jigsaw.w3.org/css-validator/ <- überprüft dein CSS

Wenn du deinen Kram aufgeräumt hast funktionierts auch im Firefox, jede Wette.
Ingo
 
Beiträge: 290
Registriert: 23. Jun 2010, 23:34

Re: Navigation Superfish

Beitragvon Koala » 31. Jan 2012, 22:34

Superfish und seine Tücken und mögliche Lösungen wurde schon in anderen Beiträgen diskutiert.
Verwende bitte die Suche des Forums.
.
<?php print $Footer; ?>

Sven

Ich würde ja die Welt verändern,
doch der Quellcode ist mir zu absurd!


REX_DOKU :: REX_WIKI :: REX_FAQ :: REX_WIKIPEDIA
Benutzeravatar
Koala
 
Beiträge: 1529
Registriert: 3. Okt 2005, 12:20
Wohnort: Cottbus

Re: Navigation Superfish

Beitragvon super_fossi » 1. Feb 2012, 09:31

Danke für die Tipps,
dann mach ich mich nochmal an den Code ran.
Danke liebes Forum :)
super_fossi
 
Beiträge: 12
Registriert: 31. Jan 2012, 09:57

Nächste

Zurück zu Templates/Navigationen [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast