WebSite X5Help Center

 
Michael G.
Michael G.
User

Header Breite Responsiv  de

Autor: Michael G.
Visited 2617, Followers 2, Udostępniony 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?

Posted on the
8 ODPOWIEDZI
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)

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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?

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Michael G.