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

Beitragsersteller

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

HTML: index.html eines Unterordners erreichen?

Ich will von meiner Startseite aus auf einen Unterordner in dem sich wieder eine index.html befindet verlinken. Dies würde ja mit folgendem gehen:

Link

Jetzt will ich aber nicht das in der Adresszeile im Browser folgendes steht:

"domain.com/unterordner/index.html"

sondern:

"domain.com/unterordner/"

geht das mit HTML alleine und wenn ja wie?

...zum Beitrag

HTML Navigationsleiste strecken?

meine navi leiste klebt aneinander also alle kästen.

wie kann ich es auseinander ziehen?

<html>
<head>
<title>X</title>
   <link rel="stylesheet" type="text/css" href="style.css" media="all"/>
</head>
<body bgcolor=#d9d9d9>
<style>
.container {
clear: both;
float: left;
width: 100%;
overflow: hidden;
background: ##56585b;
font-family: Verdana;
font-size: 1em;
}
#navi {
float: left;
position: center;
left: 50%;
margin: 2 auto;
padding: 40;
list-style-type: none;
}
#navi li {
float: left;
position: center;
right: 50%;
}
#navi a {
width: auto;
display: block;
padding: 5px;
line-height: 1.5em;
color: #000000;
background: ##56585b;
border:2px solid #024c68;
text-decoration:none;
}
#navi a:hover {
background: #56585b;
color: #000;
} 
{bcolor: grey} 
div.a {
text-align: center;
}
ul.horizontal li{
display:block;
float:center;
padding:0 10px;
}
</style>
<div class="a">
<u><h1>XXXXXXXXXXXXXXXXXX</h1></u>
</div>
<p>XXXXXXXXXXXXXXXXXXXXXXXXX
 <div class="container">
<ul id="navi">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
</ul>
</div> 
</body>
</html>

...zum Beitrag

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?

...zum Beitrag

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!

...zum Beitrag

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 ?

...zum Beitrag

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!

...zum Beitrag

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

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

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

...zum Beitrag

HTML / CSS: Warum lässt sich das Bild nicht nach links bewegen?

HTML:

<div class="mittecrew_png">
  <img src="mittecrew.png" height="105"; widht="1505";>
  <a href="#"></a>
</div>

CSS:

.mittecrewpng {
  margin-left: 100px;
}

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

...zum Beitrag

Bilder Untereinander HTML/CSS?

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

http://www.cssdesk.com/xebFv

...zum Beitrag

Dropdown Menü mit Links - HTML?

Ich möchte gerne ein Dropdown Menü auf meiner Webseite einfügen, in den man verschiedene links in den "Auswahlfeldern" hat.

Gemeint:

[Dropdown Menü]
[Link 1]
[Link 2]
[Link 3]
[Link 4]
[Link 5]

Wie kann ich es machen das diese Links funktionieren?

Könnt ihr mir eine Beispiele Code zeigen?

Geht das in HTML?

...zum Beitrag

2 Tabellen untereinander anordnen HTML CSS?

Ich würde gerne 2 Tabellen untereinander anlegen.Ich habe dies schon mit divs probiert jedoch hat dies nicht so ganz geklappt.Kann mir wer erklären wie ich das machen kann?Danke

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen