Schmaler Header-Bereich im Design Chicago

15.01.2020 15:12 (zuletzt bearbeitet: 24.01.2020 23:22)

repro
#1

re

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)

az_
#2

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

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)

az_
#4

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

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