Ankündigung

**bdt600** · 22.03.2023, 15:49

Crossposting: https://www.html-forum.de/threads/10812/#post-13700

**daggel** · 22.03.2023, 15:53

Hallo bdt600,

Warum bist Du sauer? Keine Ahnung, aber gehören die Foren zusammen? ??????????

**bdt600** · 22.03.2023, 15:58

Crossposting bedeutet, dass ein und dieselbe Frage in mehreren Foren oder Newsgroups gleichzeitig gestellt wird. Ein solches Verhalten wird von den meisten Helfern nicht toleriert, denn damit stellst Du einerseits die Kompetenz der Helfer jedes einzelnen Forums und Newsgroup in Frage und bewirkst zudem, dass ein zig-faches an Stunden aufgewendet wird, um nur ein einziges Problem zu lösen, denn überall werden sich die Helfer daran setzen, eine Lösung für Dich zu finden. Das ist ganz klar ein Missbrauch an dem kostenlosen und freiwilligen Support, der hier angeboten wird. Wenn Deine Frage klar und deutlich gestellt wurde, dann wirst Du ganz bestimmt innerhalb kürzester Zeit eine Antwort erhalten. Sollte dies auch nach mehreren Tagen nicht der Fall sein, dann versuche bitte die Frage besser zu formulieren. Falls Du dennoch in einem zweiten Forum posten solltest, erwähne bitte, dass Du die Frage schon woanders gestellt hast, und dass Du es tust, weil keine Lösung gefunden werden konnte.

**daggel** · 22.03.2023, 16:07

Ok, dass war mir nicht bewusst. Entschuldigung.

Aber Danke, dass Du mir das mitgeteilt hast. Ist mir bisher noch nie passiert.

Gruß

daggel

**Testie** · 22.03.2023, 18:21

Schon lustig. Die gleichen Antworten hier wie im anderem Forum

**daggel** · 23.03.2023, 12:25

Hallo,

habe eine Nacht darüber geschlafen und dann doch noch eine Lösung gefunden.

In HTML habe ich diese Anweisung stehen:

HTML-Code:

&lt;hr style="background-image:url(TrennungTranparentQuer.png)"&gt;

Das Bild muss bei mir aber direkt in dem Ordner liegen, in dem auch die HTML-Datei liegt. Meinen Pfad zum Ordner mit den Bildern funktioniert nicht. ?????

In der Css-Datei steht dann folgendes:

hr{
{
/*background: url("..\Bilder\TrennungTranparentQuer.png");*/
background-repeat: repeat-x;
background-size: 50px30px;
/*background-size: contain;*/
/*position: absolute;*/
width: 100%;
height: 60px;
margin-top: -15px;
border: none;
}}
}

Hab die "Kommentare" jezt nicht raus genommen.

Aber wie man sieht, es funktioniert:

grafik.png

Aber warum, funktioniert das bei mir nur auf diese Weise, ährend auf anderen Seiten was ganz anderes zu finden ist? Ich nutze Visual Studio Code und habe keine "Plugin" für HTML und Css istalliert.

Und ja, ich stelle das nur hier rein, damit man mir nicht weiter böse ist.

Liebe Grüße

daggel

}

**Sempervivum** · 23.03.2023, 14:25

Aber warum, funktioniert das bei mir nur auf diese Weise, ährend auf anderen Seiten was ganz anderes zu finden ist?

Das liegt daran, dass Du einige Syntaxfehler in deinem CSS hast. Ich nutze ebenfalls VS-Code und der zeigt den Code so an:
hr-bg-image.png

Dieses funktioniert jedoch einwandfrei:

Code:

    <style>
        hr {
            background: url("images/busleft.png");
            background-repeat: repeat-x;
            background-size: 50px 30px;
            /*background-size: contain;*/
            /*position: absolute;*/
            width: 100%;
            height: 60px;
            margin-top: -15px;
            border: none;
        }
    </style>
</head>
<body>
    <hr>

(Pfad des Bildes habe ich auf meine Gegebenheiten umgeändert.)

Wenn VS-Code ohne Erweiterungen diese Fehler nicht markiert, empfehle ich, geeignete zu installieren. Dann bleibt dir viel mühsame Fehlersuche erspart.

Edit: Noch etwas, dieses:

Code:

style="background-image:url(TrennungTranparentQuer.png)"

weist darauf hin, dass dein Bild im selben Verzeichnis wie die HTML-Datei liegt. Dann liegen u. U. Probleme mit den Pfaden vor. Informiere dich hier über das richtige Referenzieren:

HTML/Tutorials/Links/Referenzieren in HTML – SELFHTML-Wiki

https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Referenzieren_in_HTML

Hast Du dein CSS in eine Datei ausgelagert, ist der Pfad dieser Datei die Basis für das Adressieren von Bildern.

Ankündigung

Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?

Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

homepage-forum.de - Hilfe für Webmaster! Statistiken

Online-Benutzer

Die neuesten Themen

Die neuesten Beiträge