HTML Texte untereinander Schreiben!

Hallo ich will in HTML einen großen text untereinander schreiben allerdings immer wenn ich dies Versuch es soll eine art impressum werden . Allerdings immer wenn ich dies versuch sind die Texte nebeneinander geschrieben ! ??

Wie mach ich dies ?

7 Antworten

derwendtde

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

29.08.2011, 15:35

Meinst Du so… http://goo.gl/vpSo7 …?

Den Container noch links floaten lassen, dann kann normal geschriebener Text in einem anderen DIV rechts daneben wieder ganz normal geschrieben werden.

Das Knoff hoff dahinter: Die Breite des .container DIVs ist 1em; das ist die Maßeinheit für die Breite eines Leerzeichens. Und die Leerzeichen müssen halt im Text die einzelnen Buchstaben trennen. Das ist alles.

oder:

…Wenn Dir ganze Absätze (P) nach rechts wegrutschen, dann steht irgendwo

p {float:left;}

oder sowas, und das muss dann raus.

oOHamsterOo

29.08.2011, 12:36

Wenn du nur html hast ohne einen Wysiwyg Editor, dann nutze einfach um einen Zeilenumbruch zu erzwingen bzw. Text für einen Absatz

ImJustAnonym

29.08.2011, 12:52

Wenn man verwendet, denn würde ich es so schreiben: SO verwendet man das heute, weils ja eig kein End-tag wie das Hat.

oOHamsterOo

29.08.2011, 16:50

@ImJustAnonym

funktionieren tun beide Modi und können auch von allen Browsern gelesen werden, ob nun mit oder ohne /. Grundsätzlich hast recht. Es ist in xhtml ein musthave (alternative wäre ja um wirklich zu schließen., ansonsten ziemlich Latte.

derBeobachter

29.08.2011, 12:34

wie wäre es mit absätzen ... oder gewünschten Zeilenschaltungen

Und wie wäre es, erst mal die grundlegenden Sachen zu lernen und uns nicht mit dem kleinen Einmaleins zu belästigen????

Dobioh

29.08.2011, 12:34

ein Tag bewirkt einen Zeilenumbruch

FunnyItsElmo

29.08.2011, 12:36

Du musst hinter dem ersten punkt br / setzen. dann wird eine neue zeile angefangen.

derBeobachter

29.08.2011, 12:37

Äh, lästig mit diesem Eingabefeld, dass nicht einmal HTML Tags escaped,

Üben, GF, üben!

Ähnliche Beiträge

3 bilder mit text nebeneinander sotieren html und css?

hi Leute wie kann ich 3 Bilder mit Text dazu nebeneinander sortiert weil bei mir ist alles untereinander sortiert ihr ein Beispiel Bild und ihr auch ein beispiel was ich bisher programmiert habe

...zum Beitrag

Css Elemente nebeneinander und nicht untereinander?

Wie kann ich diese Elemente so positionieren, dass sie nebeneinander und nicht untereinander sind?

HTML:

  <div>
    <div v-for="recipe in recipes" :key="recipe.id">
      <div class="recipe">
        <img class="recipe-img" :src="recipe.img" alt="" />
        <div class="recipe-description">
          <h3 class="recipe-title">{{ recipe.title }}</h3>
          <h4 class="recipe-time">
            <i class="far fa-clock"></i> {{ recipe.time }} Minutes
          </h4>
          <h4 class="level">
            <i class="far fa-check-circle"></i> {{ recipe.level }} to make
          </h4>
        </div>
      </div>
    </div>
  </div>

CSS:

.recipe-img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}


.recipe {
  margin: 30px;
}


.recipe-description {
  text-align: center;
  margin-top: 10px;
  border: 1px solid #444;
  border-top: none;
  padding: 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #444;
  color: white;
  width: 300px;
}


.recipe-title,
.recipe-time,
.recipe-level {
  margin: 5px;
}

...zum Beitrag

HTML: Videos nebeneinander einbetten! Wie?!

Hallo, ich möchte auf meinem eigenem Blog mehrere Youtube Videos statt untereinander, nebeneinander einbetten, sodass die Videos dann auch nebeneinander online erscheinen! Ich habe mich schon im Internet informiert, bisher konnte ich nur das hier auffassen:

eine Art Code für den "nebeneinander-Effekt"... aber wo genau pflanz ich den jetzt rein? Vor dem 1. video code, nach dem Video code? Keine ahnung! unten stehen meine Video Codes, könnt ihr die bitte kopieren und mir den richtigen Code hinschreiben? Wäre nett!

Grüße, Allicious ;-)

...zum Beitrag

4 divs nebeneinander anordnen

Hallo, ich habe 4 divs, die in einem großen div direkt nebeneinander liegen sollen.

ich hab erstmal ohne stylesheet angefangen:D

http://finnzentgraf.fi.funpic.de/Untitled-1.html

warum leigen die alle untereinander, und sogar außerhalb des großen divs?

...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

Wie kann ich die HTML-Buttons untereinander anordnen?

Hey,

in einer while-Schleife habe ich einen Button erstellt. Doch sie werden nebeneinander angeordnet und nicht untereinander. Doch wie positioniere ich sie untereinander (Nein,   funktioniert nicht)?

  while ($row = mysqli_fetch_assoc($data)) {
?>
<p class="select_btn">
  <button class="lebensmittel-eintrag" data-value="<?php echo $row['lebensmittel']?>">
    <?php echo ($number).". ".$row['lebensmittel']."<br>"; ?>
  </button>
  <br>
</p>
<?php $number++; ?>
<?php
  }
?>

...zum Beitrag

Dark-Mode White-Mode Schalter Position verschieben?

