HTML Forum

**mikesheridan** · 02-27-2008, 04:10 PM

I have created a couple of web pages using Front page and Dream weaver but I am stuck as I get to the advanced stuff. A simple web page that displays text and pictures is relatively easy. What I want to do is beyond my abilities and I need help understanding how to do it.

What I have is a drawing of a facility. It's actually the campus site map. I have learned how to bring it into Dream weaver as a background image and that is about as far as I get.

I am trying to create buttons on top of the site map and cannot figure out how to best do it. Each time I bring a image into Dream weaver it goes below the site drawing and I cannot figure out how to get it on top of the graphic.
After I create the buttons I want to be able to mouse-over them and have a pop-up balloon display some dynamic data from a field device that has XML built into it.

Any help, ideas, examples would be appreciated. I'm still learning. Should have gotten into this a long time ago.

**Arenlor** · 02-27-2008, 04:44 PM

First off, it's noob not nob :P secondly three links I want you to use.
http://www.notepad2.com/
http://www.w3schools.com/html/default.asp
http://www.w3schools.com/css/default.asp
The first is a nice program that highlights your html and css for you. The second is a site where you can learn to write the html on your own, the third is the same site but is about CSS such as:

HTML Code:

<html><head><title>Blah</title>
<style type="text/css">
body {background: url(path/to/your.img);}
</style></head><body><p>Hello World!</p></body></html>

It's pretty simple.

**serandfae** · 02-27-2008, 04:56 PM

The first one requires an image map, which requires cgi. Here's a link to a pretty straightforward tutorial, to see if that's something you think you're ready for:

http://hoohoo.ncsa.uiuc.edu/docs/tut...gemapping.html

Mousing over and displaying a popup is usually accomplished with javascript, but for the dynamic data part you'll need server-side scripting.

**Arenlor** · 02-27-2008, 05:15 PM

http://www.htmlgoodies.com/tutorials...le.php/3479741 Client-side image map, no CGI needed...

**mikesheridan** · 02-27-2008, 07:25 PM

Thanks all!! OK Noob, not Nob. Told you I was new. LOL

Appreciate the help!

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!