WebSite X5Help Center

 
Michael G.
Michael G.
User

Header Breite Responsiv  de

Auteur : Michael G.
Visité 2612, Followers 2, Partagé 0  

Hallo,

wenn ich im Header im responsiv Einstellungen, ein Hintergrundbild einfügen möchte, wie breit darf das denn sein, damit das nicht verschwommen wird?

Posté le
8 RéPONSES
Andreas S.
Andreas S.
Moderator

Du meinst in der Struktur der Vorlage für mobile Darstellung ?

Das kommt auf die Grafik an, in welchem Format (png, jpd, gif) und welche DPI Werte das Bild hat. Generell würde ich die Grafik für das Mobile auf 480px Breite speichern, damit  auch am Handy alles angezeigt wird. (Wobei ich noch einen CSS Code einfüge um die Grafik noch für kleinere Formate sichtbar zu machen)

Lire plus
Posté le de Andreas S.
PJ D.
PJ D.
User

@Andreas S.

wie und wo muss die css Code eingefügt und was fur ein code?

ich habe die probleme mein header ist abgesnitten beim iPhones / smartphones? Haben Sie ein idee? sehe www•peejdee•com

vielen danke im voraus.

PJ D.

Lire plus
Posté le de PJ D.
Andreas S.
Andreas S.
Moderator

Gib diesen Code in den Head (vor dem </head> Tag !)

<style>

@media screen and (max-width: 719px) {

#imHeader {background-size: 100%;    }

}

</style>

Muster zu sehen unter www.catv.at

Lire plus
Posté le de Andreas S.
PJ D.
PJ D.
User

@Andreas S.

Hatte geklappt, header ist ok!

was für code muss genutz, dass die footer passt?

Ich sehe das die Menu Button ist schön ein bissl weiter weg von header jetzt, gibt der ein fix für dieses problem?

MfG,

PJ D.

Lire plus
Posté le de PJ D.
Andreas S.
Andreas S.
Moderator

Für den Footer gibt es keinen generellen Code. Den muss man sich selber erstellen und in das Textfeld in der Struktur der Vorlage für mobile Geräte eingeben. Dort wird auch HTML Code akzeptiert.

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

jetzt habe ich die grafik 480 breit gemacht.

aber bei der ansicht 720px fehlt links und rechts was, ist ja logisch, aber wie kann man da sumgehen das der header immer voll zu sehen ist?

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator

Das ist eben das Problem denn es gibt Sprungmarken und für das mobile nur eine Grafik zum einstellen.

Sieh dir meine Musterbeispiel an im Quellcode habe ich extra für jede Sprungmarke eine Grafik eingebunden im CSS code.

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

Kenne mich leider nicht mit CSS aus.
Das ist dann wirklich ein Problem das man nur eine Grafik einstellen kann.

Hm da muss ich mal gucken was ich nun mache

Lire plus
Posté le de Michael G.