|
HTML - Can't Get Code To Work When Launched From Image Map
This is the code my shopping cart provider sent me:
Code: <a href="HOST URL/ecom/gb.php?c=cart&i=LFR-1&cl=hidden&ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="HOST URL/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart"/></a> I am trying to get this to launch (I removed the img tag code to prevent the button from drawing) from an Image Map. Instead of opening a window over the page, it opens the shopping cart in another tab. I need this to open normally (as a window with the original page in the background). After several days, I'm stumped. Here is the image map code for reference: Code: <map name="MAP"> <area shape="rect" coords="765,229,934,253" href="#"> </map> Similar TutorialsI have been designing a website for a client with an iframe inserted slideshow. You can view the site @ www.tabernacleofdavidwc.com. The slideshow works fine on the page locally on Dreamweaver on my computer. However, when I launch the website live to web, the slideshow no longer functions. The slideshow file labeled "Demo_6.html" is definitely loaded to the server in the right place. What do I need to change in my html? : Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script src="Scripts/AC_ActiveX.js" type="text/javascript"></script><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <style type="text/css"> * {margin:0} a img { border: none; } </style></head> <body> <table width="1305" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="740"><img src="../TD Main Tester/TDMain_Header.gif" width="740" height="135" /></td> <td width="565"><img src="../TD Main Tester/TDMain_Header2.gif" width="540" height="135" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_HomeLeft.gif" width="185" height="48" /><img src="../TD Main Tester/TDMain_Home.gif" width="130" height="48" /><img src="../TD Main Tester/TDMain_about.gif" width="135" height="48" /><img src="../TD Main Tester/TDMain_Events.gif" width="148" height="48" /><a href="../Users/macbookpro/Documents/TD Media 2.html"><img src="../TD Main Tester/TDMain_Media.gif" width="142" height="47" /></a></td> <td><img src="../TD Main Tester/TDMain_Store.gif" width="146" height="48" /><img src="../TD Main Tester/TDMain_Contact.gif" width="136" height="48" /><img src="../TD Main Tester/TDMain_ContactRight.gif" width="258" height="48" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_SlideLeft.gif" width="185" height="343" /><iframe src="Demo_6.html" height="344" width="555" scrolling="no" frameborder="0"></iframe></td> <td><img src="../TD Main Tester/TDMain_LeftWord.gif" width="42" height="121" /><img src="../TD Main Tester/TDMain_WordWeek.gif" width="303" height="121" /><img src="../TD Main Tester/TDMain_WordRight.gif" width="195" height="121" /><body><img src="../TD Main Tester/TDMain_SWFLeft.gif" width="42" height="222" /><script type="text/javascript"> AC_AX_RunContent( 'width','303','height','223','src','WheatonEditP-20110614-164244/WheatonEditP.swf','allowscriptaccess','always','allowfullscreen','true','flashvars','poster=file:Mac intosh/video_still.jpg','movie','WheatonEditP.swf' ); //end AC code </script><noscript><object width="303" height="223"> <param name="movie" value="WheatonEditP.swf"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="poster=file:Macintosh/video_still.jpg"/> <embed src="WheatonEditP-20110614-164244/WheatonEditP.swf" width="303" height="222"allowscriptaccess="always" allowfullscreen="true" flashvars="file:Macintosh/video_still.jpg"> </embed> </object></noscript> <img src="../TD Main Tester/TDMain_SWFRight.gif" width="195" height="222" /></tr> <tr> <td><img src="../TD Main Tester/TDMain_Middle1.gif" width="740" height="22" /></td> <td><img src="../TD Main Tester/TDMain_Middle2.gif" width="540" height="22" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_PrayerLeft.gif" width="182" height="125" /><img src="../TD Main Tester/TDMain_Prayer.gif" width="181" height="125" /><img src="../TD Main Tester/TD_PrayerServices.gif" width="10" height="125" /><img src="../TD Main Tester/TDMain_Services.gif" width="178" height="125" /><img src="../TD Main Tester/TDMain_ServicesDonate.gif" width="13" height="125" /><img src="../TD Main Tester/TDMain_Donate.gif" width="176" height="125" /></td> <td><img src="../TD Main Tester/TDMain_MiracleLeft.gif" width="42" height="125" /><img src="../TD Main Tester/TDMain_Miracle.gif" width="303" height="125" /><img src="../TD Main Tester/TDMain_MiracleRight.gif" width="195" height="125" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_Bottom1.gif" width="740" height="20" /></td> <td><img src="../TD Main Tester/TDMain_Bottom2.gif" width="540" height="20" /></td> </tr> </table> </body> </html> HTML Code: <div class="AccordionPanelTab"><a href="http://www.google.com" target="frame1">W3Schools</a></div> I have an html web page that is the look I want, we'll call it script A And I have a log-in script with the functionality I want, we'll call it script B I'd like help combining the top part of script A into the top part of script B, so that the functionality script (B) will have the header look of script A. So below you'll see the code from the top of script A & B. I'd like the header and images from script A to appear/fit into the top part of script B. Thanks for your help. Script A Code: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WTAhtml</title>
<style type="text/css">
body {background-color: #ebebeb;}
#container {
width: 830px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#left_column {
border: 1px solid #999999;
float: left;
width: 230px;
margin-top: 5px;
margin-right: 10px;
margin-left: 20px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
#header_table {
width: 100%;
border-collapse: collapse;
}
.header_top_tdl {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_top_tdr {
border-bottom-style: solid;
border-bottom-width: 10px;
border-bottom-color: #b7b7b7;
background-color: #800000;
border-right-width: 0px;
border-left-width: 0px;
}
#right_column {
float: right;
width: 500px;
padding-right: 15px;
}
#footer {
margin: 20px;
padding: 3px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #800000;
font-size: 14px;
}
.white_text {
background-color: #800000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.form_row {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.link_p {
margin-left: 20px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.link_p img {
vertical-align: middle;
margin-right: 25px;
}
.link_p a {
text-decoration: none;
color: #000000;
}
.link_p a:hover {
color: #009933;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<table id="header_table">
<tr>
<td class="header_top_tdl"> </td>
<td class="header_top_tdr"> </td>
</tr>
<tr>
<td colspan="2"><div align="center"><img src="images/img11.jpg" height="134" width="461">
<img src="images/topimg2.jpg" height="160" width="309"></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="content">
Script B Code: <html><head>
<title>TEST</title>
<script src="java.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="styles.css">
</head><body bgcolor="#ffffff">
<br />
<table width="75%" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border: solid 1px;">
<tr>
<td style="padding: 20px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td>TEST</td>
<td align="right"> </td>
</tr></table>
</td>
</tr></table>
<br /><br />
<table width="75%" align="center" cellpadding="0" cellspacing="0" bordercolor="#800000" style="border: solid 1px;">
<tr bgcolor="White">
<td>
<table height="26" cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#800000" background="img/_example/bg_tb1_.gif" width="100%"><tr>
<td width="200"><img src="img/_example/pixel.gif" width="200" height="1" alt="" border="0" /></td>
<td width="100%">
<table border="0" width="100%" align="right" cellpadding="2" cellspacing="0"><tr>
</tr></table>
</td>
</tr></table>
</td>
</tr>
<tr><td height="1" bgcolor="#d4d4d4"><img src="img/pixel.gif" width="1" height="1" alt="" border="0"></td></tr>
<tr>
http://www.freewebs.com/stevenwang/ Now I've tried this a few different ways, none of which give me the ideal picture I have in my head. This is my personal website for my clothing line, which I plan to launch fairly soon after everything is said and done. It's all hand drawn (sketchy), black/white, very simple website layout. What I want to do, is move the links (the images) as they are current inline with "Lit." I want the top of the T in "Lit" to be aligned with the top of the "T" in "About." Then I want my twitter and facebook links to be flush with the bottom of the "C" in "Contact" The only way at this point I see this functioning is with an IMAGE MAP, which I really don't want to do... It's not browser friendly. Is there anyway we can float some tables to do this? And which is the best way for adding an iframe inside the hand drawn border/box. Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML><HEAD><TITLE>Get Lit, A Clothing Company</TITLE> <META http-equiv=content-type content="text/html; charset=ISO-8859-1"> <META name="keywords" content=""> <META name="description" content=""> </HEAD> <A href="http://stevenwang.webs.com/home.htm" target=main><IMG alt="" src="http://stevenwang.webs.com/lit_top_left_001.gif" border=0></A><BR> <A href="http://www.facebook.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/fb_1.gif" border=0></A><IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/twit_1.gif" border=0></A><IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/nav_001.gif" border=0></A><IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/nav_002.gif" border=0></A> <BR> <IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><IMG alt="" src="http://stevenwang.webs.com/align_right.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/nav_003.gif" border=0></A> <P align=center> <IMG alt="" src="http://stevenwang.webs.com/litco_bg.gif" border=0> </P> <!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></BODY></HTML> Okay, I received some pictures from a fashion designer to use for her Web site. I first tested the code by using a different image that I found on Google and it worked. However, when I used her image it was broken. The next option I tried was I used my photobucket account and make an HTML reference to the image. Even when I upload it to photobucket it gives me an error. So...I don't know if it's still my problem or possibly she gave me the wrong product. The images were .jpg. Here's the image code I tried: <img src="/pictures/ct1.jpg"/> If it's not the code, then what can I do to make sure she gives me pictures that work? On one of my web pages im currently writing one Image wont show up and i have no idea why here is an extract of the code Quote: <table width='100%' border='0'> <td width='33.333%'></td> <td width='33.333%'> <img scr='http://chaos-realm.servegame.org/images/under-construction.gif' align='center' alt="Error... Unable to load Picture"> </td> <td width='33.333%'></td> </table> And it always shows the Alt text not the picture i have practically the same code in a different area Quote: <table width='100%' border='0'> <td width='33.333%'> </td> <td width='33.333%'> <img scr='http://chaos-realm.servegame.org/images/under-construction.gif' align='center' alt="Error... Unable to load Picture"> </td> <td width='33.333%'> </td> </table> And that one works, so im wondering why wont the first one work, ive tried it as a BMP and JPG image aswell. If you visit the website in the first code youll see the mage does exist Any Help would be amazning, Thanks in advance, Eldara How do I get my image gallery to work? [html] Example I am trying to do exactly what they have done here, with the image thumbs on the same table, and the next button will scroll through them. My Result Whats going on? p.s. i have attached the HTML file in the zip folder, and if u dont want to download that i have attached it as a txt file. I wonder if someone knows of the problem I have. This is the site... http://www.fitterbydesign.co.nz The images have just been added and now the links between pages don't seem to work. Is the answer to this glaringly obvious? Many thanks for any help you can give me! It works in my editor, but when I paste it into my blogger account, it says its not complete because of the IMG tag. <A HREF="http://www.trueprotein.com/"><IMG SRC="http://i10.tinypic.com/4tqy6ux.jpg"</A> Thanks <a href="http://zentaur.zed.ro/?hero=CharName" title="Legend of Mir 3 server zentaur - Free MMORPG"><img src="http://zentaur.zed.ro/zb-box.jpg" width="150" height="200" border="0" alt="Legend of Mir 3 server zentaur - Free MMORPG"></a> Hello Everyone I'm having trouble putting a picture code on my myspace page, what I'm trying to do is put the picture above the advertisments and I got the code just how I want the picture to display but the only problem is, is that the picture will display under "Preview Profile" but after saving the changes and then viewing my profile it doesn't show the picture but still has the space above to where the picture would actually be? Here's the code that I'm using: <style type="text/css"> body{ background-position:top center;margin-top: 650;} div.topbanner { top: -990; left: 25%; margin-left: --200px; width: 100%; height: 150px; position: absolute; } </style> <div class="topbanner"><a href="http://www.yourpimpspace.com"><img src="http://i80.photobucket.com/albums/j174/skinny120/Clouds.jpg" border="0"></a></div><a target="_blank" href="http://www.yourpimpspace.com/"><img border="0" src="http://www.yourpimpspace.com/support.gif" alt="MySpace Layouts" style="left: 0px; position: absolute; top: 0px" /></a><a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 35px;">MySpace Layouts</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 50px;">MySpace Codes</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 65px;">MySpace Backgrounds</a><br><center><a href="http://www.yourpimpspace.com">PUT AN IMAGE AT THE TOP OF YOUR PAGE</a></center><br> Here's the pictures URL that I'm using for the Image: http://i80.photobucket.com/albums/j1...120/Clouds.jpg Please try and help Thanks im in a bind on my site. im makine a website of my snake colelction and i have tons of pictures. what im lookin for is a way to lign the pictures up as small sample images and when clicked the orginal sized oen opens up in another browser or similar. please help asap. Hi Guys, I need to display a default image if a user doesn't upload one eg: :::::::::Current Code::::::: <img src="{src}" {width} {height} border="0" hspace="0" alt="{alt}"> //shows the image if a user uploads one How can i alter the code so that if a user doesnt upload one it defaults to images/default.gif Thanks I want to put two different images in my background. one on the left and one on the right. and i would like it to be fixed. can someone help me with the code? i can only get one background image. this is what im using rite now: <style type="text/css"> body { background: url(example.jpg) fixed right no-repeat;} </style> Can someone please try and help me with this code. I'm trying to center text below this image with a certain color. Here are the codes and text: Image Code: <style> body div td td {height:700px; vertical-align:top; background-image:url(http://i80.photobucket.com/albums/j1...-2007-14.jpg); background-repeat:no-repeat; background-position:center top;} td.text td, td.text div td td {background-image:none; height:auto;} </style> Color Code: <p style="color:FFFFFF;"> The Text: Many a man curses the rain that falls upon his head, and knows not that it brings abundance to drive away the hunger. Thanks for the help I'm a total beginner when it comes to HTML. I was given some code to use for my fading rollover image which worked great but when I went to add another rollover image in my HTML doc the second did not function. I know something must be added to the <head> portion of the code in order for the new rollover to work but I can't seem to figure out what it is. My site is www.sailormoonthemovie.com/test.html. Thank you so much for your time and help! Any suggestions are much appreciated Not sure what I'm doing wrong but this background is not showing up on my page. I've tried foxfire and chrome. Thanks <body style="background-image: url(http://img.photobucket.com/albums/v297/stebinus/texturesat9055041.jpg);"> I don't know alot about HTML. I just need a simple HTML Rollover/Hover code I can pop my image URLs into and it will work. Help? I'm using Freewebs, btw. anyone know a code that enables you to write over a image because right now i had to use my header and nav as a backround (because there pictures) is there anyway i can write text over a picture? thanks alot heres my website for reference, (the only reason the letters are on the nav bar is because i set it as a backround) someone please help www.seattlewest.net |
|||||||