nicht angemeldet
hi,
nach fast 2-jähriger Abwesenheit in der Webgestaltung wollte ich jetzt mal wieder anfangen - und mir bei der Gelegenheit gleich das designen von Websiten per CSS einpauken (bisher hatten Tabellen da den Vorzug).
An sich ist das auch alles recht einleuchtend, ich stoße nur gerade auf ein Problem bei den Buttons in meiner Navi. Folgendes:
Ich habe ein div-Element (das hat als Hintergrund meine Button-Bilddatei). In dem div steht der Text der auf dem Button stehen soll (logisch). Dabei ergeben sich allerdings einige Probleme was die Textausrichtung angeht:
- vertical-align tut (zumindest im aktuellen Firefox) gar nichts, oder ich habs falsch verstanden. Ich habe das div-Element auf 150px Höhe eingestellt und bin davon ausgegangen, dass vertical-align: middle; zusammen mit text-align: center; meinen text nun zentriert im div-Element darstellen - klappt aber nicht, da eben vertical-align nicht beachtet wird.
- ich ändere per JavaScript beim MouseOver über das div-Element die transparenz. Das Problem dabei natürlich: Da der Text Bestandteil des div-Elements ist, wird er auch transparent. Da er dadurch aber etwas schwierig zu lesen ist bin ich nicht sicher ob ich das wirklich gerne sehe. Die einzige Lösung die mir da einfällt wäre, den text einfach auserhalb des div-elements zu platzieren und dann neu zu positionieren. allerdings fällt mir das zentrieren auf dem button ja schon schwer, wenn der text im div-element ist - wie ich das dann gebacken kriegen soll wenn er außerhalb ist, ui ui ui :D
klar kann ich einfach solange die zahlen jonglieren bis mein text zentriert ist, das finde ich aber nicht gerade bequem. und darum frage ich mich: gibts denn da keine möglichkeiten?
thx
mfg
Gunnar Bittersmann