•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 427,118 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,089 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 1485 | Replies: 5
 |
•
•
Join Date: Oct 2006
Location: South Wales
Posts: 150
Reputation: 
Rep Power: 0
Solved Threads: 2
Junior Poster
Viewing pictures online Hi
I posted a thread similiar to this earlier and it worked for one pic i uploaded.
I tried uploading some others and they look fine when viewing them from the hard drive but when i upload them i get an empty square. this is the code i have marked the picture codes in bold.
[html][<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<p><font size="5">Fran is Bi</p></font>
<p><font size="5">Aldo fancies India</p></font>
<p><font size="5">Julia fancies Omer</p></font>
<p><font size="5">Alexandra fancies Mr Roberts</p></font>
<p><font size="5">India is Bi</p></font>
<p><font size="5">Wooshi fancies Guff</p></font>
<img src="wooshie.gif" width="130" height="120" border="0">
<p><font size="5">Omer fancies Florence who left</p></font>
<img src="omer.gif" width="130 height="120 border="0">
<p><font size="4">[/html]
Please contact me at email address removed.
HLA, Chief Designer]
What is going wrong
Thanks
HLA91
I posted a thread similiar to this earlier and it worked for one pic i uploaded.
I tried uploading some others and they look fine when viewing them from the hard drive but when i upload them i get an empty square. this is the code i have marked the picture codes in bold.
[html][<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<p><font size="5">Fran is Bi</p></font>
<p><font size="5">Aldo fancies India</p></font>
<p><font size="5">Julia fancies Omer</p></font>
<p><font size="5">Alexandra fancies Mr Roberts</p></font>
<p><font size="5">India is Bi</p></font>
<p><font size="5">Wooshi fancies Guff</p></font>
<img src="wooshie.gif" width="130" height="120" border="0">
<p><font size="5">Omer fancies Florence who left</p></font>
<img src="omer.gif" width="130 height="120 border="0">
<p><font size="4">[/html]
Please contact me at email address removed.
HLA, Chief Designer]
What is going wrong
Thanks
HLA91
Last edited by tgreer : Nov 14th, 2006 at 2:30 pm. Reason: Added missing code tags. Removed email address.
You know your a geek, if you introduce your wife as "mylady@home.wife"
•
•
Join Date: Dec 2004
Posts: 1,590
Reputation:
Rep Power: 7
Solved Threads: 35
Are the images in the same folder as the HTML? You need to provide a path to the images. Please research relative paths , absolute paths , and the base href property.
•
•
Join Date: Nov 2006
Posts: 4
Reputation:
Rep Power: 0
Solved Threads: 1
Newbie Poster
Hello,
See this --> <img src="omer.gif" width="130 height="120 border="0">
replace with <img src="http://www.mywebsite.com/omer.gif" width="130 height="120 border="0">
then check http://www.mywebsite.com/omer.gif comes up in your web browser.
The best rules to abide with are:
1. Upload your images first via ftp to your server
2. Use the full image path like my example.
If they appear in your browser they should appear in your webpage.
Good Luck with it
Joe
See this --> <img src="omer.gif" width="130 height="120 border="0">
replace with <img src="http://www.mywebsite.com/omer.gif" width="130 height="120 border="0">
then check http://www.mywebsite.com/omer.gif comes up in your web browser.
The best rules to abide with are:
1. Upload your images first via ftp to your server
2. Use the full image path like my example.
If they appear in your browser they should appear in your webpage.
Good Luck with it
Joe
Free website building tips and tricks - http://www.websitebuildersguide.com
•
•
Join Date: Jul 2005
Location: india
Posts: 147
Reputation:
Rep Power: 4
Solved Threads: 16
Junior Poster
Re: Viewing pictures online Hi there,
Well your both post are similar, for answer you should review the you last post,
ok here the some examples:-
img tag
Examples 1:
When the HTML Page and the image in same folder
Examples 2:
When the HTML Page in root of website and the image in folder name images which is in root website,
First “/” represent the root
“Images” represent the folder where the image is stored/saved
“image.jpg” its name of image
Best regards
Rahul Dev
Well your both post are similar, for answer you should review the you last post,
ok here the some examples:-
img tag
<img src="Location of you Image" alt="alternate text" border="0" />
Examples 1:
When the HTML Page and the image in same folder
<img src="image.jpg" alt="My Image" border="0" />
Examples 2:
When the HTML Page in root of website and the image in folder name images which is in root website,
<img src="/images/image.jpg" alt="My Image" border="0" />
First “/” represent the root
“Images” represent the folder where the image is stored/saved
“image.jpg” its name of image
Best regards
Rahul Dev
Freelance Web Designer & Developer
Http//www.Katarey.com
Http//www.Katarey.com
•
•
Join Date: Nov 2006
Posts: 4
Reputation:
Rep Power: 0
Solved Threads: 1
Newbie Poster
Hello with my years of experience i have learnt its best to:
1. Upload your images first to your server
2. Use the full image path
3. Use a qaulity program Like Namo Web Editor, add an image and provie the url of the image.
All you need to do then is upload your webpages and you don't have to worry about anything else.
Good Luck with it
Joe
1. Upload your images first to your server
2. Use the full image path
3. Use a qaulity program Like Namo Web Editor, add an image and provie the url of the image.
All you need to do then is upload your webpages and you don't have to worry about anything else.
Good Luck with it
Joe
Free website building tips and tricks - http://www.websitebuildersguide.com
•
•
Join Date: Oct 2006
Location: India
Posts: 1,289
Reputation:
Rep Power: 5
Solved Threads: 32
this is a good page which may tell you how to put an image and all those relative, absolute paths.
http://pagetutor.com/html_tutor/less...ml#insertimage
http://pagetutor.com/html_tutor/less...ml#insertimage
Last edited by vishesh : Nov 24th, 2006 at 11:12 pm.
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
•
•
•
•
bbc black friday broadcast code css customers development distance education div dreamweaver education experiment firefox funds gift cards google checkout holiday holiday shopping html html api india intel internet investments javascript media news online online education online shopping portfolio practices publishing retail retail stocks shopping software stocks strayer study symantec tables tips video w3c web wysiwyg xml youtube
- PCI slots are all dead (PCI and Add-In Cards)
- Issues with IE 6 (Web Browsers)
- HijackThis Log, Please Help (Viruses, Spyware and other Nasties)
Other Threads in the HTML and CSS Forum
- Previous Thread: background help
- Next Thread: Flash menu is displaying over HTML
