Frage zu cssplay.co.uk - Seite 2

ZynteX · #11 (**permalink**) 12.09.2008, 22:50

Zitat:

Zitat von IChao

Zeig doch deinen Versuch mal mithilfe eines Links auf deine Testseite. Und beschreib, was nicht geht.

Steht doch oben, was ich kopiert und eingebunden habe, aber das funktioniert nicht

paracelsus · #12 (**permalink**) 12.09.2008, 22:58

Was da steht ist nicht relevant, sondern was nicht geht. In welchem Browser funkt was genau nicht. Das ist nennt man Fehlerbeschreibung.

Ich glaube Du hast einen nicht ganz unerheblichen Teil des CSS nicht kopiert. Den Teil innerhalb des CC (Conditional Comment . der Teil für den IE 6) hast Du dort gelassen. Das ist schon mal nicht so gut ...

IChao · #13 (**permalink**) 12.09.2008, 23:01

Du möchtest, dass ich deine Code-Schnipsel hier herauskopiere, zu einer validen HTML/CSS-Seite zusammenfüge und darin dann deine Fehler suche. Danach soll ich die Seite in allen Browsern testen. Schließlich soll ich dir das Ergebnis hier vorstellen und dir die allgemeine und spezielle Vorgehensweise erklären, und wie man die Klippen umschifft.
Gib mir doch bitte gleich einen FTP-Zugriff auf deinen Server, dann richte ich es dir dort gern auch gleich ein, dein Menü.

ZynteX · #14 (**permalink**) 12.09.2008, 23:21

Habe jetzt einfach alles kopiert und per Ausschlussverfahren die unnützen Sachen rausgehauen

Die Seite habe ich jetzt mal hochgeladen :

**klick**

Bisher ist ja alles in einer einzigen HTML-Datei.

Aber es ist doch bestimmt möglich den CSS-Teil und das Menü in einer externen Datei auszulagern sodass ich das Menü nur einmal festlege, auf den anderen Seiten einbinde und es überall gleich ist, das wäre noch mein einzigstes Problem was ich habe

paracelsus · #15 (**permalink**) 12.09.2008, 23:29

Ging doch!

Wie Ingo schon mal treffend sagte: versuche es doch!

Denk dran, manche Dinge vom alten Stu sind ebenfalls schon alt (nach Webmaßstab) dieses Menü ist sicher vor 2006 geschrieben, da die 2. Version davon (MKII) aus besagtem Jahr stammt.

ZynteX · #16 (**permalink**) 12.09.2008, 23:33

Zitat:

Zitat von paracelsus

Ging doch!

Wie Ingo schon mal treffend sagte: versuche es doch!

Denk dran, manche Dinge vom alten Stu sind ebenfalls schon alt (nach Webmaßstab) dieses Menü ist sicher vor 2006 geschrieben, da die 2. Version davon (MKII) aus besagtem Jahr stammt.

Hm könnte es dadurch Probleme mit aktuelle Browsern kommen ?
Denn bisher habe ich nur von HTML Ahnung in CSS arbeite ich mich langsam aber sicher rein

Daher ja auch die Frage mit den externen Dateien

paracelsus · #17 (**permalink**) 12.09.2008, 23:43

Ich konnte bisher keine Probleme mit Stu´s Codes feststellen.
Nichts desto trotz wird hier eine verschachtelte Tabelle eingesetzt, die in einer Navigation nichts verloren hat - auch wenn es funkt. Es ist klar, das manche Borwser (IE6 Schrott) diese Tabellen brauchen, man findet aber auch auf CSS Play Menüs die Tabellen über CC nur für den IE6 einbinden. Das finde ich besser. Zum Beispiel Stu Nicholls | CSSplay | Validating drop down cross-browser menu und Stu Nicholls | CSSplay | A css only dropdown menu ind den beiden Folgevarianten Deines Menüs.

ZynteX · #18 (**permalink**) 12.09.2008, 23:57

