|
HTML - Showcasing Your Work
this issue has been solved
Similar TutorialsWhy 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> 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 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 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> 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. 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!!! 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> 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? Hi guys, I'd be grateful for any assistance. I have an affiliate hotel site When I look on Google analytics, around 10% of users at some point get to a page 404 called /ums_step1 I can't for the life of me work out where in the site there is a dead link which could create this. The only plausible theory is that some users can't get through to the checkout screen and get a 404 message. This is a known problem which I thought I had worked out. It seems fine on my computer. 2 questions: - Does anyone know what /ums_step1 might stand for? ie. is it a standard extension for something? - Is there anyone in U.S.A who might be able to just go to the site a click on a random hotel and click book to see if you get to the checkout screen (I'm not spamming for hits here, I don't get paid unless someone actaully goes all the way through the checkout) Any help would be greatly appreciated thanks 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 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> 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> Nevermind. This post can be deleted. Hey, 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 sorry i fixed the problem as soon as i posted so i deleted it im pat btw I've had a simple php counter on a web page for years. Now I change the webpage and put the counter html on it just like before and this time it doesn't work! Could this be something to do with the new page being xhtml instead of html? Or because this time there's already a 'javascript' section whereas before there wasn't? Or what? The page is at http://greenpepper.org if anyone would care to look. the html line is right at the bottom of the page, just before </body> and the line itself is: <script language="Javascript" src="counter.php"><!--//--></script> The php counter code is very simple, too, it is: <? $filename = "count.txt"; $fp=fopen("$filename","r"); $count=fread($fp, filesize("$filename")); fclose($fp); $count++; $fp=fopen("$filename","w+"); fwrite($fp,$count); fclose($fp); // Use this line below if you like to use this counter to count hits in a PHP file. //echo "This page has been visited $count times."; // Use this line if you like to use this counter to count hits in a HTML file. You also need to add a code in your HTML file. See the guide for details. echo "document.write('$count');"; ?> The text file is still there in the directory, I checked everything by running the old file again and it runs the counter okay. Hi, I need help I tried to check the code of my website it works perfectly well in google chrome and firefox but not in Internet explorer. i tried your suggestions but still it doesn't work. Hello everyone, Im making a website (obviously haha) and the links in a div dont want to work. A piece of text + link works A picture + link doesnt work This div is the header (inc. sepirate logo, name and menu buttons) Below the header div I made a slideshow (which works perfectly (also in a div)) Below the slideshow I made div's in a div with brands of companies + links (which DO work) It doesnt matter if I delete all div's in the header and just put a pic in the header div... the link with that pic still wont work. the link DOES work in expressionweb (ctrl+click) but does NOT work when I put the site online OR test it in any browser (chrome, firefox, IE) HTML Code: <!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" 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" />
<style type="text/css">
.style1 {
text-align: center;
}
.style2 {
border-width: 0px;
}
.style4 {
text-align: right;
color: #C0C0C0;
font-size: x-small;
}
</style>
</head>
<body>
<div style="position: relative; width: 800px; z-index: 1; left: 0px; top: 0px; margin-right: auto; margin-left: auto; font-family: Calibri, 'times New Roman', Arial;" id="wrapper">
<div style="position: relative; width: 800px; z-index: 5; left: 0px; top: 0px; height: 785px;" id="new wrapper">
<div style="position: relative; width: 800px; height: 300px; z-index: 1; float: left" id="Header">
<a href="http://www.google.nl/">peterpan</a></div>
<div style="position: relative; width: 700px; height: 300px; z-index: 2; margin: 20px 50px 20px 50px; float: left" id="Slideshow">
<script language="JavaScript1.2">
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide[0]=['images/slideshow/trollblogo.png', 'http://www.trollbeads.nl/', '']
variableslide[1]=['images/slideshow/trollbeads1.jpg', 'http://www.trollbeads.nl/', '']
variableslide[2]=['images/slideshow/trollbeads2.jpg', 'http://www.trollbeads.nl/', '']
variableslide[3]=['images/slideshow/trollbeads3.jpg', 'http://www.trollbeads.nl/', '']
variableslide[4]=['images/slideshow/trollbeads4.jpg', 'http://www.trollbeads.nl/', '']
variableslide[5]=['images/slideshow/trollbeads5.jpg', 'http://www.trollbeads.nl/', '']
variableslide[6]=['images/slideshow/rosendlogo.png', 'http://www.rosendahl-watches.com/', '']
variableslide[7]=['images/slideshow/rosendahl1.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[8]=['images/slideshow/rosendahl2.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[9]=['images/slideshow/rosendahl3.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[10]=['images/slideshow/trollblogo.png', 'http://www.trollbeads.nl/', '']
variableslide[11]=['images/slideshow/trollbeads6.jpg', 'http://www.trollbeads.nl/', '']
variableslide[12]=['images/slideshow/trollbeads7.jpg', 'http://www.trollbeads.nl/', '']
variableslide[13]=['images/slideshow/trollbeads8.jpg', 'http://www.trollbeads.nl/', '']
variableslide[14]=['images/slideshow/trollbeads9.jpg', 'http://www.trollbeads.nl/', '']
variableslide[15]=['images/slideshow/rosendlogo.png', 'http://www.rosendahl-watches.com/', '']
variableslide[16]=['images/slideshow/rosendahl4.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[17]=['images/slideshow/rosendahl5.jpg', 'http://www.rosendahl-watches.com/', '']
variableslide[18]=['images/slideshow/rosendahl6.jpg', 'http://www.rosendahl-watches.com/', '']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='700px' //set to width of LARGEST image in your slideshow
var slideheight='300px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#FFFFFF'
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////Do not edit pass this line////////////////
var ie=document.all
var dom=document.getElementById
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider
</script>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
</div>
<div style="position: relative; width: 800px; height: 400px; z-index: 3; margin: 5px 0px 50px 0px; float: left" id="Merken">
<div style="position: relative; width: 200px; height: 125px; z-index: 1; float: left;" id="layer1" class="style1">
<a href="http://www.eclat.nl/" target="_blank">
<img alt="Eclat" src="images/MainPage/Eclat.png" width="175" height="100" class="style2" style="float: left" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 2; float: left;" id="layer2" class="style1">
<a href="http://www.trollbeads.nl/" target="_blank">
<img alt="Trollbeads" src="images/MainPage/Trollbeads.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 3; float: left;" id="layer3" class="style1">
<a href="http://www.policecitylife.nl/" target="_blank">
<img alt="Police" src="images/MainPage/Police.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 4; float: left" id="layer11" class="style1">
<a href="http://www.rosendahl-watches.com/" target="_blank">
<img alt="Rosendahl" src="images/MainPage/Rosendahl.png" width="175" height="100" class="style2" style="float: right" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 5; float: left" id="layer12" class="style1">
<a href="http://www.jpc.nl/boccia/" target="_blank">
<img alt="Boccia" src="images/MainPage/Boccia.png" width="175" height="100" class="style2" style="float: left" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 6; float: left" id="layer13" class="style1">
<a href="http://www.jeh-collection.nl/" target="_blank">
<img alt="Jeh" src="images/MainPage/Jeh.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 7; float: left" id="layer14" class="style1">
<a href="http://www.danishdesignwatches.eu/" target="_blank">
<img alt="Danish Design" src="images/MainPage/DanishDesign.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 8; float: left" id="layer15" class="style1">
<a href="http://www.rabinovich.nl/" target="_blank">
<img alt="Rabinovich" src="images/MainPage/rabinovich.png" width="175" height="100" class="style2" style="float: right" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 9; float: left" id="layer16" class="style1">
<a href="http://www.cliccreations.nl/" target="_blank">
<img alt="Clic" src="images/MainPage/Clic.png" width="175" height="100" class="style2" style="float: left" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 10; float: left" id="layer17" class="style1">
<a href="http://otracosa.ch/" target="_blank">
<img alt="Otracosa" src="images/MainPage/otracosa.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 11; float: left" id="layer18" class="style1">
<a href="http://www.stepbystep.ch/" target="_blank">
<img alt="Step By Step" src="images/MainPage/StepByStep.png" width="175" height="100" class="style2" /></a></div>
<div style="position: relative; width: 200px; height: 125px; z-index: 12; float: left" id="layer19" class="style1">
<a href="http://www.mobach-groothandel.nl/" target="_blank">
<img alt="Mobach" src="images/MainPage/Mobach.png" width="175" height="100" class="style2" style="float: right" /></a></div>
</div>
</div>
<div class="style4">
Made by Ferdi Bour<br />
________________</div>
</div>
</body>
</html>
In the header is text at this moment with a link. Again, this link DOES work. But as soon as I input an image + link (internal or external doesnt matter) it doesnt work Also interactive buttons I put in the dont work, doesnt so anything Thanks in advance for any solution! Ferdi Bour 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. |
|||||||