Jump to content


This topic is now archived and is closed to further replies.


Backround Image that gets larger with text? > How to?

Recommended Posts

I was not sure if this is the place to post this question. If not please forgive me. I am looking for a way to have the backround image or in my case an image that is inside of the <div></div> paramiters that stays the same length as the text you display on it from the mysql database. Im not sure how to explain this except throught the following link.


If you look at the news posts on the main page they are different sizes according to how much text you wish to display. I was wondering how they do this the same is witha forum system it encases the text in an the backround image as large as the text you wish to display sometimes a bit larger (for image as in my link ect...). Any help would be great or even a link as to how to do this. Thank you in advance. And again sorry if this was a incorrect post.

Share this post

Link to post
Share on other sites
The size of the images doesn't change.  Even if you could do this, and I don't know of a good way of doing it, you shouldn't...especially if you are running a business...because search engines can't read the text that's in an image, so that text would never be indexed.

There is an image at the top, then below that is a div for the text that has a background color the same as part of the image, then below that is another image.  It makes it look like it is all a single image, but it is infact two images with text inbetween them.

On their particular page they are using quite a few more pictures in the layout to acheive the rounded corners and such as well.

Do a "View Code" on their page and search for one of the news headings, then look at the code around it, you will be able to see how they did it.

Share this post

Link to post
Share on other sites


Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.