Alles klar danke für den Hinweis, muss dann nur noch das Menü auslagern.

Ist das pberhaupt möglich mit HTML Befehlen ?

paracelsus · #19 (**permalink**) 13.09.2008, 00:00

Heute nicht mehr, vielleicht morgen ..
Inzwischen könntest Du über eine verbesserte Formulierung Deines Wunsches nachdenken, damit ich - so ich ausgeschlafen bin - verstehe was Du möchtest.

Gute Nacht

ZynteX · #20 (**permalink**) 13.09.2008, 01:19

Also das Menü ist ja auf der Page per :

Zitat:

<div class="menu">

<ul>
<li><a href="../menu/index.html">DEMOS</a>

<ul>

<li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars advertising page</a></li>

<li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text around images</a></li>
<li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
<li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
<li><a class="drop" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click with no borders</a>

<ul>

<li><a href="../menu/form.html" title="Styling forms">styled form</a></li>

<li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
<li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
</ul>

</li>
<li><a class="drop" href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a>


<ul>

<li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
<li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
<li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
</ul>

</li>

<li><a class="drop" href="../menu/old_master.html" title="Image Map for detailed information">image map for detailed information</a>


<ul>
<li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
<li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
<li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
</ul>


</li>

<li><a href="../menu/bodies.html" title="fun with background images">fun with background images</a></li>
<li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>
<li><a href="../menu/em_images.html" title="em size images compared">em image sizes compared</a></li>
</ul>

</li>
<li><a href="../boxes/index.html">BOXES</a>



<ul>
<li><a href="spies.html" title="a coded list of spies">a coded list of spies</a></li>
<li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li>
<li><a href="expand.html" title="an enlarging unordered list">enlarging unordered list</a></li>
<li><a href="enlarge.html" title="an unordered list with link images">link images</a></li>
<li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li>

<li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
<li><a href="circles.html" title="circular links">circular links</a></li>
</ul>

</li>
<li><a href="../mozilla/index.html">MOZILLA</a>

<ul>
<li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li>

<li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li>
<li><a href="../mozilla/content.html" title="Using content:">content:</a></li>
<li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li>
<li><a href="../mozilla/rainbow.html" title="I can build a rainbow">I can build a rainbow with transparent borders</a></li>
<li><a href="../mozilla/snooker.html" title="Snooker cue">a snooker cue using border art</a></li>
<li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li>

<li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li>
<li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li>
</ul>

</li>
<li><a href="../ie/index.html">EXPLORER</a></li>
<li><a href="../opacity/index.html">OPACITY</a>

<ul>

<li><a href="../opacity/colours.html" title="colour wheel">a colour wheel using opaque colours</a></li>
<li><a href="../opacity/picturemenu.html" title="a menu using opacity">a menu using opacity</a></li>
<li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li>
<li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li>
<li><a class="drop" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK</a>


<ul class="left">

<li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
<li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
<li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
</ul>

</li>

</ul>


</li>
</ul>
</div>

eingebunden.

Ich würde nun gerne wissen ob es möglich ist das Menü (den Code oben) in eine andere HTML-Datei zu packen und diese Datei (die dann nur das Menü enthält, mit den einzelnen Verlinkungen) auf allen anderen Seiten meiner Homepage einzubinden sodass ich das Menü immer nur in einer Datei ändere.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Frage zu einem Abstand, 2 Frage zu einem Bildwechsel (MouseOver)	moonsorrox	CSS	7	24.06.2011 08:31
XHTML 1.0 , 1.1, 1.2, 2.0 frage???	Altair_AC	(X)HTML	8	15.08.2009 13:49
Doctype Verständniss Frage	Midnight Run	(X)HTML	4	26.12.2008 03:16
Frage zu einem Gedanken (DIV positionieren)	charlie	CSS	1	06.09.2008 11:36
Frage zu "display:block;"	John	CSS	1	05.04.2005 16:58