Siquando-Forum.de

#1

Hallo liebe Gemeinschaft,

habe soeben Pro Web 5 erstanden, in der Hoffnung, dass sich im Flex-Editor richtig was getan hat - wohl falsch gehofft - und ist es Tatsache, dass man die Navigation immer noch nicht rechtsbündig oder zentriert positionieren kann??? Oder habe ich Tomaten auf den Augen?

Gruß,

Marcus

14.04.2020, 22:54

#2

Welches Design verwendest du oder möchtest du verwenden?

Hast du evt. schon eine URL um die betreffende Homepage hier zu zeigen?

Dann sollte dein "zentrieren" mit ein paar extra Zeilen HTML/CSS leicht zu realisieren sein.

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

17.04.2020, 16:22

#3

Hallo,

also Design ist leeres Flex-Layout ()responsiv). Da finde ich irgendwie nix für das Zentrieren einer Navigation! Solch einen Wunsch haben doch bestimmt viele User, oder?

Und ja....Link....hab ich ganz vergessen: http://test.in-novation.de

Also zentrieren mit "ein paar extra Zeilen HTML/CSS" könnte ich in diesem Falle nicht, da bin ich leider auf Hilfe angewiesen - vielleicht kann mir ja jemand hier helfen. Das wäre nett!

Gruß

Marcus

Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »mastermarcus« (23.04.2020, 22:45)

23.04.2020, 22:45

#4

Grundsätzlich sollte deine Frage mit der folgenden Kode-Eintragung
(unter Datei > Website-Eigenschaften > HTML > im <head>-Bereich)
zu realisieren sein.

<style>
#nav { display: inline-block; }
#navcontainer { text-align: center; }
</style>

Aber aufgepasst: es sieht aus ob du dort selbst auch schon ein paar Zeilen falsche Kode eingetragen hast.
Wenn ja, dann diese Zeilen bitte zuerst entfernen.

Und wenn meine Antwort dir die richtige Lösung gibt,
würde unser Volker sich sehr freuen über eine kleine Forum-Spende von dir ;-).

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

23.04.2020, 23:56

#5

Hey Piotr,

VIELEN DANK - so ein simpler Code, aber wenn man ihn nicht kennt ist man ratlos.
Ich bin jetzt wieder bestens beraten - dank Deiner Hilfe und dieses Forums - und natürlich ist eine kleine Spende soeben raus!

Schönes Wochenende und bis bald,

Marcus

24.04.2020, 00:31

#6

Viele Grüße,
Volker

Über mich · Volker W. Musik & Sounds · Facebook · Twitter · Instagram · StayFriends · LinkedIn · XING

Hilfe-Anfragen via PN, E-Mail, Kontaktformular usw. werden nicht beantwortet. Genau dafür ist dieses Forum da. Vielen Dank!

24.04.2020, 01:55

#7

piotr

Habe gerade den Code getestet. Er funktioniert, wie schon oben geschrieben.

Ein kleines Problem besteht doch, wenn man im Hintergrund in der Navigation einen Verlauf hat, dann wird dieser nicht in Panorama dargestellt. Er wird als Block dargestellt und der Rest hat eine andere Farbe.

Ihr könnt mich jederzeit über Facebook kontaktieren.

17.09.2020, 08:52

#8

hallo Merlin,

damit wir dir hier konkret helfen können,
zeige bitte mal ein konkretes Beispiel mit Link.

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

17.09.2020, 09:07

#9

Danke für die schnelle Reaktion.

Hier der Link mit der zentrierten Navigation und dem Hintergrund der im Verlauf dargestellt ist: http://test.jahnwerbung.de/

Ihr könnt mich jederzeit über Facebook kontaktieren.

17.09.2020, 09:19

#10

Kannst du jetzt mit einem Screenshot und Pfeilen genau zeigen was du meinst?

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »piotr« (17.09.2020, 09:30)

17.09.2020, 09:29

#11

Kann leider keine Bilder direkt hochladen. Hier der Link zur Dropbox: https://www.dropbox.com/sh/t6wuwj53imjs3nz/AACr4TNEILZy3DADijZNbYiQa?dl=0

(Die Bilder bleiben da aber nicht dauerhaft. Schade fürs Forum.)

Ihr könnt mich jederzeit über Facebook kontaktieren.

17.09.2020, 10:11

#12

Wenn ich dein Problem jetzt richtig verstanden habe, möchtest du also:
-- das Menu zentriert darstellen (ist schon gelöst)
-- wobei die Menu-Farbe "transparent" sein soll,
-- damit "Verlauf" im Menu genau so aussieht wie "Verlauf" im Hintergrund.

