Bild nach oben schieben html?

Das Bild verschiebt sich die ganze Zeit nach unten? Ich schaff es nicht, das das bild unter der Überschrift liegt.... ich will das bild links haben und daneben wollte ich einen Text schreiben... Hilfe!

Bild zum Beitrag

1 Antwort

mat22

19.03.2023, 19:37

Hallo, ich bin es wieder ;)

Sieht gut aus, und du hast ja wirklich ein schönes Bild zusammengebastelt!

Kannst du nicht einfach das „Jazz“-Logo in einem Bildbearbeitungsprogramm auf das andere Bild drauflegen? Es hat doch anscheinend einen Alpha-Hintergrund. So könntest du auch sichergehen, dass das Logo auf jeden Fall in der Mitte des Hintergrundbilds liegt.

elifba2003

Fragesteller

19.03.2023, 19:52

Ja da hast du recht, probier ich mal aus!!

Ähnliche Fragen

Überschrift in Bild HTML?

Hallo,

wie kriege ich es hin das meine Überschrift (h1) in einem Bild unten links ist?

Danke

...zur Frage

Wie scrape ich das(Python-Selenium)?

Ich habe das Problem das ich den Text oder was auch immer das ist nicht gescrapt bekomme. Ich habe wirklich schon alles versucht. Der Text lässt sich auch nicht mit der Maus kopieren, noch ist er als String im HTML Code zu finden!

Den gemeinten Part den ich gerne gescrapt gehabt hätte ist unten markiert!

Die Seite wo ihr die das findet ist diese:(nicht gleiche Aufgabe aber gleiches Prinzip)

https://mathebattle.de/edu_randomtasks/training_show/480

Vielen Dank für Die Antworten!

...zur Frage

Text unter Bild in HTML hinzufügen?

Ich habe ein Bild. Darunter habe ich ein Text platziert. Allerdings geht der Horizontal von links nach rechts, was es auch soll. Nur soll er da anfangen, wo auch das Bild beginnt und enden, wo das Bild endet. In den zwei Bildern könnt ihr erkennen, wie es es gerade habe und nicht will und wie ich es gerne haben würde.

<!DOCTYPE html>
<html>
<head>
    <title>Film- und Serienbeschreibungen</title>
  


  <style>
    img {
        display: block;
        margin: 0 auto;
        width: 1000px;
        border-radius: 10px;
    }


    body {
        text-align: center;
    }


    p {
        
    }
  </style>
</head>
  <body>
    <img src="mrrobotscene.jpg">
    <h1>Mr. Robot - Beschreibung</h1>
    <p>Mr. Robot ist eine US-amerikanische Fernsehserie, die von Sam Esmail entwickelt wurde. Die Serie handelt von Elliot Alderson, einem jungen Programmierer, der für eine Cyber-Sicherheitsfirma arbeitet und in seiner Freizeit zum Hacker wird. Elliot leidet unter sozialen Ängsten und Depressionen und verfällt in eine Art Schizophrenie, die von seinem imaginären Freund, Mr. Robot, ausgelöst wird</p>
    
  </body>
</html>

...zur Frage

JavaScript / jQuery - Warum funktioniert das nicht?

Hallo,

ich möchte hier Absatz 2-5 eine Klasse ('abschnitt') geben und deren Text ändern zu 'neuer jQuery Text'.

Wieso funktioniert das hier nicht?

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    'use strict';

    document.onload = function() {
      for (var i = 1; i < document.querySelectorAll('p').length; i++) {
        document.querySelectorAll('p')[i].classList.add('abschnitt');
        $('.abschnitt').text('neuer jQuerytext');
      }
    }
  </script>
  <script></script>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <br>
  <h1> Überschrift </h1>
  <h2 id="ü2"> Überschrift h2 </h2>
  <p id="p1"> Absatz 1 </p>
  <p id="p2"> Absatz 2</p>
  <p> Absatz 2</p>
  <p> Absatz 3</p>
  <p> Absatz 4</p>
  <p> Absatz 5</p>
</body>
</html>

...zur Frage

HTML Tag als Text darstellen?

Hallo. Ich möchte den Tag <h1> nicht als Tag darstellen, sondern als Text. Wie geht das und macht man das in HTML selber oder in CSS?

Hintergrund: Ich versuche gerade eine Seite zu schreiben, wo HTML erklärt wird. Dort gibt es dann einen Satz bzw. Absatz, der wie folgt lautet:

