schorschilia`s Fragestunde zu Allgemeinem.

Allgemeine Fragen zu nPage

Moderatoren: moni, HTML-Laie

Benutzeravatar
schorschilia
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 94
Registriert: So 20. Mai 2018, 07:56
Mein Vorname: Jörg

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon schorschilia » Do 24. Jan 2019, 17:34

Monika.....

moni hat geschrieben:
du hast ein andren Code verwendet als mein ;)


...das ist richtig. Zur Zeit (Testseite KO SAMUI) steht der Code (HTML) welchen ich Schritt mit Hilfe von Hape erstellt habe.https://myeyesmythailand.hpage.com/ko--samui.html

Mein Link mit http://quirktools.com/screenfly/
sieht so aus https://show.picr.de/34909520no.jpg.html
bei dir offenbar https://abload.de/img/img_1716unkwc.png

Monika; ich habe jetzt eine 2te Testseite erstellt. KO SAMUI 2 (beide stehen direkt untereinander)

Dort mit deinem Code - https://myeyesmythailand.hpage.com/ko--samui-2.html
Mein Link mit http://quirktools.com/screenfly/
sieht so aus https://show.picr.de/34911227hg.jpg.html

Jooooo, sieht a bisserl anders aus. Bild
Wobei die Bilder in der Breite nicht mehr dem ursprünglichen Verhältnis entsprechen.( gut zu erkennen an der Schrift auf der Landkarte.) auch der Zeilenanfang ist nicht so wie gewünscht.


...habe jetzt noch eine 3te Testseite ( KO SAMUI 3) erstellt.So sollte der Zeilenanfang sein, auch Bildverhältnisse stimmen., https://myeyesmythailand.hpage.com/ko-samui---3.html
aber auch da.....
......das wird nix mit Smartphone.

Ohne HTML Kenntnise wird das NIE Smartphone kompatibel. :x

Benutzeravatar
moni
Moderator
Moderator
Beiträge: 7855
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon moni » Fr 25. Jan 2019, 21:19

hallo Jörg

Deine Links habe ich schon früher zur Kenntnis genommen, als du jemandem etwas erklärt hast. Dies interessiert mich auf jeden Fall. Der Link ist abgespeichert und sobald ich mich damit befasse, werde ich mich gerne noch einmal melden wenn ich es nicht kapieren sollte. Ich denke „step by step“ ist ev. besser, und alles zu seiner Zeit.


bei Interesse und Problemen kann gern helfen !

Dass meine Homepage nicht der Norm entspricht, welche es benötigt um auf dem Smartphone zu konsumieren, sehe ich auch ein. Habe mich bisher nicht damit befasst.


wen deine alle Seiten die vorlagen von hpage haben , und auch dazu auf mobil umgeschaltet sind da sind sie auf alle Fälle Responisv

Aber offenbar sind nicht alle Smartphones gleich……

moni hat geschrieben:
in dein Fall die breiten sind zwar ok aber ist leider alles verzogen und sieht verschwommen aus !

https://abload.de/img/img_171525ktf.png


mein Link
https://show.picr.de/34909520no.jpg.html


schau dir bitte die Seiten direkt auf den Smartphone an und nicht nur auf diesen Link !

http://quirktools.com/screenfly/

vermutlich durch die hpage umschalte- Knopf- mobil wird das mobile Ansicht nicht so dargestellt wie es in Wirklichkeit auf Smartphone zu sehen ist !
die Hapage vorlagen an sich sind nicht responsiv erst durch den umschalte Knopf werden auf mobil geleitet ..


Um es nicht unnötig in die Länge zu ziehen. ……….Wenn ich das alles richtig verstanden habe, ist (m)eine erstellte Webside im Editor - nicht Smartphone tauglich!?
Oder anders gesagt/gefragt.


man kann auch mit den normalen Editor das Inhalt der seite responsiv gestalten in den man auf bestimmte Regel achtet ,besonders bei Bilder wen man den Bilder feste breiten einfügt ,das den Design sprengen. Alternativ kann man einen extra css.style schreiben und das regeln. Die -Bilder höchstens auf max-width zufügen

bei Interessen kann dabei helfen !

Meine Homepage sollte im HTML Modus bearbeitet sein, damit sie auch auf dem Smartphone korrekt zu konsumieren ist!?


vorausgesetzt hat man HTML Kenntnisse , wie gesagt normal Editor ist auch OK ..

..das ist richtig. Zur Zeit (Testseite KO SAMUI) steht der Code (HTML) welchen ich Schritt mit Hilfe von Hape erstellt habe.https://myeyesmythailand.hpage.com/ko--samui.html

Mein Link mit http://quirktools.com/screenfly/
sieht so aus https://show.picr.de/34909520no.jpg.html
bei dir offenbar https://abload.de/img/img_1716unkwc.png


das ist eine wirkliche Ansicht auf mobil

https://abload.de/img/img_1718l7k8b.png

Monika; ich habe jetzt eine 2te Testseite erstellt. KO SAMUI 2 (beide stehen direkt untereinander)

Dort mit deinem Code - https://myeyesmythailand.hpage.com/ko--samui-2.html
Mein Link mit http://quirktools.com/screenfly/
sieht so aus https://show.picr.de/34911227hg.jpg.html






das ist eine wirkliche Ansicht auf mobil

https://abload.de/img/img_1719ahkhq.png



.habe jetzt noch eine 3te Testseite ( KO SAMUI 3) erstellt.So sollte der Zeilenanfang sein, auch Bildverhältnisse stimmen., https://myeyesmythailand.hpage.com/ko-samui---3.html
aber auch da.....


das ist eine wirkliche Ansicht auf mobil
https://abload.de/img/img_172026jk1.png


hoffe das ich dir nicht zu viel verwirrt habe mit meine Antwort :) ,habe mich bemüht einfach wie es geht zu erklären

Fazit :

Deine Seiten ( Design) wen aufmobil umgeschaltett sind RESPONSIV

auf was du achten sollt ist da Inhalt , das der nicht in in die breite geht, und auch in kleineren Auflösung flexibel die breite anpasst !!!
Viele Grüße ...Monika

Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 80
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon HTML-Laie » Sa 26. Jan 2019, 00:25

Um es kurz zu machen: Die Seite KO SAMUI 2 sieht auf dem Handy gut aus. Um die Tabelle wieder in die Mitte zu rücken sollte man dem Code

Code: Alles auswählen

<table border="0" cellpadding="0" cellspacing="5" width="80%">


den du von Moni bekommen hast um dieses ergänzen: id="self"

Code: Alles auswählen

<table id="self"  border="0" cellpadding="0" cellspacing="5" width="80%">


Dann sollte dein Zeilenanfang wieder da sein wo du ihn haben wolltest. Einfach mal testen.

MfG Hape :)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
schorschilia
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 94
Registriert: So 20. Mai 2018, 07:56
Mein Vorname: Jörg

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon schorschilia » So 27. Jan 2019, 03:05

Guten Morgen Monika

moni hat geschrieben: …. ,habe mich bemüht einfach wie es geht zu erklären

Das will ich doch hoffen. Bild (kleines Spässle) - Danke für den Wochenendeinsatz!

Bilder zoomen – Danke für Hilfestellung – später gerne, wenn die Kernprobleme „gelöst“ oder minimiert sind; „step by step“

Um ehrlich zu sein; wenn ich vorher das Gefühl hatte, einen grossen Schritt vorwärts gemacht zu haben so denke ich, jetzt 2 Schritte rückwärts zu machen. ( habe aber trotzdem dazu gelernt) Ich denke, dass ich zu weit weg bin, von dem was ich mir erhofft habe. Das ist kein Vorwurf, eher Kritik an mich selbst.Ich bleibe dabei; ohne die Materie zu beherrschen, die Fachbegriffe zu kennen wird`s wohl schwierig. Ich bin aber felsenfest überzeugt, dass meine HP eines Tages stehen wird.

