Wie erstellte ich einen Balken in HTML?

[KFU]

Hallo.

Ich bin gerade dabei eine Hompage aufzubauen und würde gerne unter meine Überschrift (separater Frame) einen durchgehenden, dicken, farbigen Balken machen, der von der linken bis zur rechten Seite geht. Etwa so wie auf der folgenden Seite (nur dass hier der orange Balken unter dem Menü ist): Kolping - Willkommen bei Kolping - Home
Könnt ihr mir hierfür einen HTML-Code zeigen?

Vielen Dank schon einmal vorab für eure Hilfe.

MfG

 

[_Thor_]

Dafür würde ich normalerweise <hr /> nehmen, da dieses im IE allerdings ein margin nach oben hat, den man nicht wegbekommt, würde ich zu einem <div> tendieren und das mit css formatieren.

<div id="blackRow">&nbsp;</div>

CSS

#blackRow {
margin: 0;
padding: 0;
height: 5px;
background-color: black;
}

 

[threadi]

Gibt viele Möglichkeiten. Welche die beste ist hängt von deinem HTML-Code ab.

Z.B. als border per CSS

border-bottom: 30px solid orange;

Oder als Grafik ..
Oder als Hintergrundfarbe ...

 

[KFU]

@<Thor>:

Ich habe da jetzt folgenden HTML-Code stehen:

<p align="center"><font size="7">Herzlich Willkommen</font></p>
<p align="center"> </p>
<div id="blackRow"> </div>
<p> </p>

Aber da erscheint kein Balken. Habe ich da einen Fehler drin?

MFG

 

[_Thor_]

Du hast das CSS vergessen, ohne das erscheint da auch nichts.

 

[prm]

@KFU:
Offensichtlich bist du erst am Anfang deiner Homepage.
Du solltest folgendes unterscheiden:
Dein HTML-code sorgt für den Inhalt deiner Seite.
Damit dieser nicht mit Formatierungen überfrachtet wird, schreibt man sämtliche Formatierungsangaben (z.B. Farben, Schriftart, Schriftgröße, Rahmen, Positionierungen etc.) in eine separate CSS-Datei.
Wenn du später Formatierungsänderungen machen willst, z.B. weil dir Schriftgröße oder Farben nicht mehr gefallen, dann musst du lediglich die entsprechenden Angaben in dieser CSS-Datei ändern und brauchst nicht jede Seite anzupassen.
Das klingt am Anfang etwas kompliziert, aber wenn du das Prinzip verstanden hast, dann wird es dir sogar Spaß machen.
Ein erster Einstieg ist vielleicht dies:
Friedels Homepage - Anleitungen für HTML-Autoren und mehr

 

[KFU]

Klasse, vielen Dank für die Hilfe!