Problem mit Darstellung auf Handy
Moderator: HTML-Laie
- WiBu_Uwe
- 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
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!
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!
- Butterblume
- 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
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ß!
hierzu kann ich leider nix sagen, da ich keine homepage von hpage habe!
Aber es kkmmt sicher noch jemand rein, der da Bescheid weiß!
- HTML-Laie
- Moderator
- Beiträge: 356
- Registriert: So 19. Nov 2017, 12:42
- Mein Vorname: Hape
- Wohnort: Wesermarsch
- Kontaktdaten:
Re: Problem mit Darstellung auf Handy
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
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:
Darstellung sollte man dann aber nochmal testen.
MfG Hape
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 #### -->>
Code: Alles auswählen
<!-- #### BODY #### -->
</body>
Code: Alles auswählen
.flex {
display: flex;
justify-content: center;
align-items: center;
}
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
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
- moni
- 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
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 ...
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 ...
Viele Grüße ...Monika
- thaileben
- 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
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
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
- WiBu_Uwe
- 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
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
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
- HTML-Laie
- Moderator
- Beiträge: 356
- Registriert: So 19. Nov 2017, 12:42
- Mein Vorname: Hape
- Wohnort: Wesermarsch
- Kontaktdaten:
Re: Problem mit Darstellung auf Handy
Auf der Seite Ferienhäuser hat sich nochmal ein kleiner Fehler eingeschlichen. Zwischen Menüleiste und Content:
Im Code an dieser Stelle:
LG Hape
Im Code an dieser Stelle:
Code: Alles auswählen
<!-- #### Menü #### -->
>
<div class="content">
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
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
- moni
- 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
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 ...
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
- WiBu_Uwe
- 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
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
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
- WiBu_Uwe
- 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
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
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
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste