NOF Umsteiger mit kleineren Problemen

    Hallo,


    so, nachdem ich nun heute die Vollversion von X5 gekauft habe kämpfe ich mit einigen Problemen die ich noch nicht weis wie sie unter X5 zu lösen / einzustellen sind.
    Als Vergleich möchte ich hier die Versionen verlinken die ich mit NOF erstellt habe und die 2. mit X5.


    NOF
    http://www.thais-fotomodel.visionbrasil.de/
    X5
    http://test.visionbrasil.de/


    Hierbei treten folgende Probleme auf:


    • Umlaute werden nicht dargestellt (in der Vorschau wird es mit Umlauten angezeigt, in allen Browsern und auf allen anderen Endgeräten ohne).
    • Obwohl ich unter Einstellungen den Google Font "dancing script" eingestellt habe (<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Merienda" rel="stylesheet">) und dieser bei der Auswahl der Schriftart im Textobjekt auch mit einem "TG" angezeigt wird, wird die Schriftart auf fremden PCs nicht angezeigt.
    • Ich möchte beim Text via CSS "line-hight" die Zeilenhöhe verkleinern, finde aber beim Textobjekt keine CSS Eigenschaften oder Editor. Am liebsten würde ich die CSS Eigenschaften direkt bei "Vorlagen" / "Seitentext" eingeben (so wie Schriftart und Farbe) - aber auch hier gibt es keinen CSS Editor.
    • Wie bekomme ich das Menü oben weg? Es handelt sich um eine einseitige Page ohne Menüs.
    • Warum ist ein so grosser Abstand zwischen der oberen Zeile (Bild / Text) und der Bildergalerie (zumindest auf PC und Tablet)? Ich habe in der Box keine Zeile dazwischen.


    Danke für eine Unterstützung
    Ralf

    Nur kurz Zeit !


    4. Man kann das Menü markieren oben (Häuschen) und auf "nicht sichtbar" schalten !


    5. Gib beim rechten Text-Objekt einen äußeren Rahmen "unten" beim Text-OBjekt von 5px !


    2. hast du jetzt EVO oder die PRO Version um die Googlefonts leichter einzubinden?


    3. Dazu musst du dir im Quellcode im Browser den Selektor suchen und diesen unter dem Haupteditor (SEo&Code Reiter "Erweitert" vor dem </HEad> Tag einfügen mit allen drum und dran.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

    Dein Problem mit den Umlauten kann ich nicht nachvollziehen. Auf all meinen Seiten werden die Umlaute dargestellt. Liegt es an der verwendeten Schriftart?


    Hab jetzt mal die Schrift runtergeladen, eingebunden und hochgeladen. Es funktioniert. Nehm den Google Code und binde ihn ein: <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">

    Likes sind die neue Währung...

    3 Mal editiert, zuletzt von michaelbogo ()

    @'Michael
    das ist ja genau der Code den ich unter Einstellungen / Googlefonts eingebunden habe. Wenn es nun bei dir geht ist das klar, du hast die Schrift ja nun auf deinem PC. Auf dem Gerät wo die Schrift installiert ist tut es bei mir auch. Nur auf allen anderen nicht.
    Bezüglich der Umlaute habe ich es auf einem PC Win7 mit FF und Chrome, auf Tablet Win10 mit Edge und Chrome und auf einem Android Smartfone probiert. Alle stellen den Umlaut bei "für" nicht dar.


    Habe gerade gesehen, dass auch im Quelltext im Browser alle Umlaute nicht dargestellt werden. Da muss was mit der Ausgabe nicht stimmen.
    Bei meinem NOF Project steht auch : <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    Bei X5 steht : <meta charset="utf-8" />
    Hat das damit zu tun? wo stellt man denn dies nun ein?


    @'Andy'


    2) Habe die Evo gekauft und den Googlefont ganz am Anfang (Start des Programmes) bei den Einstellungen eingebunden.
    4) finde ich nicht, weder bei den Vorlagen /Anpassen / Menüs noch sonst wo :-(
    5) nützt leider nix, weder 5 noch 10 noch 15 px
    3) OK, werde ich dann mal versuchen



    Aiiiaiiii das wird noch schwierig werden ............

    Aller Umstieg ist schwer, aber normalerweise ist WSX5 sehr leicht aufgebaut. Das blöde daran ist weil es viele Nutzer gibt die immer neue Dinge wollen und viele einstellungsmöglichkeiten, deshalb wird es immer schwieriger alles gleich zu finden.


    4) siehe Bild !
    5) dann dürfte es sich nicht mit dem Bild ausgehen oder du spielst mit den Rändern herum.
    2) HAst du auch im Text die Googleschriftart extra ausgewählt? (Und auch als Standardschriftart im Textstil?)

    Dateien

    • Menü.jpg

      (33,72 kB, 4 Mal heruntergeladen, zuletzt: )

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

    Der Code von mir kommt hier hin: 1-Einstellungen - Erweitert - Statistiken/SEO/Code - Erweitert - Vor dem Head Tag


    Hab auch aufm Android-Smartphone und noch viel Schlimmer aufm iPad getestet. (das Teil ist ne Bitch wenn es um Schriften geht.)
    Dort wird die Schrift auch optimal dargestellt.


    Vielleicht hast beim raus und reinkopieren auch nen Fehler mit reinkopiert. Manchmal hilft es das Text-Objekt zu löschen, Projekt speichern, Programm neu starten und ein neues/frisches Textobjekt einzufügen. Schreib dann mal ein paar Umlaute rein und teste ist, ohne vorher was anderes einzufügen.

    Andy du bist ein Schatz - Menü ist weg :-)


    zu allem anderen die Tage mehr. Sitze nun schon seit fast 3 Tagen vor dem PC um X5 zu verstehen. :sleeping:
    Werde für heute mal Schluss machen und die anderen "Problemchen" mit euren Tipps die Tage weiter bearbeiten


    Melde mich dann wieder
    Danke

    Hummm, dann hatte ich das wohl die letzten 15 Jahre falsch verstanden. Ich dachte die Webseite gibt dies durch den meta "charset" an ?!? So konnte ich dies auch bei NOF einstellen was in diesen Meta rein sollte. Bei meinem Anbieter (shell via confixx) wüsste ich jetzt gar nicht ob und wie man dies einstellen kann. Hatte ja auch nie Probleme die letzten 15 Jahre mit Umlauten. Mit .htaccess habe ich noch nie gearbeitet (ausser bei Umleitungen). Aber ich schau mal nach bei meinem Webspace.

    OK, wir kommen der Sache näher - dank eurer Hilfe :-)


    Die (Google) Schriftart und Umlaute habe ich nun hinbekommen - habe die Umlaute über htaccess gemacht, denn wenn ich es Serverseitig ändern würde wären ja auch all meine anderen mit NOF erstellten Seiten davon betroffen.


    Und .....an was es auch gelegen hat, an der Schriftart oder den Umlauten ...... der grosse Abstand nach unten ist nun auch weg.


    Dann wird es als nächste mal an die CSS Formatierung der Schrifthöhe gehen. Morgen dann mehr dazu.


    einen schönen Tag :-)

    Hallo, ich mal wieder .... ;-)


    also ich möchte an meinem schon bekannten Beispiel im Textobjekt nun die Zeilenhöhe (in px oder %) verändern.
    Dazu kann ich ja im Seo/Code vor/head die CSS Anweisung eingeben z.B so:


    HTML
    1. <style type="text/css">
    2. #Name {
    3. line-height: 10px;
    4. }
    5. </style>



    Nun die Preisfrage - woher bekomme ich den Namen dieses Textobjektes?


    Es gibt ja Class Namen und ID Namen welche entweder mit einem vorangestellten "#" oder "." bezeichnet werden. Woher weiss ich welches der beiden ich davon anwenden muss - leider habe ich das ganze System nie richtig verstanden - was der eigentlich Grund war warum ich von NOF zu X5 gewechselt habe. Dachte da muss ich weniger mit Code arbeiten :-(
    .....aber ich gebe nicht auf .....

    Du musst überhaupt nicht mit Code arbeiten wenn du nicht willst.


    Die Zeilenhöhen sind fix eingestellt und wurden in Anlehnung an Seo und Benutzerfreundlichkeit dahingehend optimiert. Es gab damals immer viele Themen bei jedem Versionswechsel wegen der Zeilenhöhe. Es gibt auch eine Antwort seitens ICM. Alle meckern erstmal am Anfang rum das es scheiße ist aber am Ende wird es hin genommen weil es einfach einfacher ist.


    Das wie herausfinden geht ganz einfach.
    Die ganzen Klassen und ID´s stehen in der CSS Datei der Seite dort siehst du alle die Klassen und ID´s welche die Schrift formatieren und kannst sie kopieren. Die jeweilige ID findest du z.B. im Firefox einfach mit Firebug heraus oder schaust im Quelltext.

    Du willst ja anscheinend auch immer das was nicht zur Verfügung steht einbauen. Es gibt gewisse Gründe wieso manche Word oder Textbearbeitungsfunktionen nicht eingebaut werden können in WSX5. Das hat aber die verschiedensten GRünde !


    Hier der Selektor von deine Textobjekt... #imTextObject_03

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

    @Andy
    also dies hier ist nur eine Testseite an der ich mal versuchen möchte was wie möglich ist.
    Ich habe in den letzten 10 Jahren so 2 mal pro Jahr Seiten erstellt. Wie ja bereits bekannt mit NOF. Fand das Programm auch sehr gut - bis dann responsiv "modern" wurde. Da war dann "Ende" bei NOF und man musste sich in den Code einarbeiten was ich seit einem Jahr versuche aber nie gelungen ist.
    Ich habe daher viel mit Tabellen und % Angaben gearbeitet - wo halt auch irgendwo Grenzen gesetzt sind. Siehe:
    http://www.viagem-de-moto.visionbrasil.com


    Und dann habe ich X5 mit seinem wirklich einfachen responsiv Möglichkeiten entdeckt.
    Und ja, ich möchte eine Seite schon gerne so gestalten wie ich es mir vorstelle.


    @zwoemti
    Also wenn ich das richtig verstehe, dann kann ich den Namen eines Objektes nur über den Quellcode finden ?!
    Die CSS Datei habe ich dann jetzt gefunden, die Werte dazu auch. Mercy.
    Ist dann wohl diese:
    http://test.visionbrasil.de/pc…0-3-22-636216341876876452


    Ok vielleicht jetzt noch eine Frage .......
    Wie verändere ich diese Werte?
    Die CSS Datei direkt mit einem Editor bearbeiten? Wird mir bei jeder Veröffentlichung überschrieben
    Die CSS Datei in X5 bearbeiten? Wo?
    Einen separaten Style Eintrag für dieses Objekt (wie oben beschrieben) im Seo Code vornehmen? Überschreibt dieser dann den Eintrag den X5 in der eigenen CSS Datei voreingestellt hat?

    Letzteres wäre es ! Nur musst du aufpassen, dass es diese Styleanweisung nicht schon hat (line-hight) denn sonst müsstest du immer !important hintenan setzen.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

    Nein geht ganz einfach mit Web Developer ich hatte mich verschrieben. Ist ein Plugin für Firefox damit kannst du objekt genau herausfinden.


    Ja die CSS Werte werden "überschrieben" dazu kannst du mal hier lesen. Ich denke das ist sehr verständlich.


    https://wiki.selfhtml.org/wiki/CSS/Kaskade


    Die css für die Startseite hast du ja herausgefunden.


    Die Werte schreibst du entweder in ein HTML Objekt ans Ende deiner Seite (das kann ansonsten leer sein und benötigt keine Höhe) oder über den Head der Seite mit dem <style> tag

    OK, Teilerfolg.
    Habe mal alle Möglichkeiten durchprobiert und den Kaskade Link gelesen.


    Wenn ich line-hight erhöhe - also höher als der Wet als in der index.CSS Datei eingestellt (egal im Head oder in einem HTML Objekt) dann wird dies auch im Browser so korrekt angezeigt). Ich habe es mal mit 100 px probiert


    Wenn ich aber line-hight verringere - also niedriger als der Wert der in der index.CSS Datei eingestellt (egal im Head oder in einem HTML Objekt) dann wird im Browser der in der IndexCSS Datei verwendeter Wert angezeigt - also so, als wenn ich keine Css Anweisung für dieses Objekt gemacht hätte). Ich habe es mal mit 5 px probiert. SONDERBAR
    Dabei macht es keinen Unterschied ob ich !importent gesetzt habe oder nicht.


    Nur wenn ich die eigentliche Index.css Datei direkt bearbeite, dann werden die Zeilen im Browser richtig angezeigt. Nur geht mir dies Veränderung ja bei jeder Veröffentlichung flöten.

    Das kommt glaube ich auf den FONT an was du eingestellt hast. Außerdem muss man die Prioritätenreihenfolge auch beachten.
    Priorität 3 ist "1" Seo&Code REiter "erweitert"
    Priorität 2 ist "3" Eigenschaften der Seite REiter "ERweitert"
    Priorität 1 ist "4" im HTML-Objekt im CSS Bereich.


    Ich verstehe aber nicht wieso man so auf diese eine Funktion erpicht ist, denn das ist eigenlich schon seit der V9 ein Schwachpunkt in WSX5 und wird aus gewissen Gründen nicht eingefügt.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

    Lieber Andy,
    ich verstehe ja das ich wahrscheinlich nerve, aber es geht mir um das prinzipielle Verständnis wie ich einen Text in X5 formatieren kann. Ich denke abgesehen von Bildern ist das Aussehen des Textes fundamental. Dazu gehören neben Grösse, Farbe, Schriftart und Fett oder Kursiv (was sich ja in X5 auch einstellen lässt) nun leider auch der Abstand zwischen den Zeilen, manchmal auch die Laufweite der Buchstaben. Es nutzt ja nix wenn (bei manchen Schriftarten) die Zeilen so weit auseinander sind dass ich nach 6 Zeilen schon den ganzen Bildschirm gefüllt habe, ein anderes mal war die Schriftart so eng, das man während des Lesens in der Zeile verrutscht ist.


    Manchmal ist es auch nur so, dass man links ein Bild daneben hat und nun müsste mann die Zeilenhöhe nur ein bisschen erhöhen damit der ganze Text bündig abschliesst. Ich könnte dir zig Anwendungsbeispiele nennen wo ich Laufweite oder Höhe ein wenig nach oben oder unten angepasst habe, und letztendlich gibt es ja im HTML oder CSS auch die Funktionen oder Eigenschaften line-height: bzw. letter-spacing:


    Am liebsten würde ich NOF (mit seiner hervorragenden Textformatierung) und X5 (mit seinem einfachen responsiven Möglichkeiten) verschmelzen.

    OK, jetzt habe ich es geschafft. Nicht das es später so aussehen soll, es geht mir nur um die Verdeutlichung was ich wollte.


    Ich habe festgestellt, das ich mit dem ganzen Textobjekt "#imTextObject_03_tab0" nicht weiterkomme. Dann habe ich die ".FSxx" gesehen die mit der Fontgrösse korrespondieren. Und mit "#imTextObject_03_tab0 .FSxx" hat es dann geklappt. Für jede Schriftgrösse halt ein eigenes.
    Sieht dann so aus:


    #imTextObject_03_tab0 .fs8 { line-height: 100%; }
    #imTextObject_03_tab0 .fs24 { line-height: 70%; }
    #imTextObject_03_tab0 .fs36 { line-height: 70%; }


    Jetzt würde es mich noch interessieren ob ich dies auch global machen kann. so dass ich nicht jedes Textobjekt einzeln neu CSS formatieren muss sondern Projektweit für alle Schriftgrössen gilt?




    neu-2.png