-
1. Re: Text over an image
bregent Jun 15, 2010 3:02 PM (in response to rlinsurf1)What's wrong with setting it as a background image? I'd also suggest fading that image as there is probably too much contrast variance for text and buttons to have good visibilty.
-
2. Re: Text over an image
Nancy O. Jun 15, 2010 3:03 PM (in response to rlinsurf1)Put your image into the background of your body or #container division using CSS:
CSS:
#DivName {
background: url(my-image.jpg) no-repeat;
width: 1000px; /**some value in px, % or em**/
margin: 0 auto; /**centered**/
}
HTML:
<div id="DivName">
your content goes here
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
-
4. Re: Text over an image
rlinsurf1 Jun 15, 2010 3:12 PM (in response to rlinsurf1)Sorry, what I meant was, that image resides on my server. How do I set the background image, since all it seems to want to do is allow me to go my local site folder?
EDITED: Whoops. I'm a dork. nm.
Thanks to you both
-
5. Re: Text over an image
Nancy O. Jun 15, 2010 3:12 PM (in response to rlinsurf1)Don't you keep images and other site files in your local site folder? It's highly recommended for back-ups and site management.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
6. Re: Text over an image
rlinsurf1 Jun 15, 2010 3:14 PM (in response to rlinsurf1)Well, spoke too soon.
What I needed was to have the image, with text above, surrounded by that grey color as the background. Now, the image is the background, and it's tiling...
-
7. Re: Text over an image
Nancy O. Jun 15, 2010 3:21 PM (in response to rlinsurf1)Background images repeat by default.
Use the background-repeat property:
Possible values:
repeat (tiles image in both directions)
repeat-x (across the page only)
repeat-y (down the page only)
no-repeat (none)
Recommended Link
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
8. Re: Text over an image
rlinsurf1 Jun 15, 2010 3:28 PM (in response to Nancy O.)Hi, Nancy--
I'm obviously dense...
This is what I tried:
#DivName {
background: url(http://2stepsdown.com/images/42-25179285.jpg) no-repeat;
width: 1280px; /**some value in px, % or em**/
height: 853px; /**some value in px, % or em**/
margin: 0 auto; /**centered**/
}
Which is the actual size of the image. But now there's nothing there at all.
-
9. Re: Text over an image
rlinsurf1 Jun 15, 2010 3:58 PM (in response to rlinsurf1)Hi, Nancy--
nm. I think I got it.
Thanks again




