hello every one first of all thanks to daniweb and all its members who alwasy helped me lot.

i am very beginner to html and started just 3 or 4 days ago and facing lots of problems
i am doing html by using internet explorer latest(8) and also on mozilla.

problem 1: i use <img src=""> to insert a image in page its finely working in internet explorer but not in mozilla below the coding.

<html>
<head>
<title>my name is Aman</title>
<img src="C:\Documents and Settings\aman rathi\Desktop\New Folder\anna.JPG">

problem 2: while coding if i close the notepad (where i am coding) and next time when i opened its source it shows read only file i can't edit that, for editing source i do all steps again which i did in begging for saving page.

please also suggest me any platform where i can practice easily.
help me

Dani AI

Generated

As described, the page worked in one browser but not another. and correctly pointed out structural issues, and 's note about Firefox settings is relevant. Two common problems to add detail on here are (1) how browsers handle local file paths and (2) Windows permission/locking behavior that makes a saved file appear read-only when reopened.

Keep a simple project layout (for example, index.html next to an images/ folder) and reference images with forward slashes and relative URLs instead of raw Windows paths. To test pages the same way a web server would serve them, run a tiny local server. With Python 3:

python -m http.server 8000

Then open in the browser. This avoids file:// quirks and cross-origin rules that can cause Firefox to block or misinterpret local image references. See MDN for image best practices.

When an image does not appear, use developer tools (F12): check the Network tab for 404s and the Console for security/errors. Confirm exact filename/folder spelling (case matters on many servers). Avoid spaces in filenames or use URL encoding; spaces in local paths often cause unexpected results when used as URLs.

For the Notepad read-only symptom, inspect the file Properties for a Read-only flag, ensure the file is saved on a writable drive (not removable/protected media), and avoid saving projects in protected system folders. Running an editor with appropriate permissions or saving under the Documents folder reduces UAC problems. Modern editors (Notepad++, VS Code) give syntax highlighting and easier saves. Quick online sandboxes for practice: CodePen and JSFiddle. For the server approach see Python's http.server docs: http.server. For image usage guidance see: MDN - Images in HTML.

Recommended Answers

All 4 Replies

Member Avatar for Member #825775

Well first of all, if are going to post this up on the web, you can't have a image src as "C:\Documents and Settings\aman rathi\Desktop\New Folder\anna.JPG"

Second, you are missing your body and head tags, do this:

Replace:
<img src="C:\Documents and Settings\aman rathi\Desktop\New Folder\anna.JPG">

With this:
</head>
<body>
<img src="C:\Documents and Settings\aman rathi\Desktop\New Folder\anna.JPG" />
</body>
</html>

Third the latest version is IE9 and FF4

For your problem, I tried to replicate your error and if the code you posted is all the code you had, then the code I provided above will fix your error.

I agree to Sam, that you miss body tag. You need to use that. once you add body tag then this code work in both browser same way.

For second problem: i can easily edit the same notepad file.

I'm guessing here, but it sounds like your mozilla browser may be set to block images. Make sure about that and let us know!

As for notepad, if you right click on the file, and choose "open with" and then choose "notepad" does that solve the problem?

Edit: Also, the body tag thing as explained by the users above is very true!

commented: helped me lot +0

thanks a lot all of you.
special thanks to sam.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.