[HTML]Statusbar erstellen?

08/11/2012 09:31 Yiv#1
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:
[Only registered and activated users can see links. Click Here To Register...]

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

MFG
08/11/2012 09:42 boxxiebabee#2
Wenn du noch ne Status- / Progressbar brauchst, siehe hier [Only registered and activated users can see links. Click Here To Register...] :>
08/11/2012 09:45 galaxyo#3
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:

HTML Code:
<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:

HTML Code:
<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 :bandit:
08/11/2012 09:56 Yiv#4
#closerequest
08/11/2012 10:03 galaxyo#5
Unter "Themen-Optionen" kannst du dein Thema selber schließen ;)