cotonti.com : align image to text

Elgan

пн, 04 мая 2009 02:57:37 -0000

# aiwass : The smart way would be to instead of having use it as a sub-class to your
maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}
like this
.maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}
.maintextside img {vertical-align:middle;}
or the even more fancy way/harder way of doing it :
.maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}
.maintextside img {padding-left:5px;background:url("img/image.gif") 0 50% no-repeat;color:#000;}
It's all up to how you want it all to be presented, really !

nice lil tip

aiwass

вс, 03 мая 2009 17:44:08 -0000

The smart way would be to instead of having use it as a sub-class to your

maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}

like this

.maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}
.maintextside img {vertical-align:middle;}

or the even more fancy way/harder way of doing it :

.maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}
.maintextside img {padding-left:5px;background:url("img/image.gif") 0 50% no-repeat;color:#000;}

It's all up to how you want it all to be presented, really !

Kort

вс, 22 мар 2009 15:51:28 -0000

Btw, you can also specify alignment in pixels: -2px or 1px

DemptD

вс, 22 мар 2009 11:48:38 -0000

Yes! Thanks :)

I really suck at coding

Xerora

вс, 22 мар 2009 11:41:50 -0000

Brukerpanel:

Like that ?

DemptD

вс, 22 мар 2009 10:41:58 -0000

Can someone help me with some align codes or something that would make the image look more "right", like this:

(Done in photoshop)

Instead of like it looks right now:

Here is the code for that part:

index.TPL:

Brukerpanel:

CSS:

maintextside {background:#454545; font-weight:bold; font-family:verdana; color: #ffffff;}