Seite 1 von 2
Problem mit Darstellung auf Handy
Verfasst: Fr 3. Jan 2020, 02:53
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...
( 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!
Re: Problem mit Darstellung auf Handy
Verfasst: Fr 3. Jan 2020, 08:52
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ß!
Re: Problem mit Darstellung auf Handy
Verfasst: Fr 3. Jan 2020, 12:58
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.
Wenn dann sollte es so sein:
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
Re: Problem mit Darstellung auf Handy
Verfasst: Fr 3. Jan 2020, 21:13
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 .
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
so ist das wen man selten hier ist
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 ...
Re: Problem mit Darstellung auf Handy
Verfasst: Sa 4. Jan 2020, 02:48
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
@Karin das ist ein Design von uns und hat nichts mit hpage zu tun
Re: Problem mit Darstellung auf Handy
Verfasst: Sa 4. Jan 2020, 07:28
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
Re: Problem mit Darstellung auf Handy
Verfasst: Sa 4. Jan 2020, 18:42
von HTML-Laie
Auf der Seite Ferienhäuser hat sich nochmal ein kleiner Fehler eingeschlichen. Zwischen Menüleiste und Content:
Im Code an dieser Stelle:
LG Hape
Re: Problem mit Darstellung auf Handy
Verfasst: Sa 4. Jan 2020, 21:13
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 ...
Re: Problem mit Darstellung auf Handy
Verfasst: So 5. Jan 2020, 07:26
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
Re: Problem mit Darstellung auf Handy
Verfasst: So 5. Jan 2020, 10:25
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