PDA

View Full Version : Help with image files

polliwogfrog
09-28-2002, 02:49 PM
:OO :OO RIBBITT! RIBBITT!

Brand new to 1st page, and just going over the format,
etc. I'm a wysiwyg person, trying to move up to something
a bit more challenging. Just learning html and need some help with the 1st page, easy format. I have found where I can insert the body background image into the document, but when I go to view it in my browser, it does not show up. I think I haven't moved the file over to the document that contains the image. How do I get that file to the document? Please be gentle, I'm new, I'm ignorant, and your help is appreciated!
Thanks much,
polliwog
Josh
09-28-2002, 03:22 PM
You must put your image with your page at the same directory.
polliwogfrog
09-28-2002, 03:27 PM
How do I do that Josh????
Josh
09-28-2002, 03:34 PM
1.save your page.
2.find the directory your page saved.
3.find your image and put it to that directory.
polliwogfrog
09-28-2002, 03:35 PM
Thank you Josh!!!! :hellother
Josh
09-28-2002, 03:38 PM
Your welcome:cool:
DCElliott
10-09-2002, 06:19 PM
Your image doesn't need to be in the same directory, but you need to have an accurate address for it. Here is an example of a body tag with an image:

<BODY BACKGROUND="background.gif">
In this case 'background.gif' has to be in the same directory

I like to keep all my images in a subdirectory of my main site directory and can name my files relative to the page my HTML files are in like this:

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080" ALINK="#FF0000" BACKGROUND="./images/Background.gif">

Notice I have also added text and link colors - the code translates like this:
BGCOLOR="#FFFFFF" (white)
TEXT="#000000" (black)
LINK="#0000FF" (blue link)
VLINK="#800080" (purple visited link)
ALINK="#FF0000" (red active link)
BACKGROUND="./images/Background.gif" (is in the images subdirectory)

Best of all is to use an inline style which allows you to use, in this case, a large fixed image centered in the middle of the window regardless of how the window is resized:

<BODY
style="color : darkslateblue;
background : transparent url=(./images/Background.gif) no-repeat fixed 50% 50%;
font : 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;">

Whatever method you use, the best idea is to always address the images relative to your html directory.

Before I forget. 1st Page has a feature that makes it easy to add images if you havent already found it.
1) You need to have your "side panel" on - it is toggled with F9 or by going under View and making sure "View Side Panel" is checked
2) There are a bunch of tabs at the bottom of the side panel - select the one with the computer on it
3) You should see a file list with a directory picker at the bottom
4) You can drag and drop image file names into your HTML code and it inserts the <IMG> tags for you - Check it out.
5) It will do the same for creating links to other web pages on your site - just drag the filename and it inserts the <A> tags

DE
Ray
10-10-2002, 07:07 AM
I agree with DCElliott, not Josh.
I never put image in same directory.

International standard is to put in "/image/" directory.

You got to keep all files in order. Which this mean is to have serveral directory instead of one. Example below:

1. -> /image/ <- for all picture files
2. -> /main/ <- for all main html files
3. -> /misc/ <- for any misc html files
4. -> /book/ <- for any html files for book
5. -> /game/ <- for any html files for games

If you do this way, you can find what you have in it. Keep it simple.

This goes on your hard drive and IPS server.

For your information:

Find the directory that you keep your html files.
Create the directory in that directory and name "image"
Move your image files to image directory.
Go back to you 1st page editor and bring up your html files.
Select the bar menu of insert and select image. This will bring up the dialog box.
Select the directory where your image files location and pick the file. This will also show what the picture look like.
Once you select the item and click OK. This will put the picture code into the html. Make sure you put the curser in the right place in your editor.

Hope this what you want.

Remember! Keep your files in orders.
Josh
10-10-2002, 03:49 PM
hey,I did't mean you have to put in the same directory.But thank to you guys.
webace27
02-01-2003, 10:03 AM
how can i insert an image for the background, any help is most apprieciated as i am new to fp i think it's great, step by step help needed thanks:eek:
DCElliott
02-01-2003, 11:09 AM
<body style="background-image:url(filename.jpg) repeat fixed;"}> will get you started using the CSS method.

Without meaning to sound unkind, if you are asking this question, you need to do a lot more basic reading and web tutorials before we can help you a lot. You have to learn the language a bit to understand the explanations.

Our own ByteWizard has put together a tools page that will give you some useful links on where to start. http://dev.home.mindspring.com/

Digest some of that and c'mon back for a second helping here.

DE