More more help or more options for images and webdesign check out
2006-08-21 03:43:37
·
answer #1
·
answered by stephen.dew 3
·
0⤊
1⤋
Hi wolf.
Problem: Running into many web design roadblocks
Solution?: SiteBuildIt.
SBI is a thorough solution to your problems. There's no need to be an expert in HTML, MYSQL, FTP, PERL, and all the other confusing languages; It provides all the tools you will ever need to create a website. No, not a website, more like a web business. You can spend more time actually building the pages, its just point and click, rather than finding code errors.
http://buildit.sitesell.com/abchighincom...
Have a question? Email me (I think you can do it through Yahoo, not too sure), or contact the speedy Support!
http://question.sitesell.com/abchighinco...
2006-08-21 05:11:26
·
answer #2
·
answered by Joel 2
·
0⤊
0⤋
There are few ways of doing this...
The easiest is probably to create a table and set your image as the background for one of the cells. Then enter your text into the same cell and it will appear over the top of it.
2006-08-21 03:45:07
·
answer #3
·
answered by forwardslashmaster 2
·
0⤊
1⤋
The recommendation to use the image as a table background is the easier way. I would recommend though, doing it in a cross browser way by using style sheets instead of the background="" attribute. To do it in style sheets, change background="" to style=" background-image:url( 'myPic.jpg' ); "
However, if you need the text positioned in a certain part of the image, it won't work very well. To do this other, you need to use CSS, "floating" divs, and probably a bit of voodoo.
the first thing you should do is include both the text and the image in a div:
This is my copy.
You will then need to include the copy in a seperate div:
This is my copy.
then, using CSS you can move the copy around.
You will then need to make sure the image is in the right place.
First change the tag and add a class (
![]()
)
then add the following to the style sheet:
img.bgImage{
position:relative;
top:0px;
left:0px;
z-index:0;
}
2006-08-21 04:42:25
·
answer #4
·
answered by John J 6
·
1⤊
1⤋
You have a container.
Let's assume it is a div, and you want a picture over it, you may want lots of these, and if the person has a brain-dead browser, they can get by without it
Johnny is a friend of mine
then back in the css you say
#Johnny {background-image: url('Johnny-bg.jpg');}
That's the nice way you do it when you want to be nice to people who read websites, but have disabilities.
If you want to overprint a picture that is very important, use css to show them with different Z-indexs.... but that's another question!
Don't muddle your page with tables that aren't really tabular data.
2006-08-24 15:38:09
·
answer #5
·
answered by jake cigar™ is retired 7
·
0⤊
0⤋
I've never actually tried it before but it might work. Set the image as a table background and then have the text within the table. Try that and if it does not work visit: http://www.w3schools.com/ for more help.
Good Luck and have fun!
2006-08-21 03:45:32
·
answer #6
·
answered by madabout_life 2
·
0⤊
1⤋
I have used the background of a div to place the picture and inside the div is the text you want over the picture. The height of the div matches the height of the picture. The relative positioning allows you to move the text on top of the image.
The styling is separated into the head section but could also be moved to an external style sheet to keep things more tidy.
Here is an example using XHTML and CSS:
Background Image