Smatphone
moni hat geschrieben:schau dir bitte die Seiten direkt auf den Smartphone an und nicht nur auf diesen Link ! http://quirktools.com/screenfly/


schorschilia hat geschrieben:....ich habe zwar ein Smartphone, verzichte bewusst auf einen Online Zugang, aber das löst ..........

So muss ich dich oder jemandem aus dem "Help Team" anfragen......

Zum Thema responsiv habe ich mich „etwas schlau“ gemacht; resp. a bisserl studiert und mir ein "Halbwissen" zugelegt. - und komme zur Auffassung, dass es vielleicht besser wäre, noch eine Übung „Neptun 2“ zu machen. Vielleicht bin ich dann ein Stück weiter!? (für mich geht es um eine Standortbestimmung!)
Monika, kannst Du mir einen Screenshot ab Handy von KO SAMUI https://myeyesmythailand.hpage.com/ko--samui.html machen, wie zuvor schon und ev. hier einstellen?Bild

Das „dürfen“ Andere Member natürlich auch machen….je mehr Inputs um so mehr Sicherheit meinerseits.

Besten Dank & noch ein schönes Wochenende!

Benutzeravatar
schorschilia
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 94
Registriert: So 20. Mai 2018, 07:56
Mein Vorname: Jörg

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon schorschilia » So 27. Jan 2019, 03:22

