HTML: Text über bestimmter Position auf Grafik anzeigen
Liste der Anhänge anzeigen (Anzahl: 2)
Moin Moin!
Also ich habe ein klitze kleines Problem, was mich im moment nahezu zum verzweifeln bringt. Und zwar möchte ich gerne einen Counterstand über einer bestimmten Grafik (siehe ANhang) anzeigen, und zwar so, das die Counterzahl immer genau in der Mitte der Grafik ist. Zur Zeit verusche ich das so: CSS Code
Code:
und der Code in der Wiedergabeseite:
#counter{
height:100%; z-index:1; } #counter_text{ font-size:1.5em; font-weight:bold; color:#1860A8; height:100%; z-index:2; }
Code:
leider ist das derzeitige ergebnis nur, das der Stand unterhalb der Grafik angezeigt wird (siehe Screenshot)!
<div id="counter">[img]images/counter.gif[/img]</div>
<div id="counter_text"> <?php //COUNTERSTAND ERMITTELN echo $counter; ?> </div> Kann mir da vllt mal jemand sagen, wie ich das am besten löse? EDIT: Diverse Suchanfragen bei Google haben mich auch nicht weiter gebracht... |
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
Ich würde es so machen: Setz das Bild einfach mit CSS als Hintergrund für das <div>:
Code:
Nun musst du nur den Text in das <div> schreiben und ihn mittels CSS formatieren.
#counter{
... background: #FFFFFF url(images/counter.gif) no-repeat left top; } |
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
Liste der Anhänge anzeigen (Anzahl: 1)
Okay ich habe das mal so gemacht wie vorgeschlagen; das Ergebniss sieht folgender maßen aus:
Der untere Teil der Grafik wird einfach abgeschitten -> siehe Screenshot. |
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
1. Du musst die Box auch so groß machen, wie das Bild (mit css und height, width)
2. Du musst den Text dann horizontal und vertikal zentrieren ;) |
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
bis auf die vertikale Zentrierung habe ich das aber bei der vertikalen komme ich nicht weiter :oops: sry.
|
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
Einfach mit:
Code:
Selfhtml hat auch ne CSS-Referenz ;)
vertical-align: middle;
EDIT: Mir fällt ein es könnte auch valign sein... |
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
Okay Vielen Dank!
|
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
es heißt
Zitat:
|
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
Nope, die CSS-Eigenschaft heißt vertical-align, das veraltete HTML-Attribut hieß valign :wink:
|
Re: HTML: Text über bestimmter Position auf Grafik anzeigen
Zitat:
|
Alle Zeitangaben in WEZ +1. Es ist jetzt 16:20 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz