Ul-code Für Listen Wird Nicht Umgesetzt 
Author: Viola R.
Visited 2250,
Followers 2,
Shared 28
Hallo,
bei mir wird der UL-Tag nicht erkannt bei Eingabe im HTML-Code.
Hier ein Musterauszug:
<ul>
<li><a name="I1"></a><a href="eigene_rezepte_r1.html">Amerikaner (Grundrezept)</a></li>
<li><a name="I2"></a><a href="eigene_rezepte_r2.html">Blitz-Gemüseeintopf</a></li>
<li><a name="I3"></a><a href="eigene_rezepte_r3.html">Bunte Paprika mit Saurer Sahne</a></li>
</ul>
LG Viola
Posted on the
Author
Hab vergessen, meine Version anzugeben gestern, sorry.
Evolution 9.0.2.1699
Hallo Viola,
wir haben den beigefügten Code überprüft.
Der HTML-Code ist korrekt und zeigt den entsprechenden Linka an. Er zeigt allerdings nicht die Aufzählung an, da Sie keinen css Codel eingegeben haben.
Freundliche Grüße,
Noemi
Author
Hallo Noemi,
vielen Dank für Ihre Antwort. Dazu habe ich noch Fragen, weil ich HTML 5 noch nicht kenne:
Was für einen CSS Code meinen Sie?
Wo im Programm soll ich diesen Code dann eingeben, damit die Aufzählungszeichen sichtbar werden? Direkt im HTML Editor?
Hier mal der Link, wo Sie sich das Ganze dann online anschauen können:
http://saruna.de/saruna_test/eigene_rezepte.html
Der Code wurde mit von meiner Rezeptverwaltungsoftware (RezkonvSuite) erzeugt. Damit kann ich praktischerweise ausgewählte Rezepte für die Darstellung auf Webseiten oder -Blogs exportieren. Die einzelnen Rezepte-Seiten habe ich manuell hochgeladen, ebenfalls die auch durch das Programm erzeugte CSS-Datei.
Und zum Vergleich - so wird das Ganze derzeit auf meiner altern Homepage dargestellt:
http://www.saruna.de/Rezepte/eigene.html
Freundliche Grüße
Viola
Wie wäre es denn wenn man nicht einfach nur sagt das was fehlt sondern mal gleich den Ansatz bringen könnte!
Es ist ja nunmal nicht normal das es noch formatiert werden MUSS...
Folgendes:
<h4>Aufzählungsliste <ul> mit Darstellungstyp <i>disc</i></h4>
<ul style="list-style-type:disc">
<li>Probieren geht über Studieren</li>
<!--usw.-->
</ul>
<h4>Aufzählungsliste <ul> mit Darstellungstyp <i>circle</i></h4>
<ul style="list-style-type:circle">
<li>Probieren geht über Studieren</li>
<!--usw.-->
</ul>
<!--usw.-->
<h4>Nummerierte Liste <ol> mit Darstellungstyp <i>decimal</i></h4>
<ol style="list-style-type:decimal">
<li>Tagesordnung</li>
<!--usw.-->
</ol>
<h4>Nummerierte Liste <ol> mit Darstellungstyp <i>lower-roman</i></h4>
<ol style="list-style-type:lower-roman">
<li>Tagesordnung</li>
<!--usw.-->
</ol>
<!--usw.-->
Quelle: selfhtml
Was kommt raus? Nix was auch nur Ansatzweise mit dem Beispiel überein stimmt.
oder mal das
<ul style="list-style-type:square;">
<li>Erster Eintrag</li>
<li>Zweiter Eintrag</li>
</ul>
Author
Hallo,
ich warte immer noch auf eine Antwort. :)
Leider werden die Aufzählungszeichen nach wie vor nicht korrekt angezeigt.
Hier mal eine aktuelle Seite
http://www.saruna.de/eigene-rezepte.html
Was muss ich im HTML-noch eingeben, damit die Zeichen sichtbar werden? Zur CSS-Datei habe ich verlinkt.
Hallo Viola,
bitte entschuldige meine verzögerte Antwort.
Ohne eine zusätzliche CSS-Datei zu erstellen, ist es ausreichend den nachstehenden Code in das Text-Objekt einzufügen, um die Aufzählungszeichen korrekt anzuzeigen
<ul>
<li><a name="I1"></a><a href="eigene_rezepte_r1.html">Amerikaner (Grundrezept)</a></li>
<li><a name="I2"></a><a href="eigene_rezepte_r2.html">Blitz-Gemüseeintopf</a></li>
<li><a name="I3"></a><a href="eigene_rezepte_r3.html">Bunte Paprika mit Saurer Sahne</a></li>
</ul>
Aktivieren Sie anschließend das Symbol "HTML-Code aktivieren" (4.Symbol von rechts).
Freundliche Grüße,
Noemi
Wenn schon im Textobjekt, dann kann man sich das <ul> und <li> verkneifen:
<a name="I1"> </a>• Amerikaner (Grundrezept)
<a name="I2"> </a>• Blitz-Gemüseeintopf
<a name="I3"> </a>• Bunte Paprika mit Saurer Sahne
unterstrichene Verlinken mit dem Link-Symbol und HTML </> aktivieren.
Hier: http://www.x5forum.home-wiekau.de/forum_test4.php
Nee mal im Ernst man kann sich im Textobjekt ALLES verkneifen! Denn eine Liste kann man so erstellen und die Listenpunkte verlinken geht auch ohne eine Zeile Code....
Ich frage mich ernsthaft was die Antwort so lange gebraucht hat...um etwas zu erfahren was man schon weiß...
Das stimmt, außer
X5 hat ein Problem mit anderer Textfarbe (bei eigenen Aufzählungszeichen), die Listenpunkte bleiben schwarz....bei mir jedenfalls
Andersrum kann man andere Aufzählungszeichen auch setzen...
Author
Hallo Noemi,
ich habe den HTML-Code nicht in einem Text-Objekt eingegeben, sondern in einem HTML-Objekt, weil ich glaubte, dafür sei diese Funktion gedacht.
Der Hintergrund ist der:
Ich habe eine Rezeptverwaltung, die mir ausgewählte Rezepte als HTML-Dateien exportieren kann. Jedes Rezept ist eine einzelne HTML-Datei, die ich manuell auf meinen Webspace hochlade. Zu den Rezepten gibt es eine Liste wie auf dem o.g. Link zu sehen und eine CSS-Datei.
Daher bin ich den Umweg gegangen. Die Rezepteliste ist normalerweise auch eine eigene HTML-Seite. Da ich jedoch meine Rezepte auch in meine Webseiten einbinden möchte, habe ich mir in WSX5 eine neue Seite über die Sitemap eingefügt mit meinem HTML-Objekt und dort den entsprechenden Code aus der Ursprungsdatei eingefügt.
Aber die Aufzählungszeichen werden nie angezeigt.
Auch wenn ich folgendes in ein leeres HTML-Objekt eingebe:
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
sind in der Vorschau keine Aufzählungszeichen sichtbar. Das finde ich nicht normal, und ich habe auch extra bei HTML 5 geschaut - da sind die Tags noch vertreten.
Aufgrund des reinen Test-Codes vermute ich einen Bug.
Ich hoffe, ich konnte mein Anliegen jetzt deutlicher darstellen.
Eine Dankeschön auch an Zwoemti und Little-key.
Liebe Grüße
Viola
Das hört sich danach an, als ob das Problem bei Inco bekannt ist, deshalb
Zitat:
Ohne eine zusätzliche CSS-Datei zu erstellen, ist es ausreichend den nachstehenden Code in das Text-Objekt einzufügen, um die Aufzählungszeichen korrekt anzuzeigen
Wie ein Wink mit dem Zaunpfahl...
Author
Ok, ich finde die fehlenden Pünktchen jetzt nicht so supereilig oder dringend.
Aber ich hoffe doch, dass die Entwickler von Incomedia sich diesen Punkt auf ihrer ToDo-Liste notiert haben und ihn in absehbarer Zeit lösen.
Derzeit modle ich mir das halt so um, dass ich den Komfort meiner Rezepteverwaltung auch in Verbindung mit WSX5 nutzen kann. Ich wollte ja nur noch mal erinnern, dass der Punkt noch offen ist. :)
@ Little-Key:
es ist immer wieder interessant, wie meine Antworten ausgelegt werden ;o)
@ Viola:
Ich hätte mich genauer ausdrücken müssen:
1. Sie haben mehrere Möglichkeiten, die Aufzählliste der Rezepte einzufügen:
a) wie in meinem letzten Kommentar beschrieben, über das Text-Objekt und der Verwendung des Symbols "HTML-Code aktivieren" ", um den HTML-Code zu nutzen
b) wie von "Der Zwoemti" beschrieben, über das Text-Objekt, der zu Hilfenahme der vorgegebenen Aufzählungsliste und die Verlinkung der Rezeptnamen mit der entsprechenden Beschreibung
c) wie in meinem ersten Kommentar beschrieben, haben Sie die Möglichkeit den o.g. HTML-Code in das Objekt "HTML und Widgets" eingeben. Dabei werden aber die Aufzählungspunkte nicht wiedergegeben. Die Einstellung im Porgramm des Reset CSS-Datei wurde bewusst gewählt. Es handelt sich dabei also um keinen Bug!
Der Grund dafür ist: Verschiedene Browser haben verschiedene Grundeinstellungen, wenn es um das Deuten von nicht veränderten Eigenschaften diverser Elemente geht. Voreinstellungen der Browser werden durch die reset.css im Vorfeld abgefangen!
Entscheiden Sie sich dennoch für Punkt c) müssen Sie den nachstehenden fettgedruckten Code zusätzlich einfügen. Ersetzen Sie <ul> mit
<style type="text/css">
ul#my_list { list-style: disc; }
ul#my_list li { list-style: disc; margin-left: 20px; }
</style>
<ul id="my_list">
<li><a name="I1"></a><a href="eigene_rezepte_r1.html">Amerikaner (Grundrezept)</a></li>
<li><a name="I2"></a><a href="eigene_rezepte_r2.html">Blitz-Gemüseeintopf</a></li>
<li><a name="I3"></a><a href="eigene_rezepte_r3.html">Bunte Paprika mit Saurer Sahne</a></li>
</ul>
DerPixelwert (20px) gibt die Distanz des Aufzählungspunktes vom Titel an und kann individuelle geändert werden.
Freundliche Grüße,
Noemi
Author
Hallo Noemi,
ich habe mich für Punkt c) entschieden, weil diese Lösung für meine vorgefertigten Rezeptdateien besser geeignet ist. Und es hat geklappt. :)
Habe es gleich auf all den betroffenen Seiten ergänzt.
Von einer Reset CSS, die Dinge in WSX5 abfängt, höre ich zum allerersten Mal, aber dann weiß ich für die Zukunft Bescheid. Daher habe ich mir den Code-Schnipsel als Textbaustein gespeichert für künftige Rezeptelisten.
Vielen Dank und ein schönes Wochenende
Liebe Grüße
Viola
... dann pack das auch richtig in den CSS-Bereich:
ul#my_list { list-style: disc; }
ul#my_list li { list-style: disc; margin-left: 20px; }
und das wäre auch korrekter:
<a name="I1"> </a>
und das hätte ich erst recht raus geschmissen, oder Du willst es so:
<br> <br> <span class="small">generiert am 22.12.2011 von / created on 12/22/2011 by / RezkonvSuite v1.4 =></span> <a class="small" href="http://www.rezkonv.de" target="_blank">www.rezkonv.de</a> <!-- Eigene Rezepte: END -->
Author
Du meinst jetzt anstelle des <UL>-Code-Schnipsels im HTML-Objekt?
Wäre natürlich eleganter, wenn das klappt. :)
Stimmt, der letzte Teil ist ein Mischmasch aus erzeugtem Code und meiner Verschlimmbesserung, weil die CSS nicht bei allen Tags griff. Nun weiß ich ja auch, warum. Lässt sich bei entsprechender Kenntnis sicher besser und korrekter lösen, aber die fehlt mir ja inzwischen leider.
Hast du einen Vorschlag?
Nein, Deine Aufzählung ist ja so wie Du sie haben möchtest, nur Du hast diesen Style-Eintrag mit dort drin, stimmst (im HTML-Objekt):
<style type="text/css">
ul#my_list { list-style: disc; }
ul#my_list li { list-style: disc; margin-left: 20px; }
</style>
Nimm dieses raus, gehe oben gleich auf "Erweitert" und trage in den Bereich CSS nur das ein:
ul#my_list { list-style: disc; }
ul#my_list li { list-style: disc; margin-left: 20px; }
dann wäre es korrekt, auch wenns so funktioniert...
Das letztgenannte ist ja nur ein Link dahin, wo Du generieren lässt. Warum willst Du Deine User auf andere Seiten schicken, die sollen doch bei Dir verweilen. Musst nicht. Wenn dann komplett weg.
Und die Class "small" ist ja sowieso nicht definiert.
Das nbsp; kommt nur dazwischen, dann schimpft der Validator nicht so doll mit Dir, ist fachlich korrekter.
Letztendlich bleibt nur noch das übrig im HTML-Objekt:
<ul id="my_list">
<li>
<a name="I1">nbsp;</a><a href="eigene_rezepte_r1.html">Cordulas Käsekuchen</a>
</li> <li>
<a name="I2">nbsp;</a><a href="eigene_rezepte_r2.html">Amerikaner (Grundrezept)</a>
</li> <li>
<a name="I3">nbsp;</a><a href="eigene_rezepte_r3.html">Spaghetti Funghi auf die Schnelle</a>
</li> <li>
<a name="I4">nbsp;</a><a href="eigene_rezepte_r4.html">Spaghetti Carbonara alla Mio</a>
</li> <li>
<a name="I5">nbsp;</a><a href="eigene_rezepte_r5.html">Schneller Nudelauflauf</a>
</li><li>
<a name="I6">nbsp;</a><a href="eigene_rezepte_r6.html">Schnelle Lasagne</a>
</li> <li>
<a name="I7">nbsp;</a><a href="eigene_rezepte_r7.html">Bunte Paprika mit Saurer Sahne</a>
</li> <li>
<a name="I8"></a><a href="eigene_rezepte_r8.html">Obstsalat mit Käsewürfeln</a>
</li> <li>
<a name="I9">nbsp;</a><a href="eigene_rezepte_r9.html">Nudelsalat mit Paprika</a>
</li> <li>
<a name="I10">nbsp;</a><a href="eigene_rezepte_r10.html">Nudel-Gemüse-Pfanne</a>
</li> <li>
<a name="I11">nbsp;</a><a href="eigene_rezepte_r11.html">Sarunas Muffins-Grundrezept</a>
</li> <li>
<a name="I12">nbsp;</a><a href="eigene_rezepte_r12.html">Lasagne mit Bechamel</a>
</li> <li><a name="I13">nbsp;</a><a href="eigene_rezepte_r13.html">Kartoffelgratin mit Käse</a>
</li> <li>
<a name="I14">nbsp;</a><a href="eigene_rezepte_r14.html">Blitz-Gemüseeintopf</a>
</li> </ul>
Also Code hier posten kann krank machen...
Author
Danke dir Little-key. Werde ich mal alles ergänzen.
Ja, das Band für den Text ist wirklich wie ein schmales Handtuch. ;)
Na, ich habe die Hoffnung, dass an dem Rezeptverwaltungsprogramm irgendwann mal weitergearbeitet und das dann anders geregelt sein wird. Müsste mal den Autor fragen, ob das irgendwann auf HTML 5 angepasst wird.
Author
Irgendetwas stimmt damit leider nicht. Gucke dir mal jetzt die Rezepte-Seite an.
Das steht im HTML-Objekt
<!-- Eigene Rezepte: START -->
<h2 class="index">Inhaltsverzeichnis (14 Rezepte)</h2>
<br>
<style type="text/css">
ul#my_list { list-style: disc; }
ul#my_list li { list-style: disc; margin-left: 20px; }
</style>
<ul id="my_list">
<li><a name="I1">nbsp;</a><a href="eigene_rezepte_r1.html">Cordulas Käsekuchen</a></li>
<li><a name="I2">nbsp;</a><a href="eigene_rezepte_r2.html">Amerikaner (Grundrezept)</a></li>
<li><a name="I3">nbsp;</a><a href="eigene_rezepte_r3.html">Spaghetti Funghi auf die Schnelle</a></li>
<li><a name="I4">nbsp;</a><a href="eigene_rezepte_r4.html">Spaghetti Carbonara alla Mio</a></li>
<li><a name="I5">nbsp;</a><a href="eigene_rezepte_r5.html">Schneller Nudelauflauf</a></li>
<li><a name="I6">nbsp;</a><a href="eigene_rezepte_r6.html">Schnelle Lasagne</a></li>
<li><a name="I7">nbsp;</a><a href="eigene_rezepte_r7.html">Bunte Paprika mit Saurer Sahne</a></li>
<li><a name="I8">nbsp;</a><a href="eigene_rezepte_r8.html">Obstsalat mit Käsewürfeln</a></li>
<li><a name="I9">nbsp;</a><a href="eigene_rezepte_r9.html">Nudelsalat mit Paprika</a></li>
<li><a name="I10">nbsp;</a><a href="eigene_rezepte_r10.html">Nudel-Gemüse-Pfanne</a></li>
<li><a name="I11">nbsp;</a><a href="eigene_rezepte_r11.html">Sarunas Muffins-Grundrezept</a></li>
<li><a name="I12">nbsp;</a><a href="eigene_rezepte_r12.html">Lasagne mit Bechamel</a></li>
<li><a name="I13">nbsp;</a><a href="eigene_rezepte_r13.html">Kartoffelgratin mit Käse</a></li>
<li><a name="I14">nbsp;</a><a href="eigene_rezepte_r14.html">Blitz-Gemüseeintopf</a></li>
</ul>
<br>
<br>
<span class="small">generiert am 22.12.2011 von / created on 12/22/2011 by / RezkonvSuite v1.4 =></span> <a class="small" href="http://www.rezkonv.de" target="_blank">www.rezkonv.de</a>
<!-- Eigene Rezepte: END -->
Im Registertab CSS habe ich den Code eingefügt, den ich aus deinem Beitrag kopiert habe.
Weißt du, wo der Fehler steckt? Ansonsten lösche ich das Ganze morgen wieder. Schade, die ganze Arbeit umsonst.