Hallo Hape
Danke für deinen Codehinweis! - Hat auf Anhieb geklappt. Da ich das Design für einen Versuch bei dieser Seite geändert habe, kann ich „nur“ den Link eines Screenshot - vorher und nachher anhängen. Komme aber je nach "Neptun"- Übung noch einmal darauf zurück.

Vorher.........https://show.picr.de/34925796bz.jpg.html
Nachher.......https://show.picr.de/34925797gb.jpg.html

PS. Ich habe übrigens daran gedacht id="self" zu platzieren – habe dies aber bei der Tabelle gemacht ……..das ist eben auch wieder so etwas, wenn man die Materie nicht beherrscht, wird`s 3fach schwierig.
Auch Dir, Danke!

Gruss schorschilia

Benutzeravatar
moni
Moderator
Moderator
Beiträge: 7855
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon moni » So 27. Jan 2019, 13:26

Hallo Jörg... es ist einfach viel was man man sich merken muss und das geht nicht vom heute auf morgen ... zum b ich versteh zwar viel von HTML Materie ,aber trotz viel üben und schreiben kriege nicht hin vernünftig mich zu artikulieren ,jede hat seine Schwachpunkte :) :)

das mit den zweiten Übung Account ist immer gut da macht man nichts kaputt udn ist man entspannter drauf

Monika, kannst Du mir einen Screenshot ab Handy von KO SAMUI https://myeyesmythailand.hpage.com/ko--samui.html machen, wie zuvor schon und ev. hier einstellen?Bild



hier das Screenshot

https://abload.de/img/img_1731tfj2c.png
-----------------------------------------------------------


Habe ein Experiment gemacht und zwar an meine test-HP die Tabelle auf 100% gesetzt und etwas die bilder gröse geändert , aber das ist ja nicht das wichtigste dabei !

https://test-blicke.hpage.com/tabelle.html


dann das wichtigste in head Bereich ein meta veiwport eingefügt

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

und jetzt kann man die Seite auch bei diesen Link auf responsiv testen und betrachten

http://quirktools.com/screenfly/

es entspricht zwar nicht so 1:1 den hapage mobile Ansicht wie auf den Smartphone zu sehen ist , aber kann man zumindest die Tabellen beobachten ob die das Design sprengen oder nicht :)
Viele Grüße ...Monika

Benutzeravatar
moni
Moderator
Moderator
Beiträge: 7855
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon moni » So 27. Jan 2019, 13:26

Hallo Jörg... es ist einfach viel was man man sich merken muss und das geht nicht vom heute auf morgen ... zum b ich versteh zwar viel von HTML Materie ,aber trotz viel üben und schreiben kriege nicht hin vernünftig mich zu artikulieren ,jede hat seine Schwachpunkte :) :)

das mit den zweiten Übung Account ist immer gut da macht man nichts kaputt udn ist man entspannter drauf

Monika, kannst Du mir einen Screenshot ab Handy von KO SAMUI https://myeyesmythailand.hpage.com/ko--samui.html machen, wie zuvor schon und ev. hier einstellen?Bild



hier das Screenshot

https://abload.de/img/img_1731tfj2c.png
-----------------------------------------------------------
TIPP für dich !

Habe ein Experiment gemacht und zwar an meine test-HP die Tabelle auf 100% gesetzt und etwas die bilder gröse geändert , aber das ist ja nicht das wichtigste dabei !

https://test-blicke.hpage.com/tabelle.html


dann das wichtigste in head Bereich ein meta veiwport eingefügt

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

und jetzt kann man die Seite auch bei diesen Link auf responsiv testen und betrachten

http://quirktools.com/screenfly/

es entspricht zwar nicht so 1:1 den hapage mobile Ansicht wie auf den Smartphone zu sehen ist , aber kann man zumindest die Tabellen beobachten ob die das Design sprengen oder nicht :)
Viele Grüße ...Monika

Benutzeravatar
schorschilia
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 94
Registriert: So 20. Mai 2018, 07:56
Mein Vorname: Jörg

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon schorschilia » So 27. Jan 2019, 16:05

Sälü Monika

Danke für den Sonntagseinsatz.- auch wenn`s keine Schichtzulagen gibt. Bild

moni hat geschrieben:......... ich versteh zwar viel von HTML Materie ,aber trotz viel üben und schreiben kriege nicht hin vernünftig mich zu artikulieren ,jede hat seine Schwachpunkte :) :)


