Html Text unter bild?

Hallo,

Wie kriege ich diesen Text unter das bild

Bild zum Beitrag

3 Antworten

18.11.2022, 20:59

Als Beispiel:


<style type="text/css>
 /*<![CDATA[*/
.c1{background-image: url(../..png);
			 background-attachment: ?scroll;
			 background-position:center top;
			 background-repeat: no-repeat; 
			 background-size: 60% 100%;
}
/*]]>*/
</style>

(head -  body)

<div class="c1" style="height:500px;width:350px">
 <FORM>
(Buybutton)
 </FORM>
<br />...DEIN TEXT....
</div>

wvnwv

Beitragsersteller

18.11.2022, 21:08

Der Text ist immernoch nicht unter dem bild

1337j4x

18.11.2022, 21:33

@wvnwv

Ja, richtig! Den schreibst du zwischen </FORM> und </div>

Warte - ich ergänze

wvnwv

Beitragsersteller

18.11.2022, 21:37

@1337j4x

Ja habe es gerade gesehen jetzt geht es danke

Xandros0506

18.11.2022, 20:46

richtig innerhalb des dem Bildelement übergeordneten Containerelementes positionieren.

Da wir den Quelltext nicht kennen, kann man dir da nichts Genaueres sagen.

wvnwv

Beitragsersteller

18.11.2022, 20:56

Wenn du willst kann ich in dir zeigen

NackterGerd

18.11.2022, 22:05

@wvnwv

Ja wo ist er denn

wvnwv

Beitragsersteller

18.11.2022, 23:30

@NackterGerd

Hab das Problem gefunden und schon gelöst

NackterGerd

18.11.2022, 22:04

Ganz einfach

Entsprechend positionieren.

D.h Bild und Text in einem DIV

Bzw ganz einfach mit GRID

Ähnliche Beiträge

Html semibold und bold schauen gleich aus?

Hallo, ich arbeite aktuell an einem NextJS Projekt mit TailwindCSS. Mein Problem ist, dass Font-Weight 600 und 700, 100 bis 500 und 800 und 900 gleich ausschauen. Das ist aber auch bei einem Normalen HTML Dokument so.

Das Problem besteht in allen Browsern.
Danke für die Antwort im Vorraus.

Code zum Nachmachen:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Font Weight Test</title>
    <style>
        body {
            font-family: Arial, sans-serif; /* Using a widely available font */
        }
        .thin {
            font-weight: 100;
        }
        .light {
            font-weight: 300;
        }
        .normal {
            font-weight: 400;
        }
        .medium {
            font-weight: 500;
        }
        .semibold {
            font-weight: 600;
        }
        .bold {
            font-weight: 700;
        }
        .extrabold {
            font-weight: 800;
        }
        .black {
            font-weight: 900;
        }
    </style>
</head>
<body>
    <h1>Font Weight Test</h1>
    <p class="thin">This is thin text (100).</p>
    <p class="light">This is light text (300).</p>
    <p class="normal">This is normal text (400).</p>
    <p class="medium">This is medium text (500).</p>
    <p class="semibold">This is semibold text (600).</p>
    <p class="bold">This is bold text (700).</p>
    <p class="extrabold">This is extrabold text (800).</p>
    <p class="black">This is black text (900).</p>
</body>
</html>

...zum Beitrag

HTML / CSS: Wie kann ich einen Text horizontal zentrieren?

Wie kann ich einen Text in die Mitte bringen?

