Kann man ein Bild mit HTML zuschneiden?

Ich arbeite gerade an einer Signatur wo das Bild durch eine Grafik aus dem Internet eingebunden werden muss. Die PNG Datei hat aber oben und unten Flächen, die "abgeschnitten" werden sollen. Anbei der HTML-Code und das Bild.

DANKE!!

Bild - (Computer, programmieren, E-Mail)

1 Antwort

stboy

08.02.2017, 16:10

Mit reinem HTML nicht. Wenn überhaupt, dann könnte man z.B. mit CSS tricksen.
Hier ein Beispiel: http://www.professorweb.de/css/bilder-mit-css-beschneiden.html

Da es eine Signatur ist, dürfte der Webserver sicherlich zum Unternehmen gehören? Dann wäre es eigentlich am einfachsten, eine passend bearbeitete Bilddatei auf dem Webserver zu hinterlegen, die für diese Signaturen verwendet werden kann.

Ähnliche Fragen

Mit HTML die Farbe eines Bildes ändern?

Hallo!

Ich habe eine .png Datei die nur aus transparenten und schwarzen Flächen besteht:

Ist es möglich mit HTML wenn z. B. einer mit der Maus drüber fährt (:hover) das sich der schwarze Teil im Bild zu blau ändert?

...zur Frage

Fehler beim Einbinden von CSS in HTML Datei?

Hallo, ich bin noch Anfänger und habe folgendes Problem: die CSS-Codes funktionieren nicht in meiner HTML Datei obwohl es eingebunden sein sollte und im Browser wird ein Fehler angezeigt aber ich weiß nicht was ich machen soll (Hab schon einiges probiert) anbei Bilder dazu, ich hoffe, dass mir jemand helfen kann. Vielen Dank schon Mal!

...zur Frage

Fehler bei HTML-Code beim Einbinden von CSS?

Hallo, ich hab folgendes Problem (dies hier ist eigentlich eine Wiederholung einer anderen Frage, aber mit Code) ich habe Probleme meine CSS Datei in meine HTML Datei einzubinden, bzw es ist nicht eingebunden obwohl ich den Code eingegeben habe und auch beides in einem Ordner gepackt habe. Ich zeige meinen Quellcode und würde euch bitten eventuell rüberzuschauen und mir zusagen, welchen Fehler ich gemacht habe.

...zur Frage

HTML/CSS Bild passt sich nicht automatisch an?

Hallo,

ich bin dabei HTML und CSS zu lernen. Kann mir jemand sagen, warum sich das Bild nicht automatisch der Browsergröße anpasst? Anbei mein Code.

...zur Frage

HTML Code direkt in Browser ausführen?

Also ich habe den Code für eine Webseite (HTML) und ich würde diesen Code gerne direkt in einem Browser ausführen, sodass er die Seite anzeigt.

Geht das, ohne dass man den Weg über eine html-Datei geht und die einfach öffnet?

...zur Frage

HTML Bild als Icon einfügen.. Wie?

Bitte um schnelle Hilfe

Ich arbeite zur Zeit an einer Website und habe ein PNG Bild, welches ich in der CSS- datei als icon einfügen möchte. wie geht das denn???

Habe bisher nur fertige Icons im Internet gefunden. Vielen Dank ;-)

...zur Frage

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zur Frage

Frage zu CSS background-image?

Hallo Gutefrage,

links mein Code, rechts wie es aussehen soll:

Der Bildschirm soll an den Bild-Rand abgeschnitten werden.

Ich habe es versucht, indem ich die with verkleinert habe, dann wird das Bilder aber nur rechts abgeschnitten.

So sieht das Bild bei mir aus:

Also es wir rechts abgeschnitten, wenn ich die width verkleinere. Kann ich das irgendwie umdrehen, dass es links abgeschnitten wird und trotzdem links ab Bild-Rand bleibt?

...zur Frage

HTML Code CSGO Case Oepning?

Hallo,

ich suche einen HTML,CSS, Java Code der ein CSGO Case Opening animiert. Also man fügt Bilder ein und man klickt auf einen Roll Button und die Animation spinnt dann auf ein Bild.

...zur Frage

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zur Frage

.gif Datei als HTML Hintergrund?

Hey Community! ich möchte mittels html & css ein .gif Video als hintergrund in einer .html benutzen. wie wäre dafür der code in html und css?

...zur Frage

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zur Frage

HTML/CSS, Bilder werden nicht angezeigt?

Ich habe im <body> mehrere divs, in denen abwechselnd divs und Texte untereinander angezeigt werden sollen. Die Bilder sollen auf voller Höhe sein (height: 100vh;). Wenn ich die Bilder mit <img src=""> im HTML Code im div einfüge, wird es angezeigt. Will ich es aber in meiner CSS Datei als background-image vom div einfügen, wird der Bereich, wo das Bild sein sollte, einfach nur grau. Die style.css ist richtig in der HTML-Datei angegeben, da andere Styles funktionieren. Der Pfad ist ebenfalls richtig angegeben. Hat jemand Ideen, was ich falsch mache? :(

...zur Frage

Wie kann ich in Visual Studio Code eine JavaScript Datei in eine html datei einbinden?

Also nicht im HTML Code integriert!

Danke! :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen