Schmaler Header-Bereich im Design Chicago

Antworten
#1
15.01.2020 15:12 (zuletzt bearbeitet: 24.01.2020 23:22)
avatar  repro
#1
re
repro

Hallo!

Seit 9 Jahren betreibe ich schon meine Webseite und mache Gebrauch von dem einfach zu handhabenden "Baukastensystem". Das Jimdo-Konzept ist genial.

Es macht es mir möglich, mich mehr mit den Inhalten meiner Seiten und weniger mit der Internetpräsenz zu beschäftigen. Mit html-Programmierung kenne ich mich nicht aus. Es gibt aber eine Sache, die ich gerne noch optimieren würde. Dafür muss ich aber in die Header-Codes meines Chicago-Designs eingreifen.

Ich habe ein Bild für den Kopfbereich aller Seiten festgelegt. Dieses Bild ist eigentlich nur ein schmaler Streifen. Es bleibt aber oben und unten zu viel ungenutzter Raum. Ich würde gerne mit der Menüleiste und dem ersten Beitrag näher an das Bild heranrücken. Die Bilder sollen das verdeutlichen.

Anbei auch der jetzige Code für den Header. Meine Versuche mit unterschiedlichen Bildgrößen und Werten für "container width" führen alle nicht zum gewünschten Ziel. Könnt ihr mir einen Tipp geben?


 Antworten

 Beitrag melden
#2
18.01.2020 12:45 (zuletzt bearbeitet: 18.01.2020 12:56)
avatar  az_
#2
avatar
az_

...tml, aber so geht das nicht. Tipp: CSS komplett löschen. Benutze ein passendes Header-Image ohne Ränder und verwende ein Bild mit Tranzparenz für das Logo. Mit letzterem kannst Du die Höhe des Headers beeinflussen.
falsch:


richtig:


Wenn es dann immer noch nicht klappt, kann man mit CSS nachhelfen. CSS-Grundlagen findest Du hier: https://bitly.com/2NAkMpD

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


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

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


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#3
18.01.2020 19:36
avatar  repro
#3
re
repro

Hallo az, danke für die Hinweise! Mein Bild hat bereits die unter "richtig" gezeigten Proportionen. Was meinst du mit "Transparenz für das Logo"? Hast du eine Vorlage für ein passendes Header-Image? Ich hab ein bisschen Sorge, das ich mir durch falsche CSS-Korrekturen die Webseite blockiere.
LG, repro


 Antworten

 Beitrag melden
#4
24.01.2020 23:31 (zuletzt bearbeitet: 24.01.2020 23:39)
avatar  az_
#4
avatar
az_

Setze ein transparentes Bild als Logo ein, zB. 500x500px - Dieses kannst Du so dann zusammenschieben, bis der Ausschnitt für Dich passt. Das Hintergrundbild etwas größer dimensionieren als nötig. aber ohne die blauen Streifen oben und unten.

LG, az

PS: wo ist denn die URL zu Deiner Seite geblieben? hast Du sie gelöscht?


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


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

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


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#5
25.01.2020 18:34
avatar  repro
#5
re
repro

Hallo az,
danke, werde ich mal ausprobieren. Die URL zu meiner Webseite stand nicht im Beitrag, sondern in der Anlage. Hier ist sie noch einmal:

https://www.gerhard-blomberg.de/

Schönes Wochenende!
repro


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!