Hi zusammen,
nachdem ich mir ein Menü-Script aus dem Netz gezogen
und kräftig daran rumgebast habe, musste ich feststellen,
das der IE mir das Menü total verreist.
Bevor ich es ins Forum eingebettet hatte, ging es noch.
Der Fehler muss irgendwo in den eingefügen Zeilen
meines tmpl. Header sein.
Ansicht Firefox (V.11.0)
[
attachment=7618]
Ansicht IE (V. 9)
[
attachment=7619]
Hoffe aus Hilfe....
Schaden ist unter:
Link zu begutachten
In meinem FF sieht es aber auch nicht besser aus...
Wo hast Du das Menü-Script denn her? Vielleicht ist es veraltet?
Es handelt sich um
DIESES hier.
Sieht es bei Dir mit dem FF anders aus als auf dem Bild ?
Habe mir mal Deinen Quelltext angesehen und muss sagen, da sind wirklich ein paar komische Dinge drin. So definierst Du z.B. ein CSS-Stylesheet vor dem Doctype. Den Bereich <html> hast Du zweimal enthalten usw. usf.
Das alles kann durchaus dazu führen, dass Browser die Seite nicht richtig darstellen können, ganz abgesehen von Deinem neuen Menü. An Deiner Stelle würde ich erst einmal diese Dinge i.O. bringen und dann kannst Du es mit dem Menü ja noch einmal probieren.
ich habs mal zurückgeschraubt und werde mal sehen, das
überhaupt die Basics stimmen.
Dank Dir !!
Hallo, wenn Du alles wieder so hinbekommen hast wie es Jockl dir empfohlen hat, kannst du dieses bei dir testen. Habs bei mir Local getestet und kann daher es nicht mit 100% iger Gewissheit sagen obs auch bei Dir geht.
Als erstes den Inhalt des "js" Ordners (jquery.js ; modernizr.js ; modernizr.js) in den Order "jscripts" deines Roots hinein kopieren.
Als zweites den Ordner samt Inhalt "css" und ebenso den Ordner samt Inhalt "fallback" auf Deinen Root hochladen.
Gehe in dein "Templates ---> Dein Design ---> Templates ohne Gruppe ---> headerinclude" und füge dieses ein.
PHP-Code:
<link rel="stylesheet" href="{$mybb->settings['bburl']}/css/nav.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/modernizr.js"></script>
<script>
var el = document.getElementsByTagName("body")[0];
el.className = "";
</script>
<noscript>
<!--[if IE]>
<link rel="stylesheet" href="{$mybb->settings['bburl']}/css/ie.css">
<![endif]-->
</noscript>
Weiter gehts damit: gehe zu "---> Seitenkopf Templates ---> header"
in der ersten Zeile zu finden dies
ersetzen mit
PHP-Code:
<div id="container" class="no-js">
Nun kommt es darauf an wie Dein Design aufgebaut ist und wo die Navigation anfängt.
Suche deine bisherige Navigation und ersätze sie mit diesem Code.
PHP-Code:
<nav id="topNav">
<ul>
<li><a href="{$mybb->settings['bburl']}/index.php" title="Forum">Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew" title="View the latest posts">{$lang->welcome_newposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" title="See a list of our members">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php" title="Browse our Calendar">{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Read various FAQs and get information on different parts of the board">{$lang->toplinks_help}</a></li>
<li><a href="#" title="Nav Link 1">Nav Link 2 test</a>
<ul>
<li><a href="#" title="Sub Nav Link 1">Sub Nav Link 1</a></li>
<li><a href="#" title="Sub Nav Link 2">Sub Nav Link 2</a></li>
<li><a href="#" title="Sub Nav Link 3">Sub Nav Link 3</a></li>
<li><a href="#" title="Sub Nav Link 4">Sub Nav Link 4</a></li>
<li class="last"><a href="#" title="Sub Nav Link 5">Sub Nav Link 5</a></li>
</ul>
</li>
</ul>
</nav>
Hierbei musst Du allerdings Deine Links wieder einfügen und die im Beispiel ersetzen.
Habe das Dropdown bewusst im Code gelassen, damit ersichtlich ist wie es Funktioniert und Aufgebaut ist.
Das wars, hoffe ich hab nichts vergessen
.
Hi Mr.
vielen Dank für die ausführliche Anleitung.
Werde mich morgen Abend mal hinsetzen... jetzt habe ich
keinen Kopf mehr dafür.
Werde auf jeden Fall danach mein Feedback einbringen.
Gut, bin gespannt obs funzt.
Habe es nun mal auf mehrere Arten probiert.
Da mein Style auf die "Default-Templates" hinweist,
habe ich es mit meinem Theme & einmal mit
Default probiert.
Das Ergebnis war eigentlich immer das selbe.
Aber ich denke, das ich zuvor noch gewaltig an
den Basic´s weiterschrauben muss.
Werde mich dann danach wieder dem Thema
widmen.....
So sah es danach aus:
FF:
[
attachment=7625]
IE:
[
attachment=7626]
Danke Euch !!
Die Menüs sehen jetzt aus, wie wenn die CSS-Zuweisungen fehlen würden.
Aber wie schon geschrieben, solltest Du zunächst Deine Templates bzgl. der (X)HTML-Standards durchforsten und korrigieren.
Auf Deiner aktuellen Seite hast Du z.B. in Deinem Menü einen schließenden ul-Tag (</ul>), bei dem aber der öffnende Tag fehlt.
Als Zeilenumbrüche nutzt Du "<br></br>". Der Zeilenumbruch lautet entweder "<br>" (HTML) oder "<br />" (XHTML).
Dann wird Dein body-Tag nicht geschlossen. Da fehlt ein ">".
Dann hast Du ein </div>-Tag, das den container mitten in der Seite einfach schließt. Und so geht das munter weiter...
Unter
http://validator.w3.org/ erscheinen auf Deiner Seite etwa 179 Fehlermeldungen. Dagegen sind die 8 Fehler unter
http://jigsaw.w3.org/css-validator/ fast schon zu vernachlässigen.