HTML - Simple Html Problem
Okay so im making a new site and i have one problem.
All i need to do is when you click on a button an image appears saying "Generating" and then after around 5 seconds it then shows a link. Only problem is i don't know how to do it Could anyone tell me how i could do this? Thanks! Similar TutorialsMy html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hi everyone, I'm new to the board and wondered if I could pick your brains... I'm in the process of finishing off a website to showcase my photography work. There is one small problem with it that has been bugging me. On two of the pages, the menu buttons are higher up than on every other page. I've tried fixing it in FrontPage, but had no luck so far. If anyone could help me figure out why this is so I can fix it I'd be very grateful! Many Thanks, James Hi, Im making a website for a family member. It turns out we need to modify some html to get it to look how we want. (we are using a control panel / template style program) to make the website I have a search box and go button layered on top of the header/banner of my website. In internet explorer the banner is partially blanked out by the search box (but not in firefox or safari). Take a look at: http://cart.street-pharmacy.com. Below is the code I think needs modifiying. Thanks in advance Ben <div> <form action="{$url_http}" method="get" style="padding:0px;margin:0px;"> <table border="0" style="float:right; margin:32px 4px 0px 0px;"> <tr><td><input type="hidden" name="p" value="catalog"/> <input type="hidden" name="mode" value="search"/> <input type="hidden" name="search_in" value="all"/> <input maxlength="256" type="text" name="search_str" style="width:122px;font-size:10px;"/></td> <td><input type="submit" value="Go"/></td></tr> </table> </form> </div> Hello, im a new at html but i got the swing of it quickly. but my body paragraph i cant get right. its in the center when i want it up more here is my coding. whats in red is what im having problems with. also my website is universalentertainmentcentral.hostoi.com oh and please ignore the comments at the bottom they are embarrassing. HTML Code: <html> <head> <title> Entertainment Center </title> <style type="text/css"> body { background-image: url("Background.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center } p.margin { margin-top:0cm; margin-right:1.8cm; margin-left:4.8cm; } p.chat { margin-right:4.8cm; margin-left:0cm; } p.def { margin-top:0cm; margin-right:4.8cm; margin-left:4.8cm; } #HCB_comment_box input.text { color:white; } #HCB_comment_box div.comment { color:white;} #HCB_comment_box textarea, #HCB_comment_box input.text { color:white;} </style> </head> <body> <center><img src="images\logo.jpg"></img></center> <center><div style="white-space: nowrap;"><tr><img src="button1.jpg" onmouseover="this.src='button1c.jpg';" onmouseout="this.src='button1.jpg';"/><img src="button2.jpg" onmouseover="this.src='button2c.jpg';" onmouseout="this.src='button2.jpg';"/><img src="button3.jpg" onmouseover="this.src='button3c.jpg';" onmouseout="this.src='button3.jpg';"/><img src="button4.jpg" onmouseover="this.src='button4c.jpg';" onmouseout="this.src='button4.jpg';"/><img src="button5.jpg" onmouseover="this.src='button5c.jpg';" onmouseout="this.src='button5.jpg';"/></tr></center> <p class="def"><table border=0 cellpadding=0 cellspacing=10> <tr> <td> <!-- Counter Code START --><a href="http://www.e-zeeinternet.com/" target="_blank"><img src="http://www.e-zeeinternet.com/count.php?page=572456&style=LED_r&nbdigits=9&reloads=1" alt="Free Hit Counter" border="0" ></a><br><a href="http://www.e-zeeinternet.com/" title="Free Hit Counter" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;"></a><!-- Counter Code END --></div></td><td><img src="images\fb.png"></img></td> </tr> </table></p> <table border=0 cellpadding=0 cellspacing=0> <tr> <td><p class="margin"><font face="Times New Roman" size="+3" color="white">Site Under Construction</font></p> <p class="margin"><font face="Times New Roman" color="white">[color="Red"]New to the site? well then I extend my welcome! We are currently under construction and looking forward to opening soon. What we do is make a fun and safe place for people to go on in there down time. Also we host buisness software and write game reviews for anyone who is not in the know. We also host Java, Shockwave, and Flash games. If your not a game player we will host anime shows from various titles "If we can get the rights." Hope to see everyone soon[/color]. ; )</font></p></td> <td><p class="chat"><object width="250" height="360" id="obj_1292110525893"><param name="movie" value="http://EntertainmentCent.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"/><embed id="emb_1292110525893" src="http://EntertainmentCent.chatango.com/group" width="250" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"></embed></object><br>[ <a href="http://EntertainmentCent.chatango.com/clonegroup?ts=1292110525893">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1292110525893">Start New</a> | <a href="http://EntertainmentCent.chatango.com">Full Size</a> ]</p></td> </tr> </table> <p class="def"><table border=0 cellpadding=0 cellspacing=0 width="950"> <tr> <td><!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com --></td> </tr> </table></p> </body> </html> <html> <head> <title> Entertainment Center </title> <style type="text/css"> body { background-image: url("Background.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center } p.margin { margin-top:0cm; margin-right:1.8cm; margin-left:4.8cm; } p.chat { margin-right:4.8cm; margin-left:0cm; } p.def { margin-top:0cm; margin-right:4.8cm; margin-left:4.8cm; } #HCB_comment_box input.text { color:white; } #HCB_comment_box div.comment { color:white;} #HCB_comment_box textarea, #HCB_comment_box input.text { color:white;} </style> </head> <body> <center><img src="images\logo.jpg"></img></center> <center><div style="white-space: nowrap;"><tr><img src="button1.jpg" onmouseover="this.src='button1c.jpg';" onmouseout="this.src='button1.jpg';"/><img src="button2.jpg" onmouseover="this.src='button2c.jpg';" onmouseout="this.src='button2.jpg';"/><img src="button3.jpg" onmouseover="this.src='button3c.jpg';" onmouseout="this.src='button3.jpg';"/><img src="button4.jpg" onmouseover="this.src='button4c.jpg';" onmouseout="this.src='button4.jpg';"/><img src="button5.jpg" onmouseover="this.src='button5c.jpg';" onmouseout="this.src='button5.jpg';"/></tr></center> <p class="def"><table border=0 cellpadding=0 cellspacing=10> <tr> <td> <!-- Counter Code START --><a href="http://www.e-zeeinternet.com/" target="_blank"><img src="http://www.e-zeeinternet.com/count.php?page=572456&style=LED_r&nbdigits=9&reloads=1" alt="Free Hit Counter" border="0" ></a><br><a href="http://www.e-zeeinternet.com/" title="Free Hit Counter" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;"></a><!-- Counter Code END --></div></td><td><img src="images\fb.png"></img></td> </tr> </table></p> <table border=0 cellpadding=0 cellspacing=0> <tr> <td><p class="margin"><font face="Times New Roman" size="+3" color="white">Site Under Construction</font></p> <p class="margin"><font face="Times New Roman" color="white"> New to the site? well then I extend my welcome! We are currently under construction and looking forward to opening soon. What we do is make a fun and safe place for people to go on in there down time. Also we host buisness software and write game reviews for anyone who is not in the know. We also host Java, Shockwave, and Flash games. If your not a game player we will host anime shows from various titles "If we can get the rights." Hope to see everyone soon . ; )</font></p></td> <td><p class="chat"><object width="250" height="360" id="obj_1292110525893"><param name="movie" value="http://EntertainmentCent.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k =666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"/><embed id="emb_1292110525893" src="http://EntertainmentCent.chatango.com/group" width="250" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCC CC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"></embed></object><br>[ <a href="http://EntertainmentCent.chatango.com/clonegroup?ts=1292110525893">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1292110525893">Start New</a> | <a href="http://EntertainmentCent.chatango.com">Full Size</a> ]</p></td> </tr> </table> <p class="def"><table border=0 cellpadding=0 cellspacing=0 width="950"> <tr> <td><!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com --></td> </tr> </table></p> </body> </html> Hey guys, First i'd just like to say in advanced thanks for the help. Anyway here is my question I have created a website with godaddy's website tonight which is basically a simple cookie cutter program. But I cant seem to find out where to insert a button that says something like "Click here to Print" then that prints off a document I have in Micrsoft Word. So I was wondering if anyone could tell me how to do this in HTML. Thanks again guys. Tyler McGinnis ps sorry its such a noobish question im having trouble in finding a way to transfer the infos ive collected in 1st and 2nd pages going to 3rd page. e.g. Quote: 1st page: First Name: ___________ <--- the user will input his first name 2nd page: Last Name: ___________<--- the user will input his last name 3rd page: My name is [first name] [last name].. <----- will display the user's first and last name.. i already made a code for this program but my problem is only the information in the 2nd page is shown in the 3rd page.. there's still a problem *sob*.. need help pls.. Hi all, I've just set up my website but there's a small problem when it's viewed in Internet Explorer. The address is http://www.angelsmithphotography.com.au When it's viewed in Internet Explorer, there's a small (approx 3-4 pixel height) black strip between the header image and the text below. I designed the site in Mozilla Firefox and so far, when viewing in that browser, this issue isn't there. I know my HTML is probably riddled with other issues (a legacy of learning HTML seven years ago and never bothering to update my knowledge much) but for now my primary focus is this one issue. I have had a poke around in the HTML and usually I would eventually find (or fluke) the solution, but I'm currently running out of time and patience and so hoped somebody else could help me! Thanks very much. Hi all, I want to have 2 images as backgrounds but have one on top of the other. Is this possible? If so how would I do it / what is the code? Cheers Raggy Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, I just launched my first web page (free on GoDaddy) and it doesn't run right. It is only simple html. it keeps trying to reload. I thought at first the header GD inserts was try to fit into a space not big enough, so I put in a few <br/> to make room but that did not work. Here is a sample of my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title></title> </head> <frameset rows="18%,82%"> <frame src="CryofFreedomheader.htm" marginwidth="0" marginheight="0" scrolling="no"/> <frameset cols="25%,75%"> <frame src="navbar.htm"/> <frame src="cofcontent.htm" name="cofcontent" /> </frameset> <noframes> <h1>>This frameset document contains:</h1> <ul> <li>page1</li> <li>page2</li> <li>page3</li> </ul> </noframes> </frameset> </html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>cofcontent</title> </head> <body> <br/> <br/> <br/> <br/> <br/> <h1></h1> <p style="font-size: 15pt; font-weight: bold"></p> <p> © 2009 </p> </body> </html> Any help will be appreciated. Hi folks first time on this particular board. I once encountered a realy simple "CMS" system. somehow there was an area on "index.htm" that called in a .txt file and displayed it. what would the code be to do this? I thought about Iframes but this is depricated nowadays. Also I want to use this method (if it exists) to build an admin area which writes to the afore-mentioned .txt file in order to make simple updates to the text on the site. Can I do this? Thanks for helping sorry im a bit of a n00b! Hi guys. I'm not very familiar with HTML at all, but I have just created a new blog on blogspot. I created a new "page" to make a gallery and I wanted to add my gallery as a simple HTML thumbnail thingie. I mean lots of thumbnails with a short description below the picture that allowed me to write like "Photoshoot 5/1-2012" or something like that. I made this code to make a thumbnail that when you click on it, the picture gets the original size, but would it be possible just by HTML coding to make the thumbnail go into a slideshow of pictures from that shoot without making it go to an external page? HTML Code: <a href="http://www.supercoloring.com/wp-content/thumbnail/2009_01/t-coloring-page.gif"> <img height="150" src="http://www.supercoloring.com/wp-content/thumbnail/2009_01/t-coloring-page.gif" width="150" /></a> If anyone got another idea that would work for me I'd love it. I don't know if I'm allowed to post my page but it's kenmoe . blogspot . com, I can delete it if it's not allowed, but it's a sub page next to "Blog" where I'd love a gallery that still looks nice and keeps the user on my page. Have a happy new year everyone! I'm new to html and ftp, and I inputted some html from the godaddy ftp that should work and it's not working but just showing the html language. on the page I titled the file index.html, but it's still not working. Go here please: http://animalcon.com/ Any suggestions? thanks -Nate Hello, on my page i am having 3 problems at the moment. >>The first, is that in firefox my page is centered, and in IE it is not. >>The second, is that my navigation bar (in a table) seems to be putting a pixel in between my image links, EVEN THOUGH i have specified border="0" and border:0 in my css and my html. >>The third, is that 4 images arent showing up (on test.html), but i can click on the area where they SHOULD be showing up, and use them as invisible links. I want the images to show up. I must also specify that i am working to make it look perfect in FIREFOX, but if you could suggest anything that would improve it visually in IE too, that would be a bonus. Thanks in advance if you can help me! I've included a zip of the files rather than pasting all the code. Thanks again. hi guys, this will make no sense why I want to do it, but its part of a bigger thing. I want a text box on a page, with a button next to it, (like google.com) you put in a *TextStringVariable* in the text box. you click the button. this launches a new browser with the url http://www.hyperthetical.com.au/*TextStringVariable* I only have front page by the way. I am thinking this is a piece of cake to those who know. I hope someone will help me. Cheers R What HTML code is to make your first page show your company logo and then automaticly proceed to main page? Probably simple but I can't seem to find answer. Thanks. -Chris Hi. In a table data I have four lines of text each line separated by a <br> The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html? text line 1 | (this space) | text line 2 Hi, check this code out: HTML Code: <div id="Login Top"> <form action = "http://www.bfndevelopment.com/cgi-bin/home/Members/Password/NetLock.cgi?SiteID=19873&LockID=5465&Frame=1" method = "POST"> <input type = "hidden" name = "login" value = "false"> <!-- if "true" and someone tries logging in with no username, they will be --> <!-- prompted to enter there username and password again, on our template --> <table border = 0 <table border = 0 cellpadding = 0 cellspacing = 0 width = 300 height = 100> </td><tr> <table border = 0 cellpadding = 3 cellspacing = 0 width = 300 height = 20> <input type = "text" class="signin" name = "UserName" value="Username"onclick="if (this.value == 'Username') { this.value = ''; }" size = 5> <input type = "password" class="signin" name = "PassWord" value="Password"onclick="if (this.value == 'Password') { this.value = ''; }" size = 5> <input type = "image" src="http://www.islamcentre.net/library/loginbtn.gif" value = "Login"></div> </table> </form> Now, If u view this code on a browser, the login button appears to be slightly raised. What is the problem. I want it to be on the line, not a little higher. if anyone could slightly adjust this to it being on the line it would be much appreciated. Thanks Hi. In a table data I have four lines of text each line separated by a <br> The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html? text line 1 | (this space) | text line 2 Regards hi, i tried looking through forums but couldnt find an answer. i hope u can please help! i have a photography ad up on a site that i use html for, its simply a block of code hosting a list/tall page of pics, one line/pic goes like this... <img src="http://img715.imageshack.us/img715/3126/img7899small.jpg"><br> the other lines in the text are the same code. problem is they all try to load up simultaneously causing a slow ad to see anything, potentially losing observers attention span. do u know if theres some code i can add to each line so each pic loads up fully before the next one begins to load and this starts at the top? this will help keep attention due to somin at the top loading straight away, thanks! |