Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Html issue, anyone know?

Status
Not open for further replies.
Been trying to do a small thing for RMXP, just as a test, and i'm having an issue.

Code:
<html>
<head>
<title> Test Project </title>
</head>
<MAP name="mymap">
<AREA Shape="circle" coords="70,84,51"
Href="http://www.rmxp.org/forums/index.php"
<AREA Shape="rect" Coords="25,180,125,280"
HREF="http://www.rmxp.org/forums/index.php?topic=32399.0"
<AREA Shape="poly"
Coords="153,106,186,225,340,193,315,81,304,167"
Href="http://www.rmxp.org/forums/index.php?topic=32941.0"
<AREA Shape="Default" Coors="0,0,195,111"
Href="http://www.rmxp.org/forums/index.php?topic=35803.0"
<Area Shape="rect" Coords="421,18,470,276"
nohref>
</MAP>
<IMG Src="C:\Documents and Settings\My Name\My Documents\My Pictures\untitled.bmp"
width="550" Height="260"
Usemap="#mymap">
</html>
I think the problem may be in the oline
<IMG Src="C:\Document and Settings\My Name\My Documents\My Pictures\untitled.bmp", or it could be because i don't have a
Alt="" in there, but that gives me a blank.

The error is a blank page, links are viable, but the rest is unviewable.
 
Image tags are relative to your HTML file's location.  For instance, if your HTML file was in C:/Website/index.html, the proper way to insert an image is to make a new folder in C:/Website called images or img, put the picture you want in that folder, and use
Code:
 <img src="img/untitled.bmp">
with all the extras (map, height, width, etc) included, of course.

If you ABSOLUTELY NEED to have the picture in My Pictures, I think the file:// thing works but I'm not really sure.

As a footnote, please don't ever use Bitmaps.  They're huge.  Use PNG.

EDIT:  Also, in your fourth [area] tag, you have 'Coors' instead of 'Coords.'
 
djzalzer":3siunki3 said:
Image tags are relative to your HTML file's location.  For instance, if your HTML file was in C:/Website/index.html, the proper way to insert an image is to make a new folder in C:/Website called images or img, put the picture you want in that folder, and use
Code:
 <img src="img/untitled.bmp">
with all the extras (map, height, width, etc) included, of course.

If you ABSOLUTELY NEED to have the picture in My Pictures, I think the file:// thing works but I'm not really sure.

As a footnote, please don't ever use Bitmaps.  They're huge.  Use PNG.

EDIT:  Also, in your fourth [area] tag, you have 'Coors' instead of 'Coords.'

We all want beer to be a way of life, lol.


at any rate, thanks i'll try the image src, I was thinking on that, but then using coords I thought it might not work for revamping the picture.

Will try and edit.


edit: It comes out like this:


The links in it are live, but it isn't.
 

___

Sponsor

You can't use file://, src needs to have a valid href.  A browser has no idea how to follow a link based on the directory structure of your computer, which it doesn't have access to : /

If this thing is going on a web server, for something this simple stick your image in the web root along with your file as index.html, then your href is simply "image.bmp" or whatever.  If it's not going to be on a webserver, I'm not sure where you plan to put it, but your href must be a url (i.e. "http://www.somewhere.com/path/to/image.bmp").  So you can throw it on photobucket, for instance, and then paste the url it gives you from there.

Also yeah never use bitmaps on the web.
 
if the full site isn't based on your pc, then you need to open up the proper ports for file sharing to the site, otherwise it won't show up as your computer has it blocked from accessing your images on your pc.
 
Status
Not open for further replies.

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top