So wie ich es versucht habe, funktioniert es ab einer bestimmten Größe nicht mehr! Und gibt es eine Möglichkeit sicherzustellen, dass das Bild zuvor geladen hat?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
    <style>
      body {
        background-image: url("bild.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        overflow: hidden;
      }

      h1 {
        color: white;
        font-family: Geneva, Verdana, sans-serif;
        font-size: 200px;
        text-align: center;
        /*transition: padding-top 1s,padding-bottom 1s,font-size 1s;*/
        padding-top: 38vh;       
        padding-bottom: 70vh;
      }

      h1 {
        /*animation-name: titel;
        animation-duration: 6s;
        animation-delay: 6s;
        animation-fill-mode: forwards;*/
        animation: titel 6s 6s forwards
      }

      @keyframes titel {
        from {padding-top: 38vh; padding-bottom: 70vh;font-size: 200px;}
        to {padding-top: 0px; padding-bottom: 0px;font-size: 80px;}
      }

      p {
        color: aliceblue
      }
    </style>
    <script src="script.js"></script>
  </head>
  <body>
    <h1>TITEL</h1>
    <p>Test-Text</p>
  </body>
</html>

...zum Beitrag

Kann man mit HTML einen Text nur auf die Hälfte der Seite machen?

Ich möchte einen Text im Blocksatz nur auf der Hälfte der Seite haben, sodass der Text mit dem Ende einer Tabelle abschließt. Ist da was möglich? Wie nennt man sowas, ich scheine nicht die richtigen Begriffe für Google zu verwenden?

Skizze hinzugefügt.

...zum Beitrag

Wie kann ich im HTML style die Aufzählungspunkte in die Mitte des Textes setzten?

Wie kann ich im HTML style die Aufzählungspunkte (Hacken) in Mitte des Textes Bringen, sodass die Punkte parallel zum Text sind und nicht verschoben?

Vielen Dank im Voraus!

...zum Beitrag

Text aus anderem Dokument in HTML Webseite verknüpfen?

Angenommen, ich hätte 2 HTML Dokumente 1.HTML und 2.HTML und in beiden werden z.B. alle Windows Versionen aufgezählten. Jetzt kommt Windows 12 hinzu. In diesem fall muss ich jetzt überall Windows 12 Hinzufügen.

Gibt es die Möglichkeit eine Datei Windows Versionen.[Dateiformat] zu erstellen, in der die Aufzählung eingetragen ist, so dass ich in 1.HTML und 2.HTML den Link von Windows Versionen.[Dateiformat] einfüge, und beide automatisch auf die Datei zugreifen, wo die Liste drin ist, und die Daten anzeigen?

Geht dass?

Welche Programmiersprache muss ich verwenden?

Wie füge ich die Dateien in HTML ein?

Könnt ihr mir ein Beispiel zeigen?

...zum Beitrag

Mit javascript HTML textfeld auslesen?

Hallo,

Ich würde gerne aus einem textfeld (also type="text") den vom Benutzer eingegebenen Text auf der Website anzeigen. Ich weiß das man das mit einem Button machen kann aber ich will das es quasi "live" direkt auf der website geschrieben wird. Ist das möglich?

Danke schonmal im vorraus

...zum Beitrag

Wie kann ich einen Zufallsgenerator programmieren?

Ich möchte gerne ein Zufallsgeneraor erstellen, der durch Drücken eines Buttons einen zufälligen Text aus einer Liste auswählt und anzeigt.

...zum Beitrag

Stichpunkte mit Html bearbeiten?

Hii ich versuch gerade html zu lernen und will listen machen.

So sieht die Website gerade aus:

Ich möchte das der text von den verschiedenen Stichpunkten verschiedene farben hat also, dass Katze: Lila Hund:Pink Otter:blau. Außerdem möchte ich das die herzen for den Stichpunkten Pfoten sind.

Das ist mein Code:

Wie muss ich den abändern damit das funktioniert?

(Außerdem funktioniert meine Css Datei nicht wäre nett wenn mir da auch wer weiterhelfen könnte)

...zum Beitrag

HTML - Wie kriege ich einen Text hinter eine Raute?

Ich habe folgenden HTML-Code, aber kriege den Text nicht nach oben:

------------------------------------------------------

🔷

</div>

<p>

Dieser Text soll <strong>hinter</strong> der Raute beginnen und die zweite Zeile <strong>linksbündig mit der Raute</strong> sein.

</p>

------------------------------------------------------

Der Screenshot dazu vom Handy:

...zum Beitrag

Timer auf Webseite (HTML)?

Wie kann ich in JTML einen Versteckten Tiger stellen, so dass einige Texte erst nach Ablauf des Timers (z.B. 10 sek.) Auftauchen. Der endbenutzer soll davon nichts sehen!

...zum Beitrag

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.

...zum Beitrag

Bild Datei ins selbe Verzeichnis bringen wie html Datei?

Wie schaffe ich das wenn meine html Datei in VS drin ist? Ich hab keine ahnung wie ich die in einen externen Ordner tun soll.

Wie soll ich den Pfad angeben?

(Bild ist im Ordner namens Pegasus, Bild heißt landschaft.jpg)

Ist kein Problem das Bild woanders hin zu tun damit es einfacher geht, ich weiß nur nicht wie.

So habe ich das gemacht:

body {
        font-family: helvetica, arial;
        font-size: 90%;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        justify-content: center;
        text-align: center;
        background-image: url(Pegasus/landschaft.jpg);
        background-attachment: fixed;
        background-size: cover;
      }

...zum Beitrag

Schriftart aus HTML-Email bei Copy and Paste übernehmen?

Ist es möglich das eine in einer HTML-Email angegebene schriftart bei Copy and Paste in ein Schreibprogramm erhalten beleibt? Das z.B. in der HTML E-Mail ein Text in Arial geschrieben ist und wenn ich den in mein Schreib-Programm einfüge der Text dort auch in Arial geschrieben ist?

Hoffe auf antworten,

Bohne47

...zum Beitrag

Wie macht man eine HTML Webseite responsive?

Ich habe in einem div Container zwei div Container nebeneinander.

Wenn man die Webseite vom Handy aus öffnet, sollen die zwei div Container welche nebeneinander sind übereinander angezeigt werden, ansonsten sieht der Text echt schlecht aus, wie kriege ich das hin?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen