HTML code - DPChallenge Forums

Nikon AF Nikkor 50mm f/1.8D

02/18/2006 10:13:00 AM · #1

I want to use a .JPG for a background. The text is hard to see. I would like to set the text background to a grey and have it 50% transparent. But I cant figure out the code for it. I can get it to fade both the text and background but not just the text background. Can anyone help?

Tim

deapee

Kodak V803

02/18/2006 10:15:59 AM · #2

You could open photoshop, open your background, put a gray layer infront of the current background image, then change the transparency of that layer to 50% -- then you don't gotta worry about something that I think is impossible anyway.

BobsterLobster

Fujifilm FinePix S3 Pro

Nikon AF-S DX NIKKOR 18-200mm f/3.5-5.6G ED VR II

02/18/2006 10:23:38 AM · #3

This is a good starting point: //forums.techguy.org/development/175123-html-css-semi-transparent-background-but-full-opacity-text.html

but HTML is not really designed to be able to do this.
If you code it, only Internet Explorer will be able to carry it out.

Nikon AF-S DX NIKKOR 18-200mm f/3.5-5.6G ED VR II

02/18/2006 10:33:30 AM · #4

I dont want to do something only IE will see correctly. I could put an image behind the text but I can't figure out how to make it transparent.

BobsterLobster

Fujifilm FinePix S3 Pro

02/18/2006 10:37:45 AM · #5

I'm not sure you can do that across all browsers.
It sounds like you might want to use Flash.
Anyway, I'm having problems visualising what you want to achieve in a tasteful way!
Good luck,
Bob

fotomann_forever

02/18/2006 10:43:35 AM · #6

deapee's suggestion is probably the best for simplicity and browser compatibility. I know what you want can be done in IE only sites and can be done in a flash-based site.

But, for a true HTML site, you should either modifiy the jpeg or place all text inside a table with a solid background.

Nikon AF-S DX Nikkor 35mm f/1.8G

02/18/2006 10:46:49 AM · #7

I dont want to cover the entire background image, just behind the text so you can see it. I think it can be done with a .gif but it doesn't seem to work for me.

fotomann_forever

02/18/2006 10:49:28 AM · #8

Originally posted by Niten:

I dont want to cover the entire background image, just behind the text so you can see it. I think it can be done with a .gif but it doesn't seem to work for me.

Gifs can be made transparent, but not semi-transparent. Also, PNG's can be made transparent and also semi-transparent, but a glitch in IE doesn't work well with alpha transparencies on PNG's.

vikas

Apple iPhone 13

02/18/2006 10:51:34 AM · #9

make a table over the background

...to make it more clear try entering the following code in the left box in this link and click the button "Edit the Text and Click Me"

First	Row
background="bgdesert.jpg"> Second	Row

Image Background

Both gif and jpg files can be used as HTML backgrounds.

If the image is smaller than the page, the image will repeat itself.

02/18/2006 10:52:40 AM · #10

Ok, even I am not this hard headed. I'll have to settle for a solid background.

Thanks for keeping me from waisting even more time.

Tim

Tamron SP AF 28-75mm f/2.8 XR Di for Canon

02/18/2006 10:59:03 AM · #11

Check these out.

//www.domedia.org/oveklykken/css-transparency.php
//www.jadwigo.nl/tools/transparency/
//www.mandarindesign.com/opacity.html

fotomann_forever

02/18/2006 11:01:13 AM · #12

Originally posted by Niten:

I'll have to settle for a solid background.

Tim

That's probably the best design idea anyway. Users will appreciate readability much more than the effort you spend on trying to make a background semi-transparent.

K.I.S.S. is still the best policy in designing web sites.

modgethanc

Nikon D90

Nikon AF Fisheye-Nikkor 16mm f/2.8D

02/18/2006 11:03:22 AM · #13

//www.andrew.cmu.edu/user/helenz/art/

I did it here just by cutting up the image and making it translucent in Photoshop, and then applying it to the table...you can see it in the iFrames. Pain in the ass but it works.