Guten Abend, ich benötige Hilfe bei einer Website, die ich derzeit programmiere. Ich versuche einen "Dark-Mode" An-Aus Schalter hinzuzufügen. Dabei stoße ich derzeit auf ein Problem: Ich würde den betreffenden 'Knopf' zum ändern der Hintergrundfarbe gerne an den oberen, rechten Seitenrand verschieben, jedoch finde ich nicht den richtigen Befehl an der richtigen Stelle dazu. Ihr kennt euch sicherlich besser mit so etwas aus. Vielen Dank schon mal im Voraus.

(Entschuldigung für die fehlende Formatierung, die Nachricht hätte sonst zu viele Zeichen) + (CSS-Datei befindet sich in den Kommentaren)

Hier der Code der HTML-Seite:

<html lang="de">
<head>
<meta charset=utf-8>
<title>Test-Titel(Tab)</title>
<link rel="Stylesheet" href="TestSeite.css">
</head>
<body>

<form>

<!-- LOGO -->

<div class="Logo">

<a href="https://www.google.com/"> <img src="ImpressumsSymbol (sklein).png"> </a>

</div>

<!-- ----- -->

<!-- HIER BEFINDET SICH DIE FRAGE -->

<input id="dark-mode" class="toggle" type="checkbox" name="Dark mode" role="switch" value="on">

<div class="curtain"></div>

<!-- UEBERSCHRIFT -->

<div class="Ueberschrift">

<h1> <b> ÜBERSCHIRFT </b> </h1>

<h2> IMPRESSUM </h2>

</div>

<!-- ----- -->

<!-- BUTTONS -->

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<!-- ----- -->

<!-- KONTAKT -->
<div class="Impressum">

<h2> <u> TEXT </u> </h2>

</div>

<center>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
<br>
TEXT
</p>
<p>
TEXT
<br>
TEXT
</p>

<p> TEXT </p>

</center>
<!-- ----- -->
<!-- IMPRESSUM -->
<div class="Impressum">

<h2> <u> IMPRESSUM </u> </h2>

<h3>TEXT</h3>

<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p> TEXT
<br>
TEXT
</p>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
</p>

<h2>TEXT</h2>
<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p>
<a href="https://www.google.com/" class="link">TEXT</a>

</p>
<p>
TEXT
</p>

<h3>Haftung für Inhalte</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

</div>

<!-- ----- -->





</form>

</body>

</html>

...zum Beitrag

Wie bekomme ich die Boxen untereinander html?

Wie bekomme ich die Username und die Password Text Boxen Untereinander ?

...zum Beitrag

Html div anordnen?

Hallo, ich habe mehrere Container, welche nebeneinander, bzw. untereinander platziert

werden sollten. Das problem liegt darin, dass wenn ein Container zu groß ist werden bei den kleineren Container platz gelassen. Wie kann man das vermeiden?

...zum Beitrag

Frage zur Formatierung in HTML (Bild, h1, h2) nebeneinander?

Hallo Liebe Community, ich habe ein Problem mit HTML... Könnte mir bitte jemand helfen.

Und zwar übe ich gerade ein bisschen mit HTML, und mir ist gerade aufgefallen, dass wenn in im Header ein Bild, eine Überschrift

und eine Zweite Überschrift habe, diese untereinander stehen, ich meine... Das wusste ich ja... Aber nun möchte ich wissen, wie ich diese drei nebeneinander darstellen kann... Ich habe leider auch nichts im Internet gefunden...
Skript:

...
xxx yyy

...

Ich habe auch schon alles in CSS versucht, aber habe es nicht hinbekommen...

mfg Alexander

...zum Beitrag

Html, textfelder Nebeneinander, Mittig, verschiedene größen und Text funtkioniert nicht?

Ich versuche gerade in Html 2 Textfelder Nebeneindaer zu bekommen das Rechte soll ein Bild haben, In das Linke Text.

Der Code: https://pastebin.com/qScdL5Vs

Die Bilder:

Wenn ich Wenig Reinschreibe:

Wenn ich nichts Reinschreibe:

Wenn ich viel Reinschreibe:

Ich würde mich Wirklich über Hilfe Freuen. Danke :)

...zum Beitrag

Muss man für jede html Unterseite ein css Dokument machen?

Hi, habe eine Hauptseite(index.html) mit einem css Dokument und dazu mehrere Unterseiten wie z.b. das Impressum(index_impressum.html).Wenn ich jetzt den Text bearbeiten will, muss ich dann für alle Unterseiten (bzw. html Dokumente) ein eigenes css Dokument machen?Danke im Vorraus!

...zum Beitrag

HTML Dinge nebeneinander anordnen?

Hi, ich habe etwas HTML und CSS geschrieben und das Ergebnis ist nicht wie ich es mir gewünscht habe. Ich will versuchen, dass das Bild ganz links auf der Website ist, in der Mitte das Willkommen und ganz rechts der link zu einer anderen Page. Ich habe versucht, die Elemente zu positionieren, aber irgendwie verändert sich die Position nicht. Kann jemand den Fehler hier vielleicht schnell finden? Danke schonmal!

...zum Beitrag

Wie bleibt der Footer immer ganz unten der Seite (CSS,HTML)?

Hllo, ich möchte den Footer immer ganz unten der Seite haben. Allerdings ist ern nicht ganz unten wenn ich z.B. nur 1. Satz geschrieben habe... hier klappts nicht Beispiel: http://tom.musicintime.de/ hier klappts Beispiel: [Impressum]

Ich habe das mit footer { position: relative; width: 100%; } ausprobiert allerdings mit diesem Ergebniss

Wie kann ich Den Footer IMMER am Seitenende haben egal wie viel Inhalt ich habe?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen