Problem mit Darstellung auf Handy

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Benutzeravatar
WiBu_Uwe
Foren Anfänger
Foren Anfänger
Beiträge: 7
Registriert: Fr 3. Jan 2020, 02:14
Mein Vorname: Uwe
Wohnort: Wichian Buri Thailand
Kontaktdaten:

Problem mit Darstellung auf Handy

Beitrag von WiBu_Uwe »

Hallo,

auf Basis des Template 02 habe ich angefangen die WEB-Seite anong-garden.com zu erstellen. Ich bin auch gut vorangekommen und bisher hat auch alles geklappt...

Nun habe ich gestern mal wieder die Seite auf meinem Handy Samsung S9+ angeschaut und... die Darstellung auf dem Handy (Chrome Browser), aber auch auf anderen Handy-Modellen, hat sich sehr ungünstig verändert: der Body wird nur noch schmal angezeigt und rechts einsam ist das Menü-Symbol positioniert... :o ( Auf meinem PC und meinem iPad wird alles richtig dargestellt und auch auf dem Handy die um 90 Grad gedrehter Ansicht...).

Kann mir bitte evtl. jemand einen Tipp geben, was Ursache für dieses Verhalten sein könnte?

Ich kann leider keinen Screenshot anhängen. Ein Tipp vom Admin dazu?

Danke!
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7542
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von Butterblume »

Hallo uwe,
hierzu kann ich leider nix sagen, da ich keine homepage von hpage habe!

Aber es kkmmt sicher noch jemand rein, der da Bescheid weiß!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von HTML-Laie »

Zuerst fällt auf das ganz unten unterhalb des Designs dieses zu sehen ist: >
Das kommt daher das im schließenden Body-Tag ein Kommentar eingefügt wurde der so dort nicht hingehört.

Code: Alles auswählen

</body
<!-- #### BODY #### -->>
Wenn dann sollte es so sein:

Code: Alles auswählen

<!-- #### BODY #### -->
</body>
Auf der Seite Ferienhäuser wird die Seite bzw. der Body kleiner dargestellt. Dies liegt wahrscheinlich daran das mehrere Bilder nebeneinander dargestellt werden. Inwieweit der zusätzliche Abschnitt

Code: Alles auswählen

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}
dabei eine Rolle spielt, habe ich noch nicht getestet.


Zum Menüsymbol:
Die Position kann in der Datei menu_style.css unter folgendem Abschnitt ändern:

Code: Alles auswählen

#cssmenu > ul li#responsive-tab a {
    background: url('menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #85AE85;
    background-position: 95% 135%;
  }

Darstellung sollte man dann aber nochmal 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-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8350
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von moni »

Hallo Uwe ...

Habe deine HP angeschaut und das Problem liegt es an den Sprachauswahl flaggen , die sprengen das Design ...hier zwei screen .. das original Template( so soll das aussehen ) und auf deine HP mit den flaggen .

Bild Bild

Das CSS zu den sprach Auswahl- ist einfach nicht responsiv ...

http://anong-garden.com/design/language_style.css

Der ist auch nicht in download von uns mit angeboten .. hab das eben geprüft ..
https://abload.de/img/ashampoo_snap_freitagizkb4.png

bitte das link von uns entfernen ,weil nicht unseren CSS Code ist
https://abload.de/img/ashampoo_snap_freitag2xjla.png

Fazit... man müsse die flaggen responisv machen und auch entsprechend in die leiste oben platzieren


................
Nachtrag ...sorry muss mich korrigieren.... habe eben entdeckt das wir doch welchen flaggen haben :shock: so ist das wen man selten hier ist :D

https://homepagehelfer.net/tools/templates/zusatz.php

Ok ....die Flaggen können trodztem nicht so wie sie sind, auf die gleiche Ebene wie das Menü eingebaut werden werden ...
Viele Grüße ...Monika
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von thaileben »

Guten Morgen
eine richtig schöne Anlage http://anong-garden.com/DE_Ressort.html

hast du schon was geändert? denn auf meinem Samsung A 50 sieht es gut aus bis auf den reiter ferienhäuser versuch mal da nicht soviel bilder nebeneinader

hier beispiel von Olav https://mangogarden.net/bungalow/fotos.php

oder Peter http://phrao-homestay.com/

Jürg :X

@Karin das ist ein Design von uns und hat nichts mit hpage zu tun
Benutzeravatar
WiBu_Uwe
Foren Anfänger
Foren Anfänger
Beiträge: 7
Registriert: Fr 3. Jan 2020, 02:14
Mein Vorname: Uwe
Wohnort: Wichian Buri Thailand
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von WiBu_Uwe »

Hallo an alle,

erst einmal vielen Dank für eure Hilfe... :-)

Die beiden Maßnahmen
1. Flaggen wie im Template und nicht zusammen mit dem Menü in einer Zeile
2. keine Bilder nebeneinander
haben es gebracht :-) Danke!

Die Punkte gefallen mir persönlich nicht so sehr, da ich aber von HTMP, CSS usw. absolut keine Ahnung habe, werde ich es so lassen müssen ;-)

Der Hinweis von Hape zu "<body" war richtig, schien aber keine Probleme zu bereiten... mich wundert nur, dass das von mir verwendete MS Expression Web 4 den Fehler nicht angemeckert hat... aber ist ja auch schon etwas betagt... ich habe aber keine Lust mich in ein neues Tool einzuarbeiten... ;-)

Sollte ich bei meinen noch offenen Aufgaben nochmal Probleme haben, werde ich mich melden.

Euch allen noch eine gute Zeit :-)
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 356
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von HTML-Laie »

Auf der Seite Ferienhäuser hat sich nochmal ein kleiner Fehler eingeschlichen. Zwischen Menüleiste und Content:
Bild

Im Code an dieser Stelle:

Code: Alles auswählen

	<!-- #### Men&uuml; #### -->
>
  
  
<div class="content"> 
LG 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-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8350
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von moni »

Hallo noch mal ...

hab das Design ein bisschen farblich angepasst und so würde ich das sehen ..

http://demo.homepagehelfer.net/anong-demo/index.html

die navi unten würde ich anders machen .. an die navi oben mehr angepasst ...

wen´s das so gefällt, da bitte melden ...
Viele Grüße ...Monika
Benutzeravatar
WiBu_Uwe
Foren Anfänger
Foren Anfänger
Beiträge: 7
Registriert: Fr 3. Jan 2020, 02:14
Mein Vorname: Uwe
Wohnort: Wichian Buri Thailand
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von WiBu_Uwe »

Hallo,

danke an alle für die Hinweise und Ratschläge.. ich finde auch noch ständig Fehler... so ist das mit 66... die Konzentration lässt doch langsam nach ... :-)

... und für das Thema "Thai-Übersetzung" muss ich auch noch eine Lösung finden.. meine Frau kann sowas nicht, wir müssen also jemanden finden, der die Texte z.B. von EN nach TH übersetzt... ich werde es erst einmal mit der Thai-Nichte meiner Frau probieren, die hat EN studiert und lebt in USA.

Der Designvorschlag von moni gefällt mir besser als meiner :-) Danke dafür, ich werde das mal anpassen... auch wenn es wieder einiges an Klickerei ist und ich langsam eine Sehnenscheidenentzündung anrücken fühle... obwohl mein Berufsleben fast nur aus PC-Arbeit bestand...

Der Vorteil dieses Designvorschlags ist neben der bessern Optik auch, dass es nur ein Menü hat... ich habe ja 2 und auch noch die Sprachleiste und das macht beim Sprachwechsel Probleme, wie ich heute eher zufällig bemerkt habe...

In dem Zusammenhang habe ich die Frage, welche Klasse der Menu-Eintrag haben muss, wenn dieser sowohl "last" als auch "active" ist?

Gruß Uwe
Benutzeravatar
WiBu_Uwe
Foren Anfänger
Foren Anfänger
Beiträge: 7
Registriert: Fr 3. Jan 2020, 02:14
Mein Vorname: Uwe
Wohnort: Wichian Buri Thailand
Kontaktdaten:

Re: Problem mit Darstellung auf Handy

Beitrag von WiBu_Uwe »

Hallo,
ich habe doch noch eine Frage: mit den Seiten "Impressum" etc. gibt es ja welche, die keinen EIntrag im Menu haben, aber das Menu ist trotzdem vorhanden... Soll ich dann kein Eintrag im Menu mit class='active' versehen?

Gruß Uwe
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

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