"Die Sprache HTML beschreibt, wie der Browser (oder ein anderes Programm, wie z. B. ein Text-Editor) die Auszeichnungen des Textes zu „verstehen“ hat, nicht, wie er sie dann in der Darstellung umsetzt. So besagt <h1> zwar, dass eine Überschrift folgt, nicht aber, in welcher Schriftgröße oder Schriftschnitt diese darzustellen ist – hier haben sich nur gewisse übliche Standardeinstellungen eingebürgert, die aber nicht Teil der HTML-Spezifikation sind."

Das Problem ist nun, dass im zweiten Satz ab <h1> alles danach als Überschrift groß und fett geschrieben wird (und in einer neuen Zeile), weil er das alles, was danach folgt, als "Überschrift" kennzeichnet bzw. tagt. Das will ich aber nicht. Ich will, dass es als normaler Text dargestellt wird und alles danach auch. Wie genau mache ich das?

...zur Frage

Variable in Javascript in ein text dokument schreiben?

Hi Leute wie ihr in der Überschrift bereits seht wollte ich wissen wie man den Inhalt einer Variable in Javascript in ein Text Dokument schreiben kann welches sich in dem Ordner der HTML und Javascript datei befindet.

...zur Frage

html/CSS Hervorhebung durch Rahmen?

Hallo,

für den Informatik-Unterricht müssen wir auf einer eigenen html/CSS-Website die Kontaktdaten durch folgende Formatierungen hervorheben:

einen Rahmen der Breite 200 Pixel
eine Rahmenlinie von 1 Pixel Stärke
einen schwarzen Hintergrund
die Schriftfarbe magenta für die Überschrift und den Text, beide sollen zudem zentriert werden.

Außerdem sollen diese Daten zentriert auf der Seite positioniert werden.

Alle Vorgaben habe ich in die CSS-Datei eingearbeitet, sowie in der html-Datei durch ein div-Element verbunden. Jedoch wird der Rahmen auf meiner Website (Bild 1) zu breit. (Musterlösung: siehe Bild 2).

Kann mir jemand helfen?

Bild 1:

Bild 2:

...zur Frage

Was kann ich in den HTML Header schreiben, damit der Text in der Website in der Mitte schmal zentriert ist.?

Also, links und recht ein großer Abstand, und nur in der Mitte der Text, höchstens ein Drittel des Bildschirms einnehmend, was muss ich da in die HTML Styles oder so schreiben, danke

...zur Frage

Html CSS Überschrift ausrichten?

Hallo,

ich habe in einer Zeile sowohl Button, als auch eine Überschrift. Wie kann ich die Button links lassen, die Überschrift aber in die Mitte ziehen? Denke das erklärt schon alles, ansonsten fragen.

Zweite frage:

Wie richte ich das Bild so aus, dass es über die gesamte Webseite reicht? Width 100% hat nicht funktioniert.

...zur Frage

HTML Text verschiebt sich?

Hallo... Ich programmiere gerade eine Seite und möchte ein Bild rechts oben einfügen. Dazu benutze ich diesen Script: <img src="https://steamuserimages-a.akamaihd.net/ugc/109607797360622796/082FD74234D265BD8E8F60B2F75F94288E506F54/" img align="right">

Mein Problem ist dass sich der Text der links davon centriert in der Mitte ist weiter nach Links verschiebt obwohl das Bild den Text nicht berührt. Wenn ich das Bild in hintergrund setze um dieses Problem zu vermeiden wird das Bild unsichtbar. Und die größe des Bildes möchte ich auch nicht ändern. Kann mir wer sagen wie ich das Bild so hinbekomme das es den Text nicht verschiebt?

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

HTML - Wie kriege ich den Text in einer Liste linksbündig?

In einer Zeile eines Inhaltsverzeichnisse ist ein rotes Sternchen. Ich hätte gerne, dass der Text rechts daneben linksbündig ist, also nicht verschoben durch den Zeilenumbruch.

Der Text in den anderen Zeilen ist hinter den Nummern einwandfrei linksbündig. Nur sollte die zweite Zeile in Nr. 7 eingerückt sein.

...zur Frage

Html Buttons mit Tastatur?

Hallo ich habe ein Input Feld mit dem Type Text und daneben eines mit dem Type Button und eigentlich funktioniert auch alles aber wenn ich im Textfeld bin und enter drücke soll das selbe passieren wie wenn ich auf den Button drücke aber stattdessen wird die Seite neu geladen?

...zur Frage

html text verschieben in alle richtungen

mit welchem befehl kann man texte in html nach links,rechts,oben und unten verschieben?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen