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 Beiträge

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!

...zum Beitrag

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?

...zum Beitrag

Python mit HTML verbinden?

Hallo,

ich habe eine HTML- Datei und eine Python- Datei, welche ich mit Flask verbinden möchte. Mein Ziel ist es, dass wenn ich das Wort „Luna“ sage, ein div in der HTML- Datei eingefügt wird, doch bei mir funktioniert das nicht. Kann mir jemand erklären, wie ich die zwei Codes verbinden kann?

Freundliche Grüsse

...zum Beitrag

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?

...zum Beitrag

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.

...zum Beitrag

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.

...zum Beitrag

HTML und CSS - Wie kann ich bei meinem HTML-code Bilder in der CSS-Datei so skalieren, dass sie innerhalb eines Containers immer die volle Breite haben?

Hallöchen, ich bin noch relativ unerfahren und arbeite gerade an einem HTML-Code, in dem es mehrere nebeneinander liegende Felder geben soll. Das hat auch alles bisher gut geklappt, allerdings gehört zu jedem Kasten auch ein Bild, dass sich an die Containergröße anpassen soll. mit dem Code:

hat das auch geklappt, gibt aber bei der Prozentangabe hinter dem width eine Fehlermeldung wenn man das durch den Validator schickt. Kann mir jemand sagen wie ich den gleichen Effekt erzielen kann und dabei in der CSS Datei arbeiten?

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

Das hat nähmlich leider nicht geklappt...

Danke im vorraus!

...zum Beitrag

HTML, CSS, Javascript EventHandler und .innerText?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test DOM Manipulation</title>
    <script src="inner.Text.js" defer></script>
</head>
<body>

<div>
    <button id="button">click me</button>
    <input type="submit" id="Einreichen" name="Einreichen" value="Testen">
</div>

</body>
</html>
const meinBody = document.body;
const e1 = document.createElement('div');

const innerText1 = "Programmieren ";
const innerText2 = document.createElement("b");
innerText2.innerText = "3";
const innerText3 = " FTW!";

e1.append(innerText1, innerText2, innerText3);
meinBody.append(e1);

const button = document.getElementById('button');

button.addEventListener('click', () =>  {
button.innerText = "Klicken";}

Wenn ich den button klicken, warum wird dann das click me nicht durch Klicken ersetzt?
Warum wird das meinBody.append(e1); nicht ausgeführt?

MFG

...zum Beitrag

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zum Beitrag

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? :(

...zum Beitrag

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

Also nicht im HTML Code integriert!

Danke! :)

...zum Beitrag

Wie Chrome Code Snippet zum HTML programmieren nutzen?

Hey,

ich programmiere gerade an einer relativ großen Webseite rum, die mehrere hundert Zeilen Code enthält. Leider ist diese Zeilenanzahl nun so groß, dass mein primäres HTML Programm, Brackets, absolut am ruckeln ist und der Live View nahezu unbenutzbar ist.

Nach ein wenig überlegen, fiel mir ein, dass man zum Beispiel in Chrome mithilfe eines Rechtsklicks und dann "Untersuchen" auch eine Art Code Widget gelangt in dem man relativ einfach und mit Live View eine Webseite bzw. die Index Dateien bearbeiten kann. Jedoch scheitert es immer wieder am Speichern, ich weiß einfach nicht wie ich die bearbeitete HTML Datei dann speichern kann (auch wenn ich sie ja auf meinem PC liegen habe) finde ich keine Möglichkeit die dann bearbeitete Datei zu speichern.

Wenn ihr wisst wie das ganze funktioniert oder wenn ihr eine Alternativen HTML Editor kennt, der etwas leistungsstärker als Brackets ist und Live View unterstützt, würde ich mich natürlich sehr über eine Antwort freuen

...zum Beitrag

Externe CSS Datei vor Inline CSS in HTML Datei bevorzugen?

Kann ich es irgendwie erzwingen, dass externe CSS Konfigurationen vor dem inline Code in der HTML Datei verwendet werden? Jede CSS Einstellung, die ich in einer externen CSS-Datei erstell, wird, wenn im HTML Code die selbe Einstellung nochmal vorhanden ist, von der internen überschrieben.

Beispiel:

Externes CSS:                                              Internes CSS:
z-index:1;                                                 z-index:2;

Im Browser wird der z-index 2 gezogen.

Danke für hilfreiche Antworten!

...zum Beitrag

Brackets HTML speichern?

Hallo,

Ich will in der Brackets open source coden und wollte fragen wie man in diesem Programm Dateien abspeichert um diese in Ordner zu legen.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen