[saucer]

hallo zusammen,

mich würde mal brennend interessierten wie ihr das per css lösen würdet.:




Ich habe also ein <p> mit 25pixeln höhe in dem ich ein 20px grosses bild platzieren möchte und 9px hohen text - dadurch klebt mir der text natürlich immer an der falschen kante -> ich brauch ihn zentriert. Ich kann den smilie NICHT als background einlesen da der background beim hovern wechselt.

muss ich da floaten oder gibts was anderes? Das wollt ich immer schon mal wissen

[beeviZ]

ööh, moment. ich versuch mal nach zu vollziehen.

an welcher kante hängt dir der text denn?

<p style="height: 25px;"><img src="bild.gif" style="float: left; vertical-align: middle;" alt="" />Text</p>

so haste bild und text auf einer höhe. allerdings dann alles glaub ich oben bündig.
wieso kannste das denn nich als hintergrundbild einbinden weil du dem P n hover gibst? ich mein, der IE kanns ja eh nicht

wenn du das alles in der mitte haben willst, und bild sowie text wirklich immer ne fixe höhe haben, kannste dem paragraphen entweder padding-top: (paragraphenhöhe-bildhöhe)/2 geben *g*
oder p {line-height: 25px;}

sollte auch funktionieren. beides nich so die elegante lösung, aber vertical-align kannste leider gottes nich auf block level elements anwenden

[saucer]

naja, so ungefähr pfrimel ich das auch immer hin, hatte halt gehofft es gäb was eleganteres da ich jetzt hier 133 zeilen hab und da wärs anders schon schneller (also nehm ich doch ne tabelle)

mit hovern meinte ich:
der background sollte erst grau und beim hovern gelb werden - das bild soll unverändert bleiben. gibts denn ne möglichkeit farbe und bild in den hintergrund zu legen? ich kenn nur entweder bild oder farbe?

[Mediamaus]

[saucer]

[Mediamaus]

[dante]

kannste nicht sagen

<container>
<bild>
<txt>
<container>

dass alles im container mittig sein soll (50%) und die abstände nach links und rechts einzeln angeben?

[saucer]