Bildhintergrund mit variablen Text

darki · #1 (**permalink**) 13.09.2009, 19:14

Hallo,

das ist mein erster Post hier im Board.
Ich steige grade vom Table-Design auf CSS um und stehe vor einen wahrscheinlich kleinen Problem.

Problembeschreibung

Ich habe einen Hintergrund (ein Button-Hintergrund, mit rundlichen Ecken).
Diese habe ich in 3 Teile zerteilt.

Links und Rechts die Runden Ecken, mit jeweils 3px Breite und 15px Höhe.
In der Mitte ein 1px breites und 15px hohes Bild.

Nun möchte ich es so anzeigen lassen:

HTML-Code:

<span style="background: url(Bild2.gif) repeat-x; position: absolute; height: 15px;">
<img src=Bild1.gif" alt="" style="width: 3px; height: 15px;" />
variabler Text
<img src="Bild3.gif" alt="" style="width: 3px; height: 15px;" />
</span>

Das Problem daran ist, das die Schrift in vertikaler Sichtweise unten ist, am Bottom.
Ich habe schon mit margin und padding experimentiert. Klappt nicht.

Wäre nett wenn mir jemand helfen könnte. Danke schonmal fürs durchlesen

Pr0g · #2 (**permalink**) 13.09.2009, 19:28

Versuchs mal mit vertical-align:middle bei den Img Tags

darki · #3 (**permalink**) 13.09.2009, 20:10

Zitat:

Zitat von Pr0g

Versuchs mal mit vertical-align:middle bei den Img Tags

Danke, das war es.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wrapper wächst nicht mit, keine Floats	maclady	CSS	11	10.02.2010 17:30
Wachsende Container	Andy CD	CSS	13	10.02.2010 13:08
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 20:03