Dann bitte wie folgt vorgehen (siehe auch Bild unten):
-- Gehe auf Gestaltung > Design bearbeiten.
-- Klicke rechtsoben auf "Navigation".
-- Klicke unter Navigation auf "Erscheinungsbild".
-- Bei Pfeil 1: Bei "Hintergrund" Farbe wählen und diese unbedingt auf "Transparent" setzen !!!
-- Bei Pfeil 2: Bei "Füllen" Verlauf wählen und eine Farbe deiner Wahl eintragen.
-- Bei Pfeil 3: Eine andere Farbe deiner Wahl eintragen.
-- Und nicht vergessen rechtsunten auf "OK" zu klicken.

Und das war es schon ...

einstellungen%202020-09-17.jpg

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »piotr« (17.09.2020, 11:18)

17.09.2020, 11:07

#13

Vielen Dank für den Tipp. Es hat funktioniert.

Ihr könnt mich jederzeit über Facebook kontaktieren.

17.09.2020, 13:03

#14

Ist der Eintrag im <head>-Bereich nur für den Flex-Layout oder funktioniert das auch z.B. für "Riga Vecriga"?

17.09.2020, 15:39

#15

Es geht hier um Flex-Designs und Riga Vecriga ist KEIN Flex-Design. Bitte für neue Fragen immer ein neues Thema öffnen.

Die Hintergrundfarbe der Navigation hat auch nichts mit dem Anfangsthema zu tun.

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

17.09.2020, 16:11

#16

Hallo Meeri,

da hat unsere Chefin natürlich recht .
Wenn du ein neues Thema öffnest mit deiner Frage,
werde ich dir dort die richtige Antwort verraten .

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

17.09.2020, 16:29

#17

Gestern festgestellt. Seit ich den Code eingefügt habe, wird bei der mobilen Ansicht die Navigation "zentriert" verschoben.

Testlink: http://test.jahnwerbung.de/ (in mobile anschauen !)

Ihr könnt mich jederzeit über Facebook kontaktieren.

18.09.2020, 10:09

#18

Und was ist jetzt deine konkrete Frage?

Das Menu sollte doch zentriert werden?

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

18.09.2020, 10:33

#19

In der mobilen Ansicht sitzt jetzt das icon auf der Schrift? Ich probiere mal mit den Abständen zu spielen.

Auf dem Desktop sieht es gut aus, aber eben in der mobilen Ansicht nicht.

Link Screenshot: https://www.dropbox.com/s/jvzh8b7wrzhml72/Bildschirmfoto%202020-09-18%20um%2010.52.01.png?dl=0

Ihr könnt mich jederzeit über Facebook kontaktieren.

18.09.2020, 10:54

#20

Deine Einträge sind mir oft etwas zu allgemein und mir fehlen dabei oft deine konkreten Fragen.

Was möchtest du jetzt in deiner mobilen Ansicht konkret erreichen?
- Menu selbst soll mittig zentriert sein und das Menu Ausklapp Symbol rechts zentriert?
- sowohl Menu als Menu Ausklapp Symbol sollen mittig zentriert sein?
- sowohl Menu als Menu Ausklapp Symbol sollen rechts zentriert sein?
- etwas anderes?

Ich habe jetzt keine Ahnung. Erst bei konkreten Fragen kann man dir hier im Forum weiterhelfen.
Also: was ist jetzt deine konkrete Wunsch/Frage?

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

18.09.2020, 12:32

#21

Was möchtest du jetzt in deiner mobilen Ansicht konkret erreichen?
- Menu selbst soll mittig zentriert sein und das Menu Ausklapp Symbol rechts zentriert?

Ja, so. Und die "Navigation einblenden" sollte nicht am Aufklapp menü kleben.

-------------------------------------------------------------------------------------------------------------

Ja, leider kann ich mich oft nicht so ausdrücken, wie ich möchte. Ich versuche es nochmals dazustellen, was ich meine.

(Bilder kann ich leider nicht direkt hochladen. Versuche es wie gehabt über die Dropbox links. Wäre sinnvoller, wenn die direkt hier wären, da ich die dann irgendwann bei mir lösche.)

1. Bilder: Navigation im original, ohne den Code.

Desktopansicht: https://www.dropbox.com/s/pplv06dwqrdj0pa/Bildschirmfoto%202020-09-18%20um%2016.18.08.png?dl=0

mobile Ansicht: https://www.dropbox.com/s/eeyvrqhrwaogwpb/Bildschirmfoto%202020-09-18%20um%2016.18.23.png?dl=0

2. Bilder: Navigation im original mit Code zum Zentrieren.

<style>

#nav { display: inline-block; }

#navcontainer { text-align: center; }

</style>

Hier sitzt in der mobilen Ansicht das Ausklapp Symbol (home) an die Navigation (Schrift) gequetscht.

Desktopansicht: https://www.dropbox.com/s/tf9ksdbvfro4jyq/Bildschirmfoto%202020-09-18%20um%2016.19.46.png?dl=0

mobile Ansicht: https://www.dropbox.com/s/rnuexritu7h9oh7/Bildschirmfoto%202020-09-18%20um%2016.19.59.png?dl=0

In den Bildern habe ich die Unterschiede gelb dargestellt/gekennzeichnet.

Danke für deine Bemühungen.

Gruß Klaus

Ihr könnt mich jederzeit über Facebook kontaktieren.

18.09.2020, 16:39

#22

Grundsätzlich sollte deine Frage für dein Riga-Vecriga Design mit der folgenden Kode-Eintragung
(unter Datei > Website-Eigenschaften > HTML > im <head>-Bereich) zu realisieren sein.

<style>
#maincenterbox { text-align: center; }
.sqrnav { display: inline-block; margin-right: 50px;}
.sqrallwaysboxed { text-align: left; }
.sqrnavhide { padding-right: 40px !important; padding-bottom: 20px !important; }
.sqrnavshow { padding-right: 40px !important; padding-bottom: 20px !important; }
</style>

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

18.09.2020, 18:20

#23

Danke für den Code. Ich habe das leere Flex Layout. Habe den Code abgeändert, sieht gut aus.

Ist das aber so richtig?

<style>
#nav { display: inline-block; }
#navcontainer { text-align: center; }
.sqrnav { display: inline-block; margin-right: 50px;}
.sqrallwaysboxed { text-align: left; }
.sqrnavhide { padding-right: 40px !important; padding-bottom: 20px !important; }
.sqrnavshow { padding-right: 40px !important; padding-bottom: 20px !important; }
</style>

Ihr könnt mich jederzeit über Facebook kontaktieren.

18.09.2020, 18:59

#24

fine with me .

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

18.09.2020, 19:14

#25

@piotr: Vielen Dank !!!!!

Ihr könnt mich jederzeit über Facebook kontaktieren.

19.09.2020, 13:09

#26

Ich hätte da mal noch 'ne Frage.

Ist das zum Beispiel auch möglich:

1. Desktop zentriert

2. mobile Design unverändert lassen

Ihr könnt mich jederzeit über Facebook kontaktieren.

20.09.2020, 10:06

#27

Klaus,

bevor ich dir die Antwort gebe, solltest Du dir ernsthaft überlegen zuerst:
-- etwas mehr über HTML, CSS und javascript zu lernen.
-- und dir, z.B. mit einem Text-Editor, die relevanten TPL- und CSS-files des betreffenden Designs anzuschauen.
Dann wirst Du bald in der Lage sein viele von deinen Fragen schon selbst zu beantworten und diese Antworte auch wieder mit dem Forum zu teilen.

VG, Piotr

<style>
@media screen and (min-width: 1024px) {
#nav { display: inline-block; }
#navcontainer { text-align: center; }
.sqrnav { display: inline-block; margin-right: 50px;}
.sqrallwaysboxed { text-align: left; }
}
</style>

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »piotr« (20.09.2020, 15:17)

20.09.2020, 14:38

#28

Schande über mein Haupt. Da muss ich mich wirklich mehr befassen.

Der Code funktioniert im leeren Flex Layout in der Desktop-Ansicht richtig, aber auch die mobile Ansicht macht er noch zentriert.

Ihr könnt mich jederzeit über Facebook kontaktieren.

20.09.2020, 18:26

#29

komisch,

auf meinen Handys (Samsung S10 und HTC 10,
sieht es mit unterschiedlichen Browsern einwandfrei aus.

Piotr Linski
www.kakivi.de
www.tukhut.nl
www.aeternus.org
www.perspectum.nl

20.09.2020, 19:18

#30

@poitr: Danke nochmals für die schnelle Hilfe. Peinlich; ich hatte vergessen den alten Code herauszulöschen.

Ihr könnt mich jederzeit über Facebook kontaktieren.

21.09.2020, 08:22

Die Kompetenz-Community für SIQUANDO Web / Shop / Pro und DATA BECKER w2d / s2d / NG

[Erledigt] Navigation immer noch nicht zentrieren in Pro Web 5?

mastermarcus

piotr

mastermarcus

piotr

mastermarcus

Volker W.

Merlin2504

piotr

Merlin2504

piotr

Merlin2504

piotr

Merlin2504

Meeri

W2D Fan

piotr

Merlin2504

piotr

Merlin2504

piotr

Merlin2504

piotr

Merlin2504

piotr

Merlin2504

Merlin2504

piotr

Merlin2504

piotr

Merlin2504