Jump to content


Photo

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


  • Please log in to reply
1 reply to this topic

#1 cameeob2003

cameeob2003
  • Members
  • PipPipPip
  • Advanced Member
  • 79 posts

Posted 01 July 2006 - 10:40 AM

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.

http://www.VentGaming.com

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.

#2 hitman6003

hitman6003
  • Members
  • PipPipPip
  • Advanced Member
  • 1,807 posts

Posted 01 July 2006 - 01:54 PM

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.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users