WebSite X5Help Center

 
Michael G.
Michael G.
User

Header Breite Responsiv  de

Autor: Michael G.
Besucht 2597, Followers 2, Geteilt 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?

Gepostet am
8 ANTWORTEN
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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)

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von PJ D.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von PJ D.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

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?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

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

Mehr lesen
Gepostet am von Michael G.