Artikel über Header Stripe Responsive

abel

Hallo!

Ich benutze das Layout "Stripe Responsive" und habe über dem Header (Bilderstreifen) einen zusätzlichen Artikel einfgefügt, mit meinem LOGO und einem kleinen Zusatztext drin. Das ist also nun das erste Element auf meiner WebSite (in Entwicklung) am oberen Bildschirmrand. Mit F8 angesehen, heisst dieser Teil "Banner".

Nun sehe ich, dass der Abstand von diesem Banner (1. Artikel) zum Header sehr gross ist, was auf einem Smartphone nicht gut aussieht. Gibt es ein Möglichkeit, die Grösse dieses Artikels, seinen Abstand vom oberen Bildschirmrand und seinen Abstand zum Header zu steuern - nur für diesen Artikel - oder geht das nur global für die danze Site mit Artikellabstand? Ich möchte also erreichen, dass mein Banner kleiner wird und näher zum Header platziert werden kann.

Danke für Eure Hilfe. Grüsse, abel.

Mario

Hallo Abel,
ich habe das HIER auch so gemacht.
Dem Artikel habe ich dabei eine feste Größe gegeben:

HTML

<div style="height:70px;">
<div class="logo">
<a href="http://code.zella.de/"><img src="http://zella.de/code/bilder/logo402x100.png" alt="Logo Codeschnipsel Zeta Producer" /></a>
</div></div>

Und das Logo per Einstellungen > CSS positioniert:

CSS

/* Logo =============== */
.logo {
position: absolute;
top:10px;
left: 50%;
margin-left: -450px;
z-index:7000;
}
@media (max-width: 979px) {
.logo {
left: 10px;
margin-left:0;
}}

Alles anzeigen

Alternativ kannst du auch mal versuchen dem Artikel einen negativen Margin-Wert zu geben.
Also dem Artikel oder dem Container folgendes Inline-CSS geben und anpassen:

CSS

margin-top: -40px; margin-bottom: -40px;

Anschließend auch in der mobilen Ansicht prüfen Browser-Fenster in der Breite verkleinern".

abel

Hallo Mario

Ich danke Dir herzlich für Deine Anmerkungen und Deinen Code . Werde versuchen, das zu verstehen und bei mir anzuwenden. Ich habe aber ZETA Producer noch nicht lange und für mich ist es manchmal sehr schwierig zu verstehen, was ich dann wo genau machen muss. Da ich zudem die HTML-Programmierung nicht beherrsche, macht es das alles für mich nicht einfacher...

Ich werde aber nun erst einmal versuchen, das nachzuvollziehen, was Du mir sagtest, bevor ich mich wieder melde. Ich habe eigentlich zwei Artikel in meinem TOP-Bereich, links ein LOGO und daneben so etwas wie einen Werbespruch. Das wird dann wohl nicht ganz genau so gehen, wie Du es mir vorgeschlagen hast, da ich ja eigentlich zwei Artikel habe (1x Bild, 1x Text; aber neben einander). Ich werde mir das überlegen und für das Nachvollziehen ein wenig Zeit brauchen.

Ich danke Dir und beste Grüsse, abel.

Artikel über Header Stripe Responsive

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?