ComputerBase Menü
Aktuelles

HTML Anfänger: Text einrücken

  • Ersteller Ersteller Ich bin neu
  • Erstellt am Erstellt am
I

Ich bin neu

Gast
Moin Moin

Ich habe heute angefangen mit HTML und bin auf ein Problem gestoßen ich hatte es zwischendurch schon hinbekommen was anderes geändert und dann ging es nicht mehr.


HTML: 
<html>

<head>

 <style>
	h1 {font-size: 40px; font-family: arial;}
	h2 {font-size: 35px; font-family: arial;}
	h3 {font-size: 25px; font-family: arial;}
	a:link {font-size: 25px; text-decoration:none; color:#FF7F24;}
	a:visited {font-size: 25px; text-decoration:none;  color:#FF7F24;}
 </style>

</head>


<body style="background-image: url('background.jpg')">



<h1> Überschrift <h1> </br>


<h3> Text und so. </h2> </br> </br>  </br> 


<h2> Inhaltsverzeichnis </h2> 

<a href="Mittwoch.htm"> <b>Mittwoch</b> </a> <br/>
<a href="Donnerstag.htm"> <b>Donnerstag</b> </a> <br/> 
<a href="Freitag.htm"> <b>Freitag</b> </a> <br/> <br/> <br/> 
<a href="2Montag.htm"> <b>Montag</b> </a> <br/>
<a href="2Dienstag.htm"> <b>Dienstag</b> </a> <br/>
<a href="2Mittwoch.htm"> <b>Mittwoch</b> </a> <br/>
<a href="2Donnerstag.htm"> <b>Donnerstag</b> </a> <br/> 
<a href="2Freitag.htm"> <b>Freitag</b> </a> <br/>


</body>


</html>

Ich hatte eigentlich mit dem Style="margin-left=50px" gearbeitet aber irgendwie will er nicht mehr. Jemand ne Lösung... bestimmt:)

Danke
 
Was soll eingerückt werden?
die block elemente h1-h3 wären richtig mit {font-size: 40px; font-family: arial; margin-left:50px;}
die inline elemente a eher in eine liste packen und die listenpunkte einrücken - siehe http://de.selfhtml.org/html/text/listen.htm
 
Eine Liste wäre hier besser.
Code: 
<ul>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
</ul>

IM CSS dann einfach margin-left auf die ul
 
Ich würde den Vorschlag mit der Liste unterstützen. Das Inhaltsverzeichnis als Liste zu gestalten.

Noch ein paar Anmerkungen:
Innerhalb von <style> </style> weist man die Werte mit dem Doppelpunkt : und nicht mit dem Gleichheitszeichen zu.



HTML: 
<h1> Überschrift <h1> </br>


<h3> Text und so. </h2>
 </br> </br>  </br>

<h2> Inhaltsverzeichnis </h2>
Bei der zweiten Überschrift hast du das End- oder Anfangstag falsch gesetzt ;)
Außerdem würde (ich persönlich) nach Überschriften auf Zeilenumbrüche verzichten. Lieber direkt bei der Überschrift einen Abstand (margin) definieren z.B.
HTML: 
h1 { [...] margin-bottom: xx px [...] }
 
wieso abschweifen? Ist doch nur vernünftig gute und richtige Grundlagen zu vermitteln solange jemand noch am Anfang steht.
 
dann aber gleich drauf hinweisen, das ganze style zeugs lieber in eine extra datei zu packen und im head mit:

Code: 
<link rel="stylesheet" type="text/css" href="style.css"/>

einzubinden.

in die css kann man halt die formatierung der standardtags, klassen und ids festlegen.
klassen werden mit einem . eingeleitet. ids mit einer # und standardtags werden ohne zusätzliches zeichen formatiert.

der unterschied zwischen klasse und id ist, dass man klassen mehrmals und ids nur einmalig verwenden kann. also nehmen wir mal deine 3 überschriften als beispiel:

Code: 
<h1> Überschrift <h1> </br>

<h2 class="ueberschrift2"> Text und so. </h2> </br> 

<h3 id="ueberschrift3"> Inhaltsverzeichnis </h3>

in der .css gibst du nun an:

Code: 
/*(leitet kommentar in der css ein) 
die folgende formatierung gilt für [B]alle h1-tags[/B]!!*/
h1 {
    margin: 10px auto;
}

/* gilt für [B]alle tags[/B] mit der klasse ueberschrift2 */
.ueberschrift2 {
    color: red;
    font-size: 30px;
}

/* gilt [B]nur für[/B] den[B] tag mit[/B] der [B]id ueberschrift3[/B]*/
#ueberschrift3 {
    color: green;
    background: #444;
    box-shadow: 0 0 5px 2px #000;
    border-radius: 5px 5px 5px 5px;
}
 
Es rückt nur die erste Zeile ein.
 
Und was will er ausser das er sowas erst bereinigen sollte: </br> </br> </br>

Ich glaub das heisst <br /> warum sagt ihm das niemand?

Und anstatt den Code mit lauter <br />s zu vergewaltigen, was spricht denn bei <h2>...</h2>
gegen
HTML: 
.ich_brauch_kein_br {
line-height: 26px
}
 
<h2 class="ich_brauch_kein_br">Ich habe Abstand, oben wie auch unten, ganz viel!</h2>
 
Mal abgesehen von CSS hast deine HTML Datei drei Fehler:
  1. type attribut beim style tag fehlt.
  2. <h1> wird nie geschlossen, aber noch eine zweites mal geöffnet
  3. <h3> wird nie beendet sondern </h2>, h2 wurde aber nie geöffnet bis dahin

    Hier eine korrigierte Version. Eventuell liegt das Problem darin, da es ja vorher schon mal geklappt hat.
HTML: 
<html>

    <head>

        <style type="text/css">

        </style>

    </head>

    <body style="background-image: url('background.jpg')">
        <h1> Überschrift </h1>
        <h3> Text und so. </h3>
        <h2> Inhaltsverzeichnis </h2>
        <a href="Mittwoch.htm"> <b>Mittwoch</b> </a>
        <a href="Donnerstag.htm"> <b>Donnerstag</b> </a>
        <a href="Freitag.htm"> <b>Freitag</b> </a>
        <a href="2Montag.htm"> <b>Montag</b> </a>
        <a href="2Dienstag.htm"> <b>Dienstag</b> </a>
        <a href="2Mittwoch.htm"> <b>Mittwoch</b> </a>
        <a href="2Donnerstag.htm"> <b>Donnerstag</b> </a>
        <a href="2Freitag.htm"> <b>Freitag</b> </a>
    </body>
    
</html>
 
Zuletzt bearbeitet:
Na wenn das bereinigt ist heiss ich Egon Walter
<h3> Text und so. </h3> </br> </br> </br>

:D
 
Belee schrieb:
Na wenn das bereinigt ist heiss ich Egon Walter
<h3> Text und so. </h3> </br> </br> </br>

:D
Zum Vergrößern anklicken....

Das ist unschön erzeugt aber keinen Fehler, der verhindert, dass die CSS Angaben überhaupt wirken. ^^
Aber für dich dann nochmal :D
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

L.B.
[CSS + HTML] kleinere Probleme Webseite
2
Antworten
22
Aufrufe
3.886
L.B.
L.B.
d[Vi]b
HTML-Anfänger! Was für Programme?
2
Antworten
32
Aufrufe
2.428
Mr. Snoot
M
L
HTML / CSS Problem
Antworten
0
Aufrufe
822
LeonS
L
Thargor
[html] Divs / css
Antworten
0
Aufrufe
949
Thargor
Thargor
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 158 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz