Hintergrundbild der Kopfzeile verzerrt

  • Seite 2 von 2
13.04.2018 16:50
avatar  julie
#16
avatar
User

ich habe das mal für dich rausgesucht, vielleicht hilfts?

Es gibt sicher noch weitere Threads, musst halt suchen, auch bei älteren.

HTML - Brauche Hilfe bei einem HTML Code - Wer kann mir da bitte helfen


 Antworten

 Beitrag melden
13.04.2018 17:19
avatar  Mike48
#17
avatar
User

Zitat von Archer im Beitrag #15
Gehört die Navbar vielleicht mit zum Bild? Sie überdeckt nämlich den unteren Teil

Die Navigation ist innerhalb des Header. Das Bild ist der Hintergrund des Header. dadurch wird das Hintergrundbild von der Navi überdeckt. BDie Topnavi (bei dir leer) ist oberhalb des Header und würde das Hintergrundbild nicht überdecken.

Wenn du die Navi unter dem HG-Bild haben möchtest dann setz das mal in die Fußzeile

1
 
$('#navigation').appendTo($('#obere_leiste'));
 


Damit wird die Navi unter den Header verlegt.


 Antworten

 Beitrag melden
13.04.2018 17:42
avatar  Archer
#18
Ar
User

Das ist das Bild, was im Hintergrund sein soll.An der (eigentlich) runden Medaille kann man erkennen, wie das Bild verzerrt wird.
Kann das vielleicht mal jemand bitte ausprobieren? Dann wüßte ich zumindest schon mal, ob es vielleicht doch nur am Bild liegt oder an mir


 Antworten

 Beitrag melden
13.04.2018 19:03
avatar  julie
#19
avatar
User

Les dir das mal genau durch.

Übrigends dein Bild sehe ich nicht verzerrt.

Global → Hintergrund der Kopfzeile total verzerrt

Besonders das:

Zitat von Olaf im Beitrag Global → Hintergrund der Kopfzeile total verzerrt
Zitat von Gast im Beitrag Global → Hintergrund der Kopfzeile total verzerrt
Das Bild an sich ist nicht sonderlich breit. Hast du denn ein sehr breites, dass du dort einfügen kannst?

Das Phänomen mal ein klein wenig genauer erklärt:
Dein Bild hat eine Größe von 818px breit X 500px hoch.
Wenn ein Betrachter von Deinem Forum eine andere Anzeigegröße von seinem Monitor eingestellt hat als 818px breit,dann wird Deine Grafik von seinem Browser einfach auf die Anzeigegröße "gezogen" oder bei kleinerer Auflösung "gestaucht",bis Deine obere Bildfläche von Deinem Bild ausgefüllt ist.Du möchtest ja auch,das Dein Bild die ganze obere Bildfläche ausfüllt.
Nebei zu erwähnen,es gibt Scripte,bei Denen man für jede Auflösung ein Hintergrundbild anfertigen muß,das dann erkennt was für eine Auflösung Dein Forumbetrachter hat und so dann die richtige Bildgröße einsetzt.Das wäre optimal.Auch für Dein Gittermuster ein muß.
Wenn Du aber ein Bild von z.B 1600px breit und in Deinem Fall 80px hoch anfertigst,dann wird das Bild einigermaßen in allen "geläufigen" Auflösungen verzerrungsarm angezeigt.

Gruß
Olaf


 Antworten

 Beitrag melden
13.04.2018 22:42
avatar  Mike48
#20
avatar
User

Ich sehe da nichts verzerrtes.

1920px


ca 1180px


ca 1000px


 Antworten

 Beitrag melden
14.04.2018 09:10
avatar  julie
#21
avatar
User

Bei mir erscheint auch nichts verzerrt.


 Antworten

 Beitrag melden
14.04.2018 10:50
avatar  Archer
#22
Ar
User

Wenn du das Hintergrundbild mal mit dem vergleichst welches ich weiter oben gepostet hab - und dabei mal die medaille als Referenz nimmst, siehst du die Verzerrung.
Sieht so aus als ob das Bild von 1920 auf ca. 1600 gestaucht wird, bei gleichbleibender Höhe.

Ich meine, schon beim Hochladen verzerrt, nicht bei Änderung der Fenstergröße.


 Antworten

 Beitrag melden
15.04.2018 14:33
avatar  Archer
#23
Ar
User

Wo finde ich eigentlich die CSS Konfiguration für das Hintergrundbild der Kopfzeile?


 Antworten

 Beitrag melden
15.04.2018 17:56
#24
avatar
User

@Archer Adminbereich -Layout - Kopfzeile da kommt das Logo rein, sofern man
das nicht hochladet.

Man kann das direkt in der Kopfzeile eingeben, wobei ich erwähnen muss, dass
ab einer Bildschirmgröße 1920 x 1080 sich ebenfalls wieder dein Wappen streckt bzw.
allgemein streckt sich dann das Logo und zwar in der Höhe.

Bei allen anderen Bildschirmauflösungen bleibt es jedoch im Orginal erhalten.

Das rein in die Kopfzeile und alles andere was du bereits drin hast (Logo und das Wappen)
an den Stellen wieder entfernen, wo du sie rein gemacht hast.

Dein Logo und Wappen habe ich gleich eingebaut hier, sowie deinen Linktext für dein Forum

1
 
<img src="https://up.picr.de/32405388pc.png" alt="Forum des Hanseatischen Schützenvereins zu Stralsund e.V." style="max-width: 1400px;" width="100%">
 


 Antworten

 Beitrag melden
17.04.2018 10:29
avatar  Archer
#25
Ar
User

Wenn ich das Hintergrundbild als Logo in der Kopfzeile einsetze, wird es nicht verzerrt. Allerdings ist es dann leicht nach rechts verschoben.
Also auf der linken Seite ist dann ein Rand frei, und rechts ist dann ein Stückchen außerhalb des Fensters.

Füge ich es dann als Hintergrundbild (Admin - Layout - usw.) ein, wird es wieder verzerrt.
Ein Bekannter, der sich mit solchen Geschichten etwas auskennt hat mir gesagt, dass das Problem in der CSS Konfiguration liegt, aber die findet er nicht für das Hintergrundbild.


 Antworten

 Beitrag melden
17.04.2018 13:23
avatar  Mike48
#26
avatar
User

Zitat
Also auf der linken Seite ist dann ein Rand frei, und rechts ist dann ein Stückchen außerhalb des Fensters.


Der Rand ist rundherum und wird rechts von der Bildlaufleiste verdeckt wenn eine vorhanden ist. Diesen Rand bekommst du weg, wie ich in diesem Beitrag >> Hintergrundbild der Kopfzeile verzerrt << beschrieben habe. Hat aber den Nachteil, dass dass Bild sich beim Seitenwechsel verschiebt, da der Rand kurz zu sehen ist dann verschwindet. Aus diesem Grund habe ich in meinem Forum wieder den Rand drin.


 Antworten

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