I Need Help With Text Over Images

Microsoft

Oct 15 2005, 09:28 PM

like in runescape.com they have text over the scroll paper image thing where they put tere updates, i like to know how to put text on images like whta the code? thank you

mama_soap

Oct 15 2005, 11:43 PM

Well, the website you're talking about seems to have simply placed the image and the text together, of course, inside a <div> container... perhaps they have an external stylesheet that reduces the z-index of images.

In any case, what you could try doing is create a separate body.main class and set background image to whatever picture you want, and have an attribute that says no-scroll. For instance:

CODE

body.main{
background-image:
url('whatever');
background-repeat:
no-repeat;
background-attachment:
fixed;
}

If you aren't particularly familiar with CSS, try visiting the W3Schools training pages.

Cheerio

Avalon

Oct 15 2005, 11:55 PM

To put text over an image is quite easy, you can do it with tables by setting the background of a table to an image like this:

CODE

or using CSS tags like this:

CODE

There are other ways, but these are the common ways to do it.

Hope that helps.

Microsoft

Oct 16 2005, 12:45 AM

some one take a look at this site...

http://www.freewebs.com/buyrsautos/autos.htm

look it as IE and FIrefox do you see a difference?

Lyon2

Oct 16 2005, 04:45 PM

It's obviously that you're new in cascading style sheet (css), so, if you want a cool ebook about it, just private email me and i send it to you right away.

guangdian

Oct 17 2005, 03:29 AM

i'm intersting in the css and i'm a newbie of that.
so i like a ebook with that and it's the latest.

can you give me one?
--
guangdian

Tyssen

Oct 17 2005, 03:56 AM

QUOTE(Avalon @ Oct 16 2005, 09:55 AM)

CODE

or using CSS tags like this:

CODE

Or you could just set a background image for whatever element contains your text, e.g.:

CODE

h3#yourText { background: url(yourimage.jpg) top left no-repeat; }

Microsoft

Oct 17 2005, 01:51 PM

QUOTE(Microsoft @ Oct 16 2005, 12:45 AM)

some one take a look at this site...

http://www.freewebs.com/buyrsautos/autos.htm

look it as IE and FIrefox do you see a difference?

what should i do with this problem in IE it looks messed up the letters/words and in FireFox it looks fine :\

Microsoft

Oct 18 2005, 10:26 PM

Well? I visit the website in internet explorer which is better because i can hear the song i can hear it in FF but when i visit it in IE the letters look messed up =\ why does it look fine only in Firefox?

Similar Topics

Keywords : text images

Blank Images - (white Square W/red X) - FTP uploaded images don't display (8)
Hey Guys, PROBLEM: Uploaded website & all images display as blank white box with red X on the
webpages. Tech Info: Am using domain hosting (not subdomain hosting) All my html pages are in
folder "public_html". All my images are present in folder named "userfiles". Both folders are "root"
on the server in my cpanel (ie. not in subfolders). The html code on my webpages "pointing"
(incorrectly???) to the images is: QUESTION: 1) Whats up??? 2) Is this html 3) Does the Xisto
server require that images only be placed in a specific folder OR subfolder in order to display...

How To Add Images - (9)

Uploading Images [resolved] - (2)

Am I allowed to upload images onto my site using a gallery mod. I have done so already, and I was
wondering if this was allowed. I don't care about BW, since my site is unpopular right now....

Problems With Subdomain Images - sometimes they donnot load (1)

hello guys!, i was trying out with the subdomain options and also installed a board in one of
them, the problem is that when loading from the subdomain images from my domain or the server path,
they just dont load, any ideas on this matter? it was a smf board, strangely it happens just with
images but no with code......

Scrolling Text - (1)

I have this code in my ftp as "scroll.js" QUOTE /* Fading Scroller- By DynamicDrive.com For
full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var
delay=2500 //set delay between message change (in miliseconds) var fcontent=new Array()
begintag=' ' //set opening tag, such as font declarations fcontent ="We are currently
looking for ZN Chat Hosts to assist in the running our Chat Room on the TSC Network. For more
information visit the ZN Chat Page." fcontent =" Forums Are Forums are going through a ReVamping.
They...

Cpanel Images Corrupted - gahhh (7)

Cpanel is taking an unusually long time to load, and when it does load, all the images are missing.
If I right click -> view image on any of the missing images (which show up as a blank square with an
icon in the top left), I get this: The image
“http://razorice.trap17.com:2082/frontend/rvblue/themeimages/tran/m_pop.gif” cannot be displayed,
because it contains errors. as an example of one. Some images, however, do load, but because most
others don't, pages take an extremely unbeliavable amount of time to load (more than 5 minutes
on my T1 connection)...

Text Sizes - (7)

When i make my site using the HTML Editor and then copy that the edit file part but when i view the
file after saving it, the text in the navigation bars is bigger than it was in HTML Editor, does
anyone know how this happens. Also how do i replace the Welcome to your Hosting account page...

Images Not Showing Up. - (5)

I parked my domain into cPanel and set the ip's to the right ones, but now, none of the images
no my site load... http://www.sponkindustries.co.uk/ But if you go to
http://cragllo.trap17.com/ thay do load, can anyone please tell me what is wrong with it or ho to
fix the plablem? Thank you, Craig....

Looking for text, images

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE