[gelöst] einfügen eines CSS-Menüs in overall_header

[niwes]

Hallo liebe Community

ich kämpfe seit geraumer Zeit mit einem Problem da HTML & PHP mir mittlerweile geläufig sind, geht es damit in letzter Zeit gut voran
allerdings ziehe ich meinen Hut vor CSS ....

ich habe jetzt folgendes Problem ich habe ein CSS Menü (eingefügt in die overall_header)
und habe es darin verlinkt mit einer css datei namens menu.css im /theme ordner....

soweit so gut das Ergebnis seht ihr hier http://ww.reservoirdogs.biz/
wie ihr seht auf dem Standard-Style und dem hellenStyle stimmt die Position des Menüs allerdings ist die schrift nun zu Gross
(das macht das Forum erst nachdem ich die menu.css in der overall_header verlinke) und beim DunklenStyle ist das untere ende nach unten gerutscht...

Ich habe den Hellen Style nur hinzugefügt um die Unterschiede zu sehen obwohl beide die gleiche Prosilver Template ansteuern!

das Standart style soll das dunkle bleiben, wenn das funktioniert baue ich darauf weiter auf...

so nun einmal zu dem Code in der overall_header
(die Codes habe ich mir mit Tools und kleiner schnipsel Arbeit aus dem Inet zusammen gebaut also verspottet mich nicht gleich )
der Code sitzt kurz nach

Code: Alles auswählen

			<div id="site-description">

Code: Alles auswählen

										<div id="tabs10">
		<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/menu.css" />
                <ul>
                                <!-- CSS Tabs -->
<li id="current"><a /chat.php"><span>Chat</span></a></li>
<li><a href="/gallery/index.php"><span>Galerie</span></a></li>
<li><a href="/downloads.php"><span>Downloads</span></a></li>
<li><a href="/shop.php?mode=cat"><span>D$ Shop</span></a></li>
<li><a href="/hangman.php"><span>Hangman</span></a></li>
<li><a href="/arcade.php"><span>Spielhalle</span></a></li>
<li><a href="/zocker_spieler.php"><span>Spielestatistiken</span></a></li>
<li><a href="/tour.php"><span>Turnier &Uuml;bersicht</span></a></li>
                        </ul>
		</div>

und wie ich schon sagte nur wenn ich das

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/menu.css" />

einfüge verschiebt sich das ganze und die Größe der Schrift ändert sich (nur beim dunklem Style ..bei dem Hellen bleibt der Style ständig so )

hoffentlich war das nicht zu detailliert erklärt , ich bin jetzt erst einmal Arbeiten und lasse euch den Vortritt

ich denke das ich auf dem richtigen weg bin allerdings fehlt mir irgendwie der richtige Ansatz dazu

[redbull254]

Hallo erstmal,
wenn ich das richtig sehe basiert Dein Style auf „prosilver“.

und wie ich schon sagte nur wenn ich das

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/menu.css" />

einfüge verschiebt sich das ganze und die Größe der Schrift ändert sich (nur beim dunklem Style ..bei dem Hellen bleibt der Style ständig so )

Schau Dir einmal die „stylesheet.css“ an.
Alle dort eingetragenen xxx.css Dateien werden immer aufgerufen. Wenn Du Deine CSS-Datei dort mit angibst bist Du das „Gehampel“ in der „overall_header.html“ automatisch los.

[niwes]

leider nicht ....

hatte ich noch vergessen zu erwähnen ,das komplette Style basiert auf Prosilver, in die stylesheet habe ich es natürlich auch eingetragen und auf die menu.css hingewiesen allerdings ohne Erfolg.
(themes/template/cache ect wurden aktualisiert)

ich dachte bislang das ich irgendein Code vergessen habe der das ganze abschließt in der OverallHeader

kann es sein das aus den verschiedene styles die ich dort verwendet habe irgend eine Info über die Schrift Art und Größe mit rübergerutscht ist?
ich habe soweit ich konnte alles überprüft allerdings ohne Erfolg bislang

[redbull254]

Kann das Problem nicht nachvollziehen. Ich binde meine eigenen CSS-Dateien immer so ein.

[Talk19zehn]

Hello niwes,

dein QT gibt zur Zeit jene Anweisung für das Menü wieder:

Code: Alles auswählen

		<div id="tabs10">
		<link rel="stylesheet" type="text/css" href="./styles/ReservoirDark/theme/menu.css" />
                <ul>
                                <!-- CSS Tabs -->

<li id="current"><a href="javascript:NewWindow('http://www.reservoirdogs.biz/ReservoirChat/chat.php','mypopup','910','670','center','front');"><span>Chat</span></a></li>
<li><a href="/gallery/index.php"><span>Galerie</span></a></li>
<li><a href="/downloads.php"><span>Downloads</span></a></li>
<li><a href="/shop.php?mode=cat"><span>D$ Shop</span></a></li>
<li><a href="/hangman.php"><span>Hangman</span></a></li>
<li><a href="/arcade.php"><span>Spielhalle</span></a></li>
<li><a href="/zocker_spieler.php"><span>Spielestatistiken</span></a></li>
<li><a href="/tour.php"><span>Turnier &Uuml;bersicht</span></a></li>

                        </ul>
		</div>

Hiermit

Code: Alles auswählen

<div id="tabs10">

und

Code: Alles auswählen

id="current"><

