|
|||
Statusbalken mit Prozente in der Mitte
Hallo liebe Community,
Ich scheiter an den Verusch einen Statusbalken mit css durchzusetzten an einer wahrscheinlichen Kleinigkeit Ich möchte die Prozente genau mittig im "graph" darstellen und nicht mittig von der "graphbar" wie es jetzt momentan ist. Zur Veranschaulichung des Problems hab ich ein Bild mit angehängt. Mein Code: HTML-Code:
<style> .graph { margin: auto; position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { margin: left; display: block; position: relative; background: #B1D632; color: #333; height: 2em; line-height: 2em; } .graph .bar span { position: absolute; left: 1em; } </style> <div class="graph"> <strong class="bar" style="width: <?php echo $percent3; ?>%"> <?php echo $percent3 ?> %</strong> </div> Hab schon viel rumprobiert und nach ner Lösung gesucht aber so richtig will es nicht. Hoffe auf eure Mithilfe Lg Tobi Geändert von rollerueckwaerts (05.06.2009 um 12:44 Uhr) |
Sponsored Links |
Sponsored Links |
|
|||
Es darf nicht inhalt deines Strong Tags sein. Denn jede Veränderung übträgt sich dann auf die Kindelemente.
Also musst du es rausnehmen und und überlagernde Elemente schafften: div graph -- div StatusBar -- div prozentwert Wenn du sie nun so platzierst, dass sie übereinander angezeigt werden, hast du es geschafft. (Geht auch mit position angaben. Den Text selbst (also die Prozentzahl kannst du mit text-align: center anpassen, dass er mittig steht. |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
3-Spalten-Layout: Mitte feste Weite, links und rechs und links flexible Weite | jogiwebster | CSS | 17 | 25.02.2011 17:11 |
Seite halbieren - Oben bis Mitte, Mitte bis Unten | Felixus | CSS | 6 | 19.10.2008 19:32 |
DIV immer ganze Breite - normal?!?!? | csski | CSS | 3 | 02.07.2008 12:20 |
Holy Grail und der Internet Explorer! | ONeill | CSS | 23 | 01.06.2006 18:20 |
Im 3 Spalten Layout geht Mitte "unten durch" | Zwacky | CSS | 3 | 16.12.2004 22:07 |