Div wird nicht angezeigt

georgenis

New member
Hallo Community,

ich habe hier ein paar div Elemente, welche komischerweise nicht angezeigt werden :-(

Code:
<body>
        <!--<div id="teamlabel">
            <div id="teamOne">1</div>
            <div id="teamTwo">2</div>
        </div>-->
        <div id="statusBar">
            <div id="p1" class="statusBarEntityEven">
                <div id="p1LifeBar" class="lifeBar">[B]a[/B]</div>
                <div id="p1ManaBar" class="manaBar"></div>
            </div>
            <div id="p2" class="statusBarEntityOdd">
                <div id="p2LifeBar" class="lifeBar"></div>
                <div id="p2ManaBar" class="manaBar"></div>
            </div>
            <div id="p3" class="statusBarEntityEven">
                <div id="p3LifeBar" class="lifeBar"></div>
                <div id="p3ManaBar" class="manaBar"></div>
            </div>
            <div id="p4" class="statusBarEntityOdd">
                <div id="p4LifeBar" class="lifeBar"></div>
                <div id="p4ManaBar" class="manaBar"></div>
            </div>
        </div><br>
		<canvas id="canvas" width="800" height="600"></canvas>
		<p>
        <canvas id="uicanvas" width="400" height="50" ></canvas>
	</body>

Beim Starten der Page wird mit javascript die sichtbarkeit aktiviert mit folgenden Codezeilen:

Code:
this.renderStatusBar = function(entity) {
        for(var i=0;i<entity.length; i++) {
            var playerNumber = "p"+(i+1);
            var element = $('#'+playerNumber);
            element.css("visibility" , "visible");
            element.text(entity[i].name);
        }
    }

.lifeBar {
width: 100%;
height: 25px;
background-color: red;
visibility: visible;
}

Wieso wird kein "a" angezeigt wie beschrieben im meinem html code
 
Die <div>s mit den IDs "p"+Nummer sind auch nicht mit dem CSS, das du uns gezeigt hast versteckt, sondern die Kinder-<div>s mit der Klasse .lifeBar
 
Zurück
Oben