wird das Tabmenü bereits zugewiesen, sofern du diese bspw. in der common.css eingetragen und deklariert hast.

Das hier:

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="./styles/ReservoirDark/theme/menu.css" />

ist m.E. unnötig, wie der vorherige Tipp bereits erwähnte und gehörte m.E. in den Headbereich, wenn überhaupt. Denn du hast die ID bereits an anderer Stelle, nämlich in der styleshett.css, wie du sagst, aufgenommen Im weistesten Sinne wäre eine "formate.css" erforderlich, die es in der Form in deinem Falle jedoch gar nicht gibt?

Und in der allgemeinen stylesheet.css ( Prosilver ) wäre ein Eintrag ebenso nicht nötig, wenn du die Deklarationen der "ID" in der Common.css einträgst. Im Grunde füge die "ID" darum bspw. nur in der common.css hinzu.

ich dachte bislang das ich irgendein Code vergessen habe der das ganze abschließt in der OverallHeader

Das kann zutreffend sein, da mir nicht geschlossene Divs angezeigt werden.

Oder es fehlt im Anschluss der ggf. gefloateten Elemente ein

Code: Alles auswählen

<div style="clear: both;"></div>

Prinzipiell hat Prosilver im weitesten Sinne jedoch bereits ein "Hover-Menü" (tabs) . Ggf. sind IDs oder Klassen mehrfach erfasst, die sich miteinander nicht nutzen lassen, gar aufheben, ergänzen ?


Viele Grüße

[niwes]

ok danke nochmal für die antworten
werde mal eine neue overall_header und meine vergleichen und gegeben falls anpassen vielleicht finde ich ja so den Fehler

nicht geschlossene Divs

damit habe ich es auch nicht so da ich immer noch die gleiche overall_header benütze wie am anfang (natürlich weiter entwickelt ) ...
damals hatte ich die html Dateien mit nvu bearbeitet (da man das Resultat damit gleich sehen kann)
aber wenn ich damit die Forums HTML Dateien bearbeite geht danach gar nichts mehr

[Tetischere]

Hallo
versuche es mal mit Notepad++

[niwes]

damals hatte ich die html Dateien mit nvu bearbeitet

ich meinte damit vor vielen vielen Monden

natürlich ist Notepad++ das HTML bearbeitungs-Werkzeug schlechthin hin allerdings ohne voschau ...
is eher wie die Matrix man sieht die Codierung mit Hilfe

[niwes]

ich habe jetzt die overall_header bearbeitet allerdings kommt nach dem temp.Aktualisieren eine Cache Fehlermeldung

bringt es jemanden was wenn ich die beiden oder eine overall_header in Pastebin poste um mal diese Datei etwas sauberer hinzu bekommen?

[Talk19zehn]

Also mir wird deine Seite richtiger als zuvor im IE und FF angezeigt...

Code: Alles auswählen

<div id="tabs10">
                <ul>
                                <!-- CSS Tabs -->
<li id="current"><a href="javascript:NewWindow('http://www.reservoirdogs.biz/ReservoirChat/chat.php','mypopup','910','670','center','front');"><span>Chat</span></a></li>

<li><a href="/gallery/index.php"><span>Galerie</span></a></li>
<li><a href="/blog.php"><span>Blogs</span></a></li>
<li><a href="/blog.php?u=2"><span>Mein Blog</span></a></li>
<li><a href="/downloads.php"><span>Downloads</span></a></li>
<li><a href="/shop.php?mode=cat"><span>D$ Shop</span></a></li>
<li><a href="/hangman.php"><span>Hangman</span></a><img src="./styles/ReservoirDark/theme/images/icon_hangman.gif" /></li>
<li><a href="/arcade.php"><span>Spielhalle</span></a></li>
<li><a href="/zocker_spieler.php"><span>Spielestatistiken</span></a></li>
<li><a href="/tour.php"><span>Turnier &Uuml;bersicht</span></a></li>

                        </ul>
		</div>

Was passiert, wenn Du den Eintrag im Anschluss um

Code: Alles auswählen

<div style="clear: both;"></div> 

ergänzt?

Code: Alles auswählen

<!-- CSS Tabs -->
<div id="tabs10">
<ul>
<li id="current"><a href="javascript:NewWindow('http://www.reservoirdogs.biz/ReservoirChat/chat.php','mypopup','910','670','center','front');"><span>Chat</span></a></li>
<li><a href="/gallery/index.php"><span>Galerie</span></a></li>
<li><a href="/blog.php"><span>Blogs</span></a></li>
<li><a href="/blog.php?u=2"><span>Mein Blog</span></a></li>
<li><a href="/downloads.php"><span>Downloads</span></a></li>
<li><a href="/shop.php?mode=cat"><span>D$ Shop</span></a></li>
<li><a href="/hangman.php"><span>Hangman</span></a><img src="./styles/ReservoirDark/theme/images/icon_hangman.gif" /></li>
<li><a href="/arcade.php"><span>Spielhalle</span></a></li>
<li><a href="/zocker_spieler.php"><span>Spielestatistiken</span></a></li>
<li><a href="/tour.php"><span>Turnier &Uuml;bersicht</span></a></li>
</ul>
</div>
<div style="clear: both;"></div>
<br / >

Dann müsste man m.E. nur noch herausfinden, warum die Button fehlen bzw. der Hovereffekt fehlt?