Welcome! Log In Create A New Profile

Advanced

Image-related problems

Posted by Mac 
Announcements Last Post
Announcement SoC Curricula 09/30/2017 01:08PM
Announcement Demarcation or scoping of examinations and assessment 02/13/2017 07:59AM
Announcement School of Computing Short Learning Programmes 11/24/2014 08:37AM
Announcement Unisa contact information 07/28/2011 01:28PM
Forums Messages New
avatar
Mac
Image-related problems
July 24, 2012 01:01PM
The answer is here: http://osprey.unisa.ac.za/phorum/read.php?406,99302
Reply Quote
RMcC-77729765
Re: Image-related problems
July 25, 2012 04:57PM
I think I have tried just about everything but my picture displays perfectly in my browser when loaded directly from the file but is still not loading through the server. 
Language: HTML
<html>
<head>
<title>77729765 McClure</title>
</head>
<body>
<img src ="Graphics/Hibiscus.JPEG"  width="170" height="127" alt="picture of Hibiscus"><br> Student number: 77729765<br>
Name: Robyn McClure
</body>
</html>
Reply Quote
avatar
antiother-77681541
Re: Image-related problems
July 25, 2012 05:15PM
Make sure that windows is set to display file extensions, and first try renaming the picture to "Hibiscus.jpg". Then change the html src attribute to the new name. ie: 
Language: HTML
<img src ="./Graphics/Hibiscus.jpg"  width="170" height="127" alt="picture of Hibiscus">
please note that if you use paint.net or other programs to save the picture in JPEG (*.jpg *.jpeg *.jpe *.jfif) format, it will save the file extension as .jpg and not JPEG as the program claims.

That should work, but if that's not it, depending on the folder structure try something like: 

Language: HTML
<img src ="./Graphics/Hibiscus.JPEG"  width="170" height="127" alt="picture of Hibiscus">
the above assumes that the html file is in the root directory and the jpeg is in a folder called "Graphics"

notice the beginning of the src attribute starts with ./ This means "current directory". So what I wrote was:
"current directory"/Graphics/...JPEG. This is the syntax for a relative path.

refer to my post here:
http://osprey.unisa.ac.za/phorum/read.php?702,170961

if it's not that, check spelling and make sure that "Hibiscus.JPEG" is in the "Graphics" folder
Reply Quote
avatar
Mac
Re: Image-related problems
July 26, 2012 06:49AM
As discussed in the links provided above, check your cases.
Reply Quote
RMcC-77729765
Re: Image-related problems
July 26, 2012 09:31AM
I finally got it. I didn't realise I also had to upload my image file to the server then my code simply read /Hibiscus.jpg - it then worked perfectly.
Thank you for the help.
Reply Quote
wigmanza
Re: Image-related problems
August 17, 2012 11:44AM
I've attempted to upload my Assignment 1, which looks good in my browser, but when uploaded, only shows my index.html.
A textured background and a photo (both jpegs) don't show.

I have spent ages checking and double checking, and have read all the image related problems on the forum - back to 2006, but haven’t found an answer.

The .jpg file extensions are all in lower case and all have the same spelling. No gaps!
I've just added the "current folder" 
Language: HTML
./
with no success

My index.html file is in this folder : C:\UNISA\Assignment1, and my images subfolder is in the same folder : C:\UNISA\Assignment1\images

I’ve “view”ed all my files on the .freewebhostingarea.com, and they’re all there.
I've possibly got too close to this now, and cannot see the wood for the trees, but just don't know where to go next!

This is my URL : http://adrian.freeoda.com/

Any help and suggestions would be much appreciated.

Many Thanks

Adrian Ellenberger
Reply Quote
RMcC-77729765
Re: Image-related problems
August 17, 2012 03:45PM
Hi Adrian (fellow sufferer)

I have battled with nearly every new topic and it can be so confusing and frustrating. Most of my errors have been punctuation ones. To find the problem with this first I copied my full code into my posting to get that checked from outside readers. Sometimes I found that a separation from my own proofreading resulted in the discovery of a misplaced or even a double punctuation mark. If the code is definitely correct then the problem probably is a result of difficulty in the file path. You might try uploading your index file and your image file separately rather than in a folder. If you do this make sure that your index file text removes the Graphics folder id. This worked for me.
Reply Quote
wigmanza
Re: Image-related problems
August 17, 2012 05:16PM
Hi Robyn and fellow sufferer!

I know I'm not alone on this, so glad to actually hear from "one of us!"

I uploaded my index file and both images separately, and not in a folder!

Here's my body code 
Language: HTML
<body bgcolor="#F2F2F2" background="./images/background.jpg">
<p><h1>Adrian Ellenberger</h1></p>
<p><h2>7772-959-5</h2></p>
<img src="./images/photo-me.jpg" width="270" height="390" alt="Adrian Ellenberger hiking in the Drakensberg" title="Adrian Ellenberger hiking in the Drakensberg">
</body>

I really appreciate your thoughts.
Thank you.
Reply Quote
avatar
Mac
Re: Image-related problems
August 20, 2012 07:14AM
wigmanza Wrote:
-------------------------------------------------------

> Any help and suggestions would be much
> appreciated.
>
> Many Thanks
>
> Adrian Ellenberger

Right click the picture not showing, select properties (depending on your browser) and look at the path:

<img src="images/photo-me.jpg" width="270" height="390" alt="Adrian Ellenberger hiking in the Drakensberg" title="Adrian Ellenberger hiking in the Drakensberg">

Is the image on the server in a sub-folder named images and is it named photo-me.jpg .....

the path ./images/photo-me.jpg does not appear correct.

You may want to work through this tut:

http://www.webdiner.com/webadv/begin/paths.htm
Reply Quote
wigmanza
Re: Image-related problems
August 20, 2012 04:40PM
Hi Mac

I had uploaded my files onto the server, but not into the images subfolder, as I thought this would happen automatically.
I re-uploaded them into the images subfolder, and now I'm now up and running.

Thanks a lot
Adrian.
Reply Quote
Sjane-77686225
Re: Image-related problems
August 24, 2012 10:57AM
Hi

Need help please

I submitted my assignment a week ago and picture looked fine unfortunately the picture did not appear when opened by the Tutor.

I have been trying for a week now - saved the pic in different places , tried in paint.net , have checked the path of the picture and tried short and long paths of where I save the pic.

I dont even see the pic now just a block with a tiny little colour square at the top left hand corner

Any help would be appreciated

Thanks
Reply Quote
wigmanza
Re: Image-related problems
August 24, 2012 11:21AM
Hi Sjane

I had a problem with my pic not showing, but found where I had gone wrong.
Please include your code and URL, as I have done above, so we can try and follow where your problem is.

Adrian (wigmanza)
Reply Quote
JPV-77520521
Re: Image-related problems
August 27, 2012 05:30PM
Most of the time it is the case, just make sure that the image url in the source is the same as the location that you uploaded your image too on the server.
Reply Quote
avatar
Mac
Re: Image-related problems
August 28, 2012 07:37AM
Right click the picture not showing, select properties (depending on your browser) and look at the path.
Reply Quote
RMcC-77729765
Re: Image-related problems
August 28, 2012 03:57PM
Hi Adrian

Are you sure you need the full stop before the images. I've never done that. I just put 
Language: HTML
<img src = "graphics/ filename.jpg">

I've rechecked the manual; and it also does not give the dot before Graphics or Images folder. If you were linking to a different folder you would probably need to then give that before the Graphics or Images folder.
Reply Quote
wigmanza
Re: Image-related problems
August 28, 2012 07:54PM
RMcC

No you don't, but I tried everything there was to try and as Mac had just suggested it to antiother higher up on this page, so I tried it as well.
It didn't help.
Mac's explanation is :
"...notice the beginning of the src attribute starts with ./ This means "current directory". So what I wrote was:
"current directory"/Graphics/...JPEG. This is the syntax for a relative path."

You've shown very little of your body code, so there isn't much for me to go on.
Looking at what you have, there is a space between graphics and filename : graphics/SPACEfilename.jp, but not sure if that is your actual code, or an example of what you've done.
Reply Quote
wigmanza
Re: Image-related problems
August 28, 2012 07:56PM
RMcC

No you don't, but I tried everything there was to try and as Mac had just suggested it to antiother higher up on this page, I tried it as well.
It didn't help.
Mac's explanation was : "...notice the beginning of the src attribute starts with ./ This means "current directory". So what I wrote was:
"current directory"/Graphics/...JPEG. This is the syntax for a relative path."

You've shown very little of your body code, so there isn't much for me to go on.
Looking at what you have, there is a space between graphics and filename : graphics/SPACEfilename.jpg, but not sure if that is your actual code, or an example of what you've done.

Mac suggested you "Right click the picture not showing, select properties (depending on your browser) and look at the path."
Reply Quote
RMcC-77729765
Re: Image-related problems
August 29, 2012 10:04AM
Hi again Adrian

This worked for me 

Language: HTML
<img src ="Hibiscus.jpg"  width="170" height="127" alt="picture of Hibiscus">

What I did was to upload my index file and to separately upload my image i.e. I didn't put it into any separate folder.
Then suddenly having battled to make it work - up it popped.
Reply Quote
Ahm-77735951
Re: Image-related problems
August 29, 2012 11:29PM
Who can I contact to check if what I submitted is fine and to make sure nothing else was expected.

There's such a lot that one can do, but maybe that was not the idea - must we demonstrate each skill we have learned or is that what we'll do for our next assignment?

I've worked through all the HTML exercises and what I found most cumbersome was the image map. I somehow got lost trying to get the coordinates right and then gave up. I'll have to work on that still, but in the meantime I've moved on with the rest of the work.

Linda M
Reply Quote
avatar
Mac
Re: Image-related problems
August 30, 2012 07:10AM
Well, this is an assignment, so to have it pre-checked by us is like giving you the exam paper memorandum beforehand smiling smiley
Reply Quote
wigmanza
Re: Image-related problems
August 30, 2012 09:03AM
Ahm

What's been asked for is a "basic presence on the Internet", and I presume no more than that is expected.

Assignment:
Create a basic presence on the Internet (the due date will be posted on the forum). When you get to page 29 of Section 2, complete the following task:

-Register a web site on Free Web Hosting Area (read the PDF titled “Welcome to FreeWebHostingArea.pdf” in the tutorial folder on your CD.,
-Announce your presence on the Internet with a 1 page web site where you state your student number, name, surname and a photo of your choice.
-Send the URL of your web site in an email to prinscj@unisa.ac.za, using the subject line Assignment1: Name: Student Number (e.g. Assignment1: Sara Jones: 1234567). In the body, simply type the URL of your site.

I guess we'll all have a chance to expose our genius when we do our fully functional 8 page site portfolio for the final.

Adrian.
Reply Quote
Shoke_77712625
Re: Image-related problems
August 31, 2012 12:28PM
Hi


I've just completed my assignment 1. I've uploaded my index.html file, my picture(.jpg) and my background texture(.jpg) separately & not in the folders .
It seems working, cause when I visit my URL the index.html is showing and pictures as well are showing.

Thanks All
Reply Quote
avatar
Liez-77697839
Re: Image-related problems
September 26, 2012 08:46AM
Hello
I have a problem that has stumped me. When I view my almost-complete portfolio assignment in Chrome, it's perfect. When I viewed it in Internet Explorer, I had to tweak some things but now they look the same... except for two pictures that just won't show in Internet Explorer. They are both .jpg , however, there is one other pic that is also a .jpg and the others are .png .
I've checked and rechecked the path and spelling, but it doesn't make sense to me why it would show in the one browser but not the other??
Any advice? I really don't have time to read through the first semester's student's forum stuff.
confused smiley
Reply Quote
avatar
Mac
Re: Image-related problems
September 26, 2012 09:06AM
Some browsers are stricter than others, depending on what code is involved. IE, for example, will let you get away with bad table code, while other browsers are less forgiving. Have you read all of this page?
Reply Quote
missT-77700139
Re: Image-related problems
October 20, 2012 05:54PM
I know this is late but i have one image on my site that only displays on safari and not IE, any suggestions on how to fix this?
Reply Quote
LisaS-77671325
Re: Image-related problems
October 20, 2012 06:34PM
@missT-77700139 It's hard to say, but the same thing has happened to me a few times, and each time I at first thought it was a problem with the browser, until I discovered some minor error in my code syntax around that image. As Mac says above, some of the browsers are more forgiving of small errors than others so things will still work in them, despite a small error. Other browsers require everything to be perfect. It seems to vary from issue to issue on which browsers are the forgiving ones. I would take a break and look at your code with fresh eyes.
Reply Quote
Newer Topic Older Topic
Sorry, only registered users may post in this forum.

Click here to login