mach dir bloss keine Gedanken, ist schon in Ordnung! -

moni hat geschrieben:hier das Screenshot https://abload.de/img/img_1731tfj2c.png


Keine Frage; das hätte ich jetzt nicht erwartet, quasi eine Ohrfeige. :(

ich sag schon mal zwischenzeitlich Danke schön, neue Ratschläge bringen im Moment wohl nicht viel - muss zuerst selber klar kommen, wie weiter!

moni hat geschrieben:TIPP für dich !
Habe ein Experiment gemacht und zwar an meine test-HP die Tabelle auf 100% gesetzt und etwas die bilder gröse geändert , aber das ist ja nicht das wichtigste dabei !
https://test-blicke.hpage.com/tabelle.html
dann das wichtigste in head Bereich ein meta veiwport eingefügt
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
und jetzt kann man die Seite auch bei diesen Link auf responsiv testen und betrachten
http://quirktools.com/screenfly/
es entspricht zwar nicht so 1:1 den hapage mobile Ansicht wie auf den Smartphone zu sehen ist , aber kann man zumindest die Tabellen beobachten ob die das Design sprengen oder nicht :)


Bild Danke; ist vermerkt, notiert und bei Gelegenheit komme ich darauf zurück.
...und nochmals Danke für Deine Hilfe.

Gruss & einen guten Wochenstart.

Benutzeravatar
schorschilia
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 94
Registriert: So 20. Mai 2018, 07:56
Mein Vorname: Jörg

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon schorschilia » Di 29. Jan 2019, 12:39

Guten Tag allerseits.

Den Code welchen ich von Monika; und jenen den ich von HTML Laie bekommen habe, sind jetzt beide im Header eingefügt.
Wenn ich das richtig verstanden habe, sollte ich jetzt zumindest mit dem Link http://quirktools.com/screenfly/ prüfen können ob es mein Design sprengt - und dies auf allen meinen Seiten.

Spielt es eine Rolle welchen Code ich zuerst im Header einfüge?

moni hat geschrieben:Habe ein Experiment gemacht und zwar an meine test-HP die Tabelle auf 100% gesetzt und etwas die bilder gröse geändert , aber das ist ja nicht das wichtigste dabei !
dann das wichtigste in head Bereich ein meta veiwport eingefügt

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

und jetzt kann man die Seite auch bei diesen Link auf responsiv testen und betrachten


HTML-Laie hat geschrieben:Im hPage Interface unter Einstellungen --> Header-Bereich --> Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>) folgenden Code-Schnipsel einfügen:

Code: Alles auswählen

<style type="text/css">
<!--
#self
{
display: block;
    margin-left: auto;
    margin-right: auto
}
=-->
</style>


ich hoffe meine Frage ist auch für die Fachfrau/mann einigermassen verständlich formuliert. :oops:

Benutzeravatar
moni
Moderator
Moderator
Beiträge: 7855
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: schorschilia`s Fragestunde zu Allgemeinem.

Beitragvon moni » Di 29. Jan 2019, 21:47

Hallo Jörg ..


Spielt es eine Rolle welchen Code ich zuerst im Header einfüge?


das meta ist meistens zu erst erst dann das css ..

man kann auch einen zusätzlichen css Angaben , als extra css Datei erstellen und dann in Header Bereich bei zusätzliches CSS-Stylesheet die URL (zur CSS-Datei): einfügen ,aber so wie du das hast ist auch OK !!!

kenne alle deine seite nicht habe das hier gefunden ,und die Tabelle sprengt das Design

https://myeyesmythailand.hpage.com/ko--samui.html

das du das besser verstehen kannst habe einen bild gemacht ..ist ein Teil aus den Quelltext deine Tabelle

Bild

500 und 240 da sind angaben für die Bild breite .. 500 sind 500px und 240 sind 240 pv machen zusammen 740 px , das heißt das du so viel platz zu Verfügung haben muss ..bei niedrigen Auflösung schrumpft die breite dramatisch ,aber die Tabelle mit den Bildern bleibt bei bei 740px fest stehen ,weil die Bilder breiten width statisch festgelegt sind

Im Endeffekt wird das Design bei kleineren Auflösung ( mobil) gesprengt

man muss die Tabelle mit den die Bilder so gestellten das die sich bei jede Auflösung flexibel anpasst ,wie ein Gummi , :)

hoffe das du besser verstehen kannst :E :)
Viele Grüße ...Monika


Zurück zu „nPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste