[HTML]Statusbar erstellen?

[Yiv]

Hallo liebe Community,

da ich mich gerade mit HTML befasse, aber relativ neu bin in diesem Bereich, kenn ich mich noch nicht so gut aus.

Ich code derzeit an einer kleinen Homepage, habe aber meinen Webspace schon. Jetzt wollte ich so eine Statusbar erstellen, um anzuzeigen, wie weit ich schon mit meiner Arbeit bin.

Statusbar:


Diese soll ziemlich genau in der Mitte platziert werden. Könnte mir jemand einen fertigen Code geben und diesen erklären?

MFG

[boxxiebabee]

Wenn du noch ne Status- / Progressbar brauchst, siehe hier :>

[galaxyo]

Wäre natürlich schön wenn du den Quellcode für die Statusbar posten könntest der bereits vorhanden ist aber ich mach einfach mal:

HTML-Part:

<div id="statusbar">

<img src="http://i.epvpimg.com/SJfsf.png" width="617" height="69" border="0" alt="So weit ist meine Webseite schon" />

</div>

Wichtig! Du musst src="", width="" und height="" auf die tatsächliche größe anpassen. Ich habe mich jetzt an deinem Bild orientiert. Wenn du irgendwann einen Rand (border) an deinem Bild haben willst musst du das border="0" rausschmeißen.

Css-Part:

<style type="text/css">

#statusbar {
	width:617px;
	height:69px;
	margin:auto;	
}

</style>

Ich lege ein DIV um dein Bild, setze es auf die selben größen und verschiebe es mit "margin:auto" in die Mitte.

Schwer ist das ganze nicht, aber ich kenne deinen Quellcode wie gesagt nicht und ich weiß nicht ob du irgendwelche floats oder sonst was verwendest, was das ganze dann mal irgendwie abdriften lassen könnte insofern würde ich einfach vorschlagen, du postet mal ein stückchen davon, damit ich das besser beurteilen kann.

See yuu

[Yiv]

#closerequest

[galaxyo]

Unter "Themen-Optionen" kannst du dein Thema selber schließen