Jump to content

Backround 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.
Link to comment
Share on other sites

i didnt see anything wrong either..   but maby set a $var with your text that you wanna input over the background and then do a strlen($var)  then some simple math to convert the strlen($var) to fit the width of the pixels in the background img. for the height, considering where the wrap around is...  if the word wraps at 15 characters the do strlen($var) / 15 to get how many lines of text it will evaluate to and hack away at it untill you get the, img height pixel conversion, depending on the font size of the text..   but thats the php way to do it..  i guess strlen() is the same for javascripting??
Link to comment
Share on other sites

This thread is more than a year old. Are you sure you have something important to add to it?

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

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.