|
HTML - Images Won't Work - Please Help!
Why won't my images work he
http://www.djcarchitect.com/portfolio/museums.html the nav bar images work, but the main image isn't showing up.. i'm very confused and stressed about this. Thank you. Similar TutorialsHey, On my site, images are correctly placed in Firefox etc. but are in completely the wrong place in internet explorer. The site is he http://thekneelingzombie.com/ Anyone tell me the code I need to slip in to make it work in IE and FF? Thanks v. much Jim Is outputting --- Creating linked images < a href= "default.htm"> --- as a line of text next to the image, instead of embedding a link in it. Any ideas what's going on? This is the code: <?xml version = "1.0" encoding = "utf-8"?> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> Using image as hyperlink </title> </head> <body> <p> Creating linked images < a href= "default.htm"> <img src = "DSC00123.JPG" width = "92" height = "100" alt = Testing out stuff> </img> </a> </p> </body> </head> </html> So in a regular html text link, I can place the tag target="_blank" and it will open a new window when you click the link, and place the links contents into that new window. However, if I add that tag to a link associated with an image, the link replaces the current frame with the link contents. Is there any simple html way to have an image link open a new window? - Neil Can someone paste this into an .html file and help me with why this won't work in IE. It works in Chrome and FF. It seems like the onclick event in the two buttons doesn't fire. <!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> <title>Question 1</title> <style type="text/css"> body { background-color: #FFFFFF; font-family: Verdana, sans-serif; color: #000088; margin: 5px; } p.help_text { color: #ff0000; font-size:10px; } table.left { position:relative; right:3px; } input.right { position:relative; left:15px; } </style> <script type="text/javascript"> function Clear(form) { document.multiply_form.arg1.value = ""; document.multiply_form.arg2.value = ""; document.getElementById("answer").innerHTML = "?"; document.getElementById("help").innerHTML = ""; } function Multiply(arg1, arg2, form) { var answer = document.getElementById("answer"); alert("A"); document.getElementById("help").innerHTML = ""; if (validate_form() == true) { document.getElementById("answer").innerHTML = arg1 * arg2; } } function validate_form() { var fields = new Array(); fields[0] = document.multiply_form.arg1; fields[1] = document.multiply_form.arg2; for (i = 0; i < fields.length; i++) { if (fields[i].value.length == 0) { document.getElementById("help").innerHTML = "You must enter 2 arguments to multiply."; fields[i].focus(); return false; } else if (isNaN(fields[i].value)) { document.getElementById("help").innerHTML = "You can only multiply numbers."; fields[i].focus(); return false; } } return true; } </script> </head> <body> <form name="multiply_form" action="" onsubmit="multiply(arg1, arg2)"> Arg 1: <input type="text" name="arg1" value="" size="10"/><br/> Arg 2: <input type="text" name="arg2" value="" size="10"/><br/> <table class="left"> <tr> <td><div>Result: </div></td> <td><div id="answer">?</div></td> </tr> </table> <input class="right" type="button" value="Calculate" onclick="Multiply(this.form.arg1.value, this.form.arg2.value, this.form)"/> <input class="right" type="button" value="Clear" onclick="Clear(this.form)"/> <p id="help" class="help_text"></p> </form> </body> </html> Should this tag work ? <img src="file://users/aneuryzma/Desktop/Picture%201.png" name="replaceMe"/> i want to display an image on my local file system... thanks Why on earth doe the cell "Card No." not go to row number 2 and it stays on the same line? I have added a <tr> and it STILL stays on same line. How is this possible? Code: <form id="cin" name="cin" method="post" action=""> <table><tr> <th>Your Name</th> <td><input type="text" name="your_name" /></td> <tr> <td></td> </tr> <th>Card No.</th> <td><input type="text" name="card_no" id="card_no" /></td> </form> Hi there, would you kindly help me please. I have have been puzzled lately about how exactly i would be able to protect some of my online material. I do realize that keeping things more server sided is the way to go. But what if its a login, where you have two sections of your site, one for members and the other public. My question is how would you be able to protect a page from being viewed if your not logged in. Meaning if someone knows the direct link to a member page, how would you stop them from viewing it if their not a member? (redirect them back to a homepage). how would this kind of thing work? Thanks a million btw new to the forums NetGD Hi all, need ur help.. I make a web template in Fireworks and export it to HTML, then I open the file in Dreamweaver. Strangely, when I preview the file in IE, the link in it not work. But it works in Firefox. Anyone please give me advice many thanks mol Hi, I've been going through my codes over and over again but I juz figure out why it won't work this time round for the links. Normally, when I type the html reference inside the ahref, the notepad plus plus will show red but this time it doesn't. When I try to click on the link it won't work as well. Hope someone can tell me why. tks. [html code] <img src="singapore.jpg" alt="Skyscraper" width="700" height="300" hspace="5" name="Rotate"/> <table align ="left" width= 70%> <td width ="30%><a href="BuildGoodNcolor.html">Home</a></td> <td width ="30%><a href="=P-D.html">Projects</a></td> <td width ="30%><a href="PD.comenquiry.html">Enquiry</a></td> <td width ="35%><a href="P-D.html">Contact</a></td></table> [/html code] css : a:link { color: #336699; } a:visited { color: #660033; } a:hover { color: #000000; } below there is a piece of code with slideshow (I took it from http://www.ricocheting.com/code/java...mage-slideshow). I can see only the first picture, not the rest. Can someone help me? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>try5</title> </head> <body> <script type="text/javascript"> // Author: ricocheting.com // Description: slideshow that allows visitors to flip through a series of images on your website var x=0; function rotate(num){ fs=document.ff.slide; x=num%fs.length; if(x<0) x=fs.length-1; document.images.show.src=fs.options[x].value; fs.selectedIndex=x;} function auto() { if(document.ff.fa.value == "Stop"){ rotate(++x);setTimeout("auto()", 5000);}} </script> <form name="ff"> <table style="border: 1px solid black; border-collapse: collapse;" cellpadding="3"> <tbody> <tr> <th align="center"></th> </tr> <tr> <td align="center"><img src="IMG0.JPG" name="show"> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"> <select name="slide" onchange="rotate(this.selectedIndex);"> <option value="IMG0.JPG"></option> <option value="IMG1.JPG"></option> </select> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"><input onclick="rotate(0);" value="ll<<" title="Jump to beginning" type="button"> <input onclick="rotate(x-1);" value="<<" title="Last Picture" type="button"><input name="fa" onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Stop" title="Autoplay" style="width: 75px;" type="button"> <input onclick="rotate(x+1);" value=">>" title="Next Picture" type="button"><input onclick="rotate(this.form.slide.length-1);" value=">>ll" title="Jump to end" type="button"> </td> </tr> </tbody> </table> </form> </body> </html> So just draw on AP divs and maybe also a bit of tweaking, can you "get away" with this? Biggest problem i see is that IE and FF tend not to always format things exactly the same .... ALSO, if i want to line up say an input text box with a search button gif(25px x 24px) at the side of the input then this works in firefox, Note that this is an AP div. <div id="apDiv3"> <input type = "text" size = "26"/><img src = "images/search.gif" /> </div> #apDiv3 input{float:left;height:16px;padding:2px;} Gives this is FF, Whereas in IE there is a small gap between the right end of the input and the gif, and also the input field is smaller I have to say i don't really undertsand the css there, i got it form the web. Why is there a gap and why is it smaller? After the "marital status" and "sex" are selected, I want to assign a default value to the "Title" field. I think I am calling the function DefaultTitle incorrectly because I am not even seeing the initial alert box. Any suggestions? function DefaultTitle(strng,x) { alert("Checking Title."); var Sex=documet.PatientEntry.personal_sex.value; var MaritalStatus=strng; if (Sex=="Female" && MaritalStatus=="Married") {document.PatientEntry.personal_Title.value="Mrs."; HighlightWhite(x); Return; } if (Sex=="Male") {docment.PatientEntry.personal_Title.value="Mr."; HighlightWhite(x); Return; } if (Sex=="Female" && MaritalStatus=="Single") {document.PatientEntry.personal_Title.value="Miss"; HighlightWhite(x); Return; } if (Sex=="Female") {document.PatientEntry.personal_Title.value="Ms."; HighlightWhite(x); Return; } } Sex: <SELECT name="personal_sex" id="personal_sex" tabindex=7> <OPTION>Male</OPTION> <OPTION>Female</OPTION> </SELECT> Marital status: <SELECT name="personal_MaritalStatus" id="personal_MaritalStatus" onmouseout="DefaultTitle(this.value,this.id)" tabindex=8> <OPTION>Married</OPTION> <OPTION>Single</OPTION> <OPTION>Separated</OPTION> <OPTION>Divorced</OPTION> <OPTION>Widow(er)</OPTION> </SELECT> Title: <SELECT name=personal_Title tabindex=9> <OPTION>Mr.</OPTION> <OPTION>Mrs.</OPTION> <OPTION>Ms.</OPTION> <OPTION>Miss</OPTION> <OPTION>Dr.</OPTION> </SELECT><BR> Here's the HTML for my page. I've got two frames, one named "jojo" and one named "blah". Code: <frameset rows="1000,*" cols="*" frameborder="yes" border="1" framespacing="0" name="jojo"> <frame src="newsfront.html" scrolling="NO" name="jojo"> <frame src="music5.html" rows="1,*" name="blah"> </frameset> </frameset> And here's the java for a link I'm trying to make, a link that will change "blah" and "jojo" at the same time. For some reason, I can't get it to work. What am I doing wrong? Code: <HTML><B>
<HEAD>
<TITLE>FRAME 10</TITLE>
<SCRIPT language="JavaScript">
<!--hide
function change3()
{
parent.jojo.location="quiz/quizzo.html";
parent.blah.location="quiz/song.html";
}
//-->
</SCRIPT>
</HEAD>
<body>
<BR><center><font size=99>
<A HREF="javascript:change3()">Start</A></font>
<body background=quiz/paper2.jpg></center>
</body>
</html>
Thanky. I need to display variables on my thank you page from my opt-in page (using Aweber as my autoresponder). They say to display variables use <script>printElement("custom communication")</script> which is fine and displays correctly but I need to include that within a IF/Else statement so I can display a different message based on the variable. Here is my If/Else which does not work - I assume because the extra <script> <script type="text/javascript"> var d = new Date() var time = <script>printElement("custom communication")</script> if (time=='Satisfied') { document.write("<b>Good morning</b>"); } else if (time=='Dissatisfied') { document.write("<b>Good day</b>"); } else { document.write("<b>Hello World!</b>"); } </script> Any help on how I can solve this would be great!!! Hi, Just a quick post here to ask for some help. My website (http://www.anewtake.com/ted) which I am making, works fine in Safari and Chrome. However, it does not work quite in Firefox: the top bar, where it says 'welcome' is placed too far over to the right. I'm not sure whether it works in IE7 or IE8, because it won't install on my computer! And I'm not bothered about IE6 because it's just old. So my question is; can anyone help me with getting this page to work in Firefox and validate? Thanks, Ted I was bolding text in <p> tags like this Code: <p> <b>2. Policy</b> </p> Then I added Code: <style type="text/css">
<!--
P {
font-size: 10px;
}
-->
</style>
Now" Policy" is no longer bold Ok. I'm brand new to html and website building. I'm doing pretty ok, but I can't understand why this link won't work: <td><a href="path03"><a target="_blank" ref="maps.htm">Maps</a></a></td> Any thoughts? Thanks. Ok, so I just made my first website template in GIMP. I finally get it done and watch a few tutorials on "cutting and slicing) and I get the code and it wont work on the website! Im using www.weebly.com to host the site. Heres the code that GIMP gave me after cutting and slicing... <img src="ThreePeatTemp2.png" width="780" height="1000" border="0" usemap="#map" /> <map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-lease do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:Jalen --> <area shape="rect" coords="183,182,282,228" href="http://threepeatgaming.weebly.com/index.html" /> <area shape="rect" coords="326,185,447,251" href="http://threepeatgaming.weebly.com/50s-for-sale.html" /> <area shape="rect" coords="491,185,595,252" href="http://threepeatgaming.weebly.com/about-us.html" /> <area shape="rect" coords="641,186,755,252" href="http://threepeatgaming.weebly.com/contact-us.html" /> <area shape="rect" coords="5,2,154,96" href="http://threepeatgaming.weebly.com/index.html" /> <area shape="rect" coords="8,297,85,317" href="http://threepeatgaming.weebly.com/why-us.html" /> <area shape="rect" coords="8,326,86,344" href="http://threepeatgaming.weebly.com/our-goal.html" /> <area shape="rect" coords="9,351,147,372" href="http://threepeatgaming.weebly.com/how-to-buy-a-50.html" /> </map> Please, any help is really appreciated! I honestly dont know what info you need to help me figure this out, but please if you can help ask. -Jalen I save it as an htlm file like the book says right but it is coded in xhtlm but when I try to open my website it says not responding so can anybody tell me what is wrong with my website here is the code <?xml version="1.0" ?> <!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> <title>Jon's Home Page</title> </head> <body> <h1>Welcome to Jon's Home Page</h1> <p>Jon has been creating Web sites for more than eight years. He has written several books on computer programming topics including HTML, XHTML, XML, and ASP. He also runs InPreparation Limited, a small Web solutions company based in London, with clients in the U.K., U.S., and Australia. </p> <p>When not sitting in front of a computer, Jon can usually be found listening to music or playing his guitar.</p> </body> </html> |
|||||||