Jump to content

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


cameeob2003

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.

[url=http://www.VentGaming.com]http://www.VentGaming.com[/url]

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

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

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

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

Guest
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.