Grafik randlos einfügen

  • Hallo ihr lieben,

    ich habe folgende Frage und benötige wenn möglich einen Lösungsweg:

    Da ich ein Anfänger in HTML bin und mich dennoch ins HTML stürze (zugegeben...der Rechner war kurz davor aus dem Fenster geworfen zu werden *grrrrrrrr)
    hier nun meine Problematik:
    Mein Firmenlogo ist bereits in der oberen linken Ecke (was gut ist, ich es allerdings nicht ganz so oben an den Rand gequetscht haben möchte).
    Nun möchte ich eine Grafik (ein grauer Balken) über die komplette Breite des Bildschirms einfügen. Sie soll außerdem nur 50% der Originalhöhe haben und natürlich wiederholt werden (da sie doch nicht lang genug wäre).
    Ich hoffe ihr habt verstanden was ich meine und könnt mir helfen.....bevor ich diesen Rechner anzünde und das komplette Internet in Brand setze ;)
    Vielen Dank schonmal

  • Klar, ist ja noch recht klein. Die css:


    img { max-width: 100%; height: auto }


    #img-logofinal{ max-width: 100%;

    height: auto;

    position: absolute;

    }


    #blackRow { height: 30px;

    background-color: black;

    }

    #image-new{ position: absolute;

    max-width: 100%;

    height: 25%;

    margin: 0px;

    padding: 0px;

    left: 0px;

    }


    HTML:


    <!doctype html>

    <html lang="de">

    <head>

    <meta charset="utf-8">

    <title>Mein Titel</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="stylesheet" href="html/kaskade.css">

    </head>

    <body>

    <img src="images/logofinal.png" alt="Firmenlogo">

    <div><img id="image-new" src="images/graphic-solo.jpg"; border="0"></div>

    </body>

    </html>


    Soweit kann ich das Bild unterhalb des Logos einbinden. Aber wie wiederhole ich es, damit es die komplette Breite einnimmt?

    Vielen Dank

    P.S. ich revangiere mich sehr gerne :)

  • Ich verstehe das mit den Balken nicht und so .Kannst du mal nee grafik erstellen.

    Ist das eine Bild ein Balken ? Ich kann die bilder ja nicht sehen.Fals ja man kann den Balken auch mit Css erzeugen.



    Soll derBalken als Hintergrund dienen?

    Oder als begrenzung zum Bild.

    Irgendwie komme ich mit den angaben nicht weit.

    Bilder wieder holen macht man mit Background-image. Soll dein bild die ganze breite einnehmen oder das es verzehrt wird?

    Wenn es aber nur Grau ist kann man das auch ohne Foto machen.

    Fragen über Fragen. Machmal eine Grafik fertig wie es assehen soll?


    In deiner css steht max-width:100%; mach mal das max- weg , vieleicht hilft dir das. Und bei fester positionierung wäre aucheine höhen angabe zb top:0px; ganz gut.


    Besser wäre ohne fester position.

    Aber das kann ich dir dann zeigen wenn du grafik fertig hast

  • http://www.bilder-upload.eu/sh…ile=68ff31-1521045774.png


    Dadurch das ich das max in dem max-width rausgenommen habe (vielen Dank dafür) hat er den Balken auf die komplette Breite des Bildschirms gestreckt.
    So möchte ich das fast haben. Nur jetzt ist das Bild (Balken) sehr gestreckt. Deshalb wollte ich das der Balken wiederholt. Wenn ich diesen als Hintergrund einfüge, setzt er sich vor dem Firmenlogo rein, so das dass Firmenlogo verschwindet. Und das soll ja nicht sein.

  • Weil ich die Grafik mühselig mit Photoshop erstellt habe. Da ist eine Struktur drin und die ich gerne so hätte. Sonst wäre der Balken nur ein Farbklecks.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!