HTML tags unterordnen?

So hätte ich es gerne aber bei mir ist alles einfach untereinander und “klebt” links an der Seite. Kann mir jemand helfen?

Bild zum Beitrag

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

01.12.2019, 14:29

Eine Autoformatierung kann auch das XML Tools Plugin von Notepad++ anbieten. Gehe nach Installation im Menü auf Erweiterungen > XML Tools und wähle eine der Pretty Print-Einträge aus.

PS.: Als ich mir dein schiefes Bildschirmfoto angeschaut habe (Muss das eigentlich sein? Weißt du nicht wenigstens, wie man einen richtigen Screenshot macht?), ist mir übrigens aufgefallen, dass du einige Markupfehler hast:

Das align-Attribut gibt es gar nicht mehr im HTML-Standard. Nutze CSS (text-align) für die Positionierung.
Die Attribute height und width erwarten nur Zahlenwerte, die Einheitsangabe (px) dahinter müssen weg.

yallomelli556

Fragesteller

01.12.2019, 15:02

Das ist kein Screenshot. Ich hab ein Bild von dem Laptop eines Freundes gemacht. Ich weiß auch nicht wieso die Qualität so geworden ist.

regex9

01.12.2019, 15:30

@yallomelli556

Ja, ich weiß dass das kein Screenshot ist. Das schrieb ich ja auch. Zumindest ein Screenshot wäre aber schon eine Verbesserung gegenüber solchen Fotos. Das Optimum wären editierbare Texte, da man die trotz Sehproblemen für sich skalieren kann. Die beiden letzten Optionen bedeuten für beide Seiten sogar viel weniger Aufwand als ein Foto und es gibt später weniger Fragezeichen bezüglich der Qualität.

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

01.12.2019, 12:31

Kann mir jemand helfen?

Die TAB-Taste ist Dein Freund. Ansonsten installiere das Plugin TextFX Characters (Erweiterungen -> Plugin-Verwaltung -> Suche TextFX).

Alex

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

01.12.2019, 12:40

Du kannst jede Zeile mit dem Tabulator einrücken. Also: Cursor in Zeile, Tabulator drücken und schauen wie weit die Einrückung passt.

Du kannst auch in Notepad++ mehrere Zeilen markieren und gesammelt mit Tabulator einrücken.

Der Tabulator ist diese Taste: https://www.dauweb.de/tab-taste/

Woher ich das weiß:Berufserfahrung

Ähnliche Fragen

html ausklappbare Navigation?

Hallo Leute,

kann mir jemand sagen wie man nur mithilfe von html und css in der Navigation im Header einen ausklappbare "ul" einbauen kann. Also wenn man über bspl. über Beispiel1. swipet klappt sich eine "ul" aus, die auch links besitzt.(Natürlich sollen die Links untereinander sein)

Vielen Dank vorraus!

...zur Frage

Bilder untereinander HTML/ CSS?

Ich habe alles versucht damit die Bilder untereinander gehen aber kriege es nicht hin. Hier sind Bilder wie das aus, von HTML und von CSS. Über Hilfe würde ich mich sehr freuen!

...zur Frage

Bilder Untereinander HTML/CSS?

Wie kann ich die Bilder untereinander anzeigen lassen? bitte um Hilfe!

http://www.cssdesk.com/xebFv

...zur Frage

Box mit Bild und Link in HTML?

Ich möchte mehrere Boxen untereinander auflisten. Möchte innerhalb einer dieser Boxen auf der linken Seite ein kleines Bild und daneben den Link dazu. Weiß jemand wie ich das machen kann?

...zur Frage

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 ?

...zur Frage

HTML-Tags auf einer Website darstellen?

Gibt es eine Möglichkeit, HTML-Tags und Elemente so darzustellen, dass sie auf einer Website als Text angezeigt werden?

Das Ziel wäre es (Sinn bitte nicht hinterfragen) Tags wie beispielsweise <a></a> in einen Paragraph oder ähnliches zu schreiben, sodass das jeweilige Tag eben nicht als solches im HTML Dokument benutzt wird, sondern als Text dargestellt wird.

...zur Frage

In Notepad++ mehrere Sprachen anwenden(HTML, CSS ...)?

Hey, ich beschäftige mich schon des längeren mit HTML und arbeite bzw übe damit in Notepad++. Jetzt wollte ich vor kurzen eine Form erstellen mit svg. Hab dazu eingegeben: <svg xmlns="http://www.w3.org/2000/svg"> wie ich das auch so gelesen habe. Das war auch noch kein Problem und hat geklappt. Als ich jedoch <rect x="0" y="= width="140" height="130" fill="#AAAAA" /> eingeben wollte um ein Rechteck zu erschaffen, wurde nichts mehr von Programm erkannt. Nachdem ich dann unter Sprachen CSS ausgewählt habe, wurde der text erkannt, jedoch keine Inhalte mehr mit HTML, also fast gar nichts mehr. Wo liegt mein Fehler ? Muss ich zwei Sprachen einstellen ? und wenn ja wie :/

LG Marco

...zur Frage

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, <br> 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
  }
?>

...zur Frage

Wie kann man in html bilder responsive machen?

Sodass, das Bild nicht von links nach rechts verkleinert wird sondern von rechts nach links.

also nicht so, sondern den rechten Teil im Bild hat

den rechten

...zur Frage

CSS funktioniert in Notepad++ nicht?

Hab ein HTML Dokument erstellt...hat auch alles funktioniert nun habe ich ein Style.css erstellt und dieses in meiner HTML Seite erkennbar gemacht wenn ich nun aber z.b etwas im CSS Dokument machen wir z.b body {background-color:"red";} und ich es dann speichere funktioniert es einfach nicht? Ich habe im CSS Dokument auch schon die Sprache CSS oben ausgewählt...

...zur Frage

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

...zur Frage

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zur Frage

Wie kann ich mit HTML/ CSS DIV Tags bündig an den Rand anpassen?

Ich habe folgendes Problem mit Html/Css. Ich möchte gerne einen div tag auf einer Website ganz oben ansiedeln. Das einzige Problem was ich dabei habe ist, dass ich es nicht bündig hinbekomme. Zwar schließen die Div Tags untereinander bündig ab, aber jeweils am Rand der Website bleibt ein Spalt über. Mit Margin & Padding klappt es leider auch nicht. Ein Beispiel Quelltext habe ich hier:

<head>
<style type="text/css">
#do {
background-color:grey;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
#di {
background-color:red;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
</style>
</head>
<body>
<div id="do">
Hallo
</div>
<div id="di">
Hallo
</div>
</body>

PS: Das ist nur ein Beispiel, welches mein Problem verdeutlichen soll. Ich hoffe ihr könnt mir helfen.

...zur Frage

HTML+CSS leere Zeile einfügen?

Wie kann ich in meine HTML+CSS Seite eine leere Zeile einfügen?

Ich meine KEINE leere Zeile mit

"<p></p>" oder "<br>"

Sondern eine mit farbigem Hintergrund!

KANN AUCH GERNE MIT CSS BEFEHLEN SEIN, DIESE ABER DANN BITTE KURSIV,... MACHEN

VIELEN DANK SCHON IM VORRAUS

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen