Float an image to the left of text CENTERED
I wish to be able to pull data from a database (for example, title, date, summary and image) and be able to display them in a block format with the image floated on the left in the CENTER of the text (2 columns, image on left, text on right).
I have done this so far by doing:
#services li {
margin: 0;
padding: 0;
background: url('img/services/run.jpg') no-repeat 0 50%;
}
li#service-two { background-image: url('img/services/sm.jpg'); }
li#service-three { background-image: url('img/services/online_training.gif'); }
li#service-four { background-image: url('img/services/apple.jpg'); }
li#service-five { background-image: url('img/services/portal.jpg'); }
However, this is changing the image using CSS. I wish to change the image using a database (ie, the value will change!)
How can I do this please?
To view a live example; see right hand column @ www.activityx.co.uk
Thanks.
View full post on Tycoon Talk
centered, float, image, left, Text
RSS Site Feed