|
HTML - Pop Box Within Hot Spot
Hello All,
I have been developing basic websites for the last couple of years and never really done much with Hot Spots now i know how to make the hot spot HTML Code: <map name="header1Map" id="header1Map"> <area shape="rect" coords="158,11,358,138" href="#" /> </map> Now instead of going to a new page onclick i want it to make a image pop up on the same page like the program pop box but cannot seem to get the code to work here is what i have so far. HTML Code: <map name="header1Map" id="header1Map"> <area shape="rect" coords="158,11,358,138" img id="1" alt="" src="images/IMG_0596.JPG" pbshowcaption="True" pbcaption="" style="width: 150px; height: 100px;" class="PopBoxImageSmall" title="Click to magnify/shrink" onclick="Pop(this,50,'PopBoxImageLarge');" /> </map> the script works when i insert outside of hot spot. Any help is greatly appreciated. Best Regards Lee Similar TutorialsHello, I have this code: (The important part is in bold) Code:
<html>
<head>
<style type="text/css">
.navlink a:link {
font-family: Verdana, Geneva;
font-size : 80%;
font-weight : bold;
color: #000000;
background-color: white;
text-decoration : none;
margin: 5px;
padding: 5px;
border : 1px outset black;
display: block;
width: 150px;
text-align: center;
width: 142px
}
.navlink a:visited {
font-family: Verdana, Geneva;
font-size : 80%;
font-weight : bold;
color: #000000;
text-decoration : none;
padding: 5px;
margin: 5px;
border : 1px outset gray;
display: block;
width: 142px;
}
.navlink a:hover {
font-family: Verdana, Geneva;
font-size : 80%;
font-weight : bold;
color: #000000;
text-decoration : none;
padding: 5px;
margin: 5px;
border : 1px inset black;
display: block;
background-color : #99ccff;
width: 142px;
}
.center{text-align: center}
body{font-family: Verdana, Geneva;}
h1{font-weight: bold}
</style>
</head>
<body bgcolor="#4d4d4d">
<table style="position: absolute; top: 0px; width: 850px; margin: auto; border: 3px solid #000000; background-color: white">
<tr><td class="center">
<img src="logo.png"><img src="smiley.png" style="position:absolute; left:838px; top:6px"><hr>
<p style="position:absolute; left:842px; top:118px; font-size: x-small"> First time here? Click the smiley!</p>
<table width="150" border="0" bgcolor="white" class="navlink" style="border-type: solid">
<td class="center"><a href="index.htm">Home</a></td>
<td class="center"><a href="link1.htm">Cartoons</a></td>
<td class="center"><a href="link2.htm">Guestbook</a></td>
<td class="center"><a href="link2.htm">Contact Me</a></td>
</table>
<table style="margin: 6px; border: 1px; border-style: solid"><tr><td width="650px">
<h1>Site Released
</td></tr></table>
</tr></td>
</table>
</body>
</html>
Does anyone know how to keep the smiley face and the words "First time here? Click the smiley!" In one place while the window is resized. (Preferably without having to put them in the table.) Hi, I am looking for some insight on this matter. I currently convert images to html by using fireworks to slice up td backgrounds. and then position elements on an overall table with invisible image spacers. This is very time consuming.. I am looking for an easier way to convert images to html. Is there a program that will let me accomplish this easier? I dont want to use invisible images any more. Any advantages / disadvantages in using either approach? I am looking for a program that will be wc3 compliant and multi browser compatible. Thanks for your input. Hello Folks I want to be able to anchor to not only a different page, this is a simple link, but I also want to be able to go to a specific point on that new page from the original hyper link... Example; I am viewing on page "A," on my site and I want to set a link on page "A" to take me to page "B" to the word "Widget." On page "B" I have the word "Widget" 2/3rds the way down the page. I want to go further than just to the top of page "B," I want my SAME link from page "A" to take me to the word "Widget" that is near the bottom of the page "B" all in the same link. (One click) I understand I am going to need to set code at each word, this is a lot of work and this is OK.. Thank You So Very Much for any assistance David You know those sites where all this information is on this one REALLY long page and they have links at the top to send you to the exact spot where you need to be? How do I make that happen? This will be for myspace but I've heard that myspace filters the "#" that is needed in the code so is there anyway around this? I'm looking for a routine or function that allows for floating popups when the pointer is placed over a hot spot on a client-side image map. Currently there are plenty of sources for code out there that show a popup when floating over a text URL or an IMG URL, but when putting a mouse pointer over an image map the same code does not work. Even when declaring the image map an OBJECT rather than just a basic <img>. So essentially, I want the mouse to hover over an image map, and then have a small pop up of an image show up. Thanks in advance help is greatly appreciated. on my site (www.absoluteECW.site88.net) underneath the button Latest Blog.. i want to put in this youtube video, HOW do i get it, what code should i use? The background is set to behind, i just want to know, have it sized and everything. Anyone who can help, will give BIG props!!! please help, this is the final thing that i need |
|||||||