Jimdo Zürich Header + Spalteninhalte + Navigationsleiste

Jimdo-Userforum � Jimdo User-Forum � Jimdo-Specials (Tools, Widgets, HTML und CSS) � Jimdo Zürich Header + Spalteninhalte + Navigationsleiste

Themen-Einstellungen

Thema drucken

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Jimdo-Allgemein Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Jimdo Zürich Header + Spalteninhalte + Navigationsleiste datum

19.02.2021 20:42 (zuletzt bearbeitet: 20.02.2021 15:58)

Hallo liebe Jimdo-Community,

zunächst einmal möchte ich ein großes Lob an die Seite aussprechen! Ein wirklich tolles Forum, das mir schon gewaltig bei dem Aufbau der Homepage geholfen hat - vielen Dank!
Leider werde ich des Öfteren noch vor Probleme gestellt, die ich nicht zu bewältigen weiß. Vielleicht könnt ihr mir ja helfen.

Es geht um folgende Seite, die mit dem Creator Business aufgebaut wird: httpss://dbsreck.jimdofree.com

Problem 1:
Das Bild im Header ist für meinen Geschmack noch zu groß, ich würde gerne die Höhe verändern. Folgenden CSS-Code habe ich eingefügt (allerdings verändert sich, wenn ich die Werte ändere, gar nichts):

COPYRIGHTVERLETZUNG

Problem 2:
Ich habe im mittleren Bereich der Homepage einen Spalten Inhalt mit wechselnden Bildern und Buttons eingefügt. Da mir die Buttons bei Jimdo nicht so zusagen und alle immer dieselbe Farbe haben, haben ich Buttons als Bilder erstellt. So weit so gut. Leider ist es so, dass wenn man die Seite auf einem Mobilgerät aufruft, alles untereinander dargestellt wird und nicht nebeneinander wie auf der Seite auf einem großen Bildschirm. Wie kann man es ändern, das der gesamte Spalten-Inhalt verkleinert auf einem Handy dargestellt wird?

Problem 3:
Ich würde gerne den Navigationsbereich verbreitern, da der letzte Navigationspunkt (Archiv) in die zweite Zeile rutscht.

Ich würde mich freuen, wenn jemand weiß, wie man die Probleme beheben kann.

Beste Grüße und ein schönes Wochenende.

Der Verfasser wurde 20.02.2021 16:00 von az_ f�r den Inhalt dieses Beitrags verwarnt.
Nachricht: Bitte keinen Code posten, der geschützt ist! Bitte statt dessen die URL der Webseite posten - dann kann der Code aus dem Quelltext gelesen werden

Antworten

#2 | RE: Jimdo Zürich Header + Spalteninhalte + Navigationsleiste datum

20.02.2021 15:57

...bitte immer Code als Code darstellen! dafür gibt es extra die Schaltfläche <> oben rechts. Bitte immer das Copyright beachten! Copyright geschützten Code hier bitte nicht posten!

Tipp: installier Dir einen html-editor, der Dir Deine Fehler im Code farbig darstellt (Brackets oder Notepad++)

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Jimdo Zürich Header + Spalteninhalte + Navigationsleiste datum

20.02.2021 18:34 (zuletzt bearbeitet: 20.02.2021 20:50)

Philoo

Informationen anzeigen

Beitr�ge:	5
Punkte:	19
Registriert seit:	18.02.2021

Hallo, oh das wusste ich nicht, Entschuldigung.

Problem 1 habe ich jetzt lösen können mit dem Code

1
2
3
4
5
6
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header {
    min-height: 200px;
/*]]>*/
</style>
 

Problem 2 (breitere Navigationsleiste) habe ich ebenfalls hinbekommen.

Allerdings bekomme ich es nicht hin, dass der Inhalt eines Spalten-Tools (3 Spalten insgesamt) in der Ansicht auf einem Handy nebeneinander dargestellt wird. Hier wird jede Spalte untereinander aufgelistet. Wie lässt sich das ändern?

Beste Grüße.

Antworten

#4 | RE: Jimdo Zürich Header + Spalteninhalte + Navigationsleiste datum

22.02.2021 16:54 (zuletzt bearbeitet: 24.02.2021 11:06)

Der Trick ist: du musst für die Spalte float: left setzen und min-width: 1px
LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#5 | RE: Jimdo Zürich Header + Spalteninhalte + Navigationsleiste datum

22.02.2021 19:56 (zuletzt bearbeitet: 22.02.2021 20:00)

Philoo

Informationen anzeigen

Beitr�ge:	5
Punkte:	19
Registriert seit:	18.02.2021

Vielen Dank für die Antwort.
Ich habe mit Hilfe folgenden Codes es jetzt geschafft, die Spalten auf der Seite dbsreck.jimdofree.com nebeneinander darzustellen (kleiner Bildschirm).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
<style type="text/css">
/*<![CDATA[*/ 
@media (max-width: 767px) {
    .cc-m-hgrid-column {
        min-width: 0 !important;
        padding: 0 !important;
        width: 33% !important;
        float: left !important;
        /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/ 
@media (min-width:1024px) {
    .content-options .j-calltoaction-link-style-1:link, 
    .content-options .j-calltoaction-link-style-1:visited {
        font-size: 20px;
        min-width:240px;
      /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/ 
.content-options .j-calltoaction-link-style-1:link, 
.content-options .j-calltoaction-link-style-1:visited {
    font-size: 16px;
    min-width: 150px;
          /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/ 
.j-meta-links {
    float: none;
    margin: 0 auto;
     /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/ 
.j-info-row, .j-meta-links {
    text-align: center;
 /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/ 
 #content_area {
animation:fadein 1s;
-moz-animation:fadein 1s;
-webkit-animation:fadein 1s;
 /*]]>*/
</style>
 

 

Es ist zwar noch nicht ganz so, wie ich es haben will, aber schon mal besser. Meinst du float und min-width bei @media (max-width: 767px)?
Ich hätte gerne die Slider-Galerie (1. Spalte) größer dargestellt und die Buttons und Abbildungen (2. und 3. Spalte etwas kleiner). Momentan sind alle Spalten gleichgroß.
Ich bin leider mit den CSS-Codes noch nicht so bewandert und versuche es mir momentan etwas näher zu bringen. Leider gestaltet sich für mich das Ganze noch mehr als kompliziert.

Daher bin ich über jede Hilfe sehr dankbar.

VG

Antworten

#6 | RE: Jimdo Zürich Header + Spalteninhalte + Navigationsleiste datum

24.02.2021 11:32

sorry, ich hatte mich verschrieben: float muss natürlich left sein, damit die Spalten nebeneinander erscheinen.

Ein anderer Trick wäre dieser hier: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

Code: Header für Bild rechts � � animiertes 3 D Panorama auf Startseite einbetten

�hnliche Themen

Antworten

Letzter Beitrag

Jimdo-Seite soll auf externe Seite weiterleiten
Erstellt im Forum Jimdo-Allgemein von JimdoNeuling24 1 09.04.2022 21:55
az_ • Zugriffe: 821
Externer Link von der Navigationsleiste auf derselben Registerkarte
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Huje 1 31.05.2021 07:55
az_ • Zugriffe: 746
Navigationsleiste vergößert und Headerbild verdeckt - Design Rome
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Moka 6 06.04.2021 13:13
Moka • Zugriffe: 492
JIMDO Stockholm Navigation Farbe ändern
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von haina 5 14.06.2022 20:17
az_ • Zugriffe: 695
Jimdo Creator: Head Bearbeiten (CSS-Skript eintragen)
Erstellt im Forum Tutorials von az_ 0 16.09.2020 12:09
az_ • Zugriffe: 10158
Jimdo MIAMI Header(hintergrund)bild soll mobil optimiert werden.
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Pumukel 0 12.02.2020 16:05
Pumukel • Zugriffe: 2180
Header und Navigationsleiste fixieren - Tokyo Design
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Daniel 4 04.09.2019 10:21
az_ • Zugriffe: 884
Logo mit in die Navigationsleiste
Erstellt im Forum Jimdo-Elemente von srepy 4 28.07.2020 10:41
az_ • Zugriffe: 1063
Abstände Navigationsleiste - Inhaltsteil
Erstellt im Forum Jimdo-Allgemein von karsten 2 27.06.2017 13:05
Charles • Zugriffe: 761

Xobor Forum f�r Jimdo-User

Bitte geben Sie einen Grund f�r die Verwarnung an