HTML - Something Simple I Cant Figure Out, But Its Urgent!
Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it.
website: guardianfence.com user: guardian pass: guardian If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up... This is how the first image starts: Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> Here is the CSS part fot the gallery_box_layout Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> and here is the code for gallery_text_layout Code: .gallery_text_layout { padding:9px 20px 0px 6px; } Can someone please help me figure out why it's like that in internet explorer? Thanks!! Similar TutorialsThis might sound pretty lame and stupid for you guys, but I'm a total beginner here and have a deadline that's coming in fast. There's no time for tutorials and so on so here goes: I've implemented a simple search field in my companies website with this: Code: <form name="form" action="http://www.idlena.lt/?section=naujienos&sub=naujienos4&lang=lt" method="get"> <input type="text" name="section=naujienos&sub=naujienos4&lang=lt&q" </> <input type="submit" name="Submit" value="Rasti" /> </form> Quite short and simple. Right? Wrong... the second link in the code should redirect the inputted text (in the search field) to the actual php script that handles the search with my database. The problem is - that link should redirect to Code: http://www.idlena.lt/?section=naujienos&sub=naujienos4&lang=lt&q=&Submit=Rasti Instead it redirects me in browser to Code: http://www.idlena.lt/?section%3Dnaujienos%26sub%3Dnaujienos4%26lang%3Dlt%26q=&Submit=Rasti and it breakes the url this way. I've read that sometimes ampersand has to be written with & in the code, I've done that. Doesn't make a difference. And what is even more strange - why doesn't the equal (=) sign show up as it should? This is just too frustrating. As a total beginner I understand that the explanation or the fix could be very simple but I just can't figure this out. Maybe there's an error in my code? Maybe I'm typing the url wrong? The main question remains - why don't ampersands and "=" signs show up as they should? Tried using the & , &amp; , %26 in the code but nothing helped. Firefox 3.0.5 and IE 8 show up a broken link with "&" shown as "%26" and "=" with "%3D". Hey guys. All I need to do is 'get' the value of an answer (either 1 or 0) from a radio button question posed to the user. I need to be able to calculate the answer (if it's 1 obviously) into a percentage. All I am getting right now is undefined undefined undefined. Can someone please give me the correct scripting to solve this problem? I think it should be pretty straight forward but I can't figure it out and it's driving me crazy! HTML Code: <!DOCTYPE html> <html> <head> <title>Source page</title> <script> window.onload = function() { document.getElementById("input").onsubmit = function() { localStorage.setItem("length", this.elements["length"].value); localStorage.setItem("clength", this.elements["clength"].value); localStorage.setItem("evicted", this.elements["evicted"].value); localStorage.setItem("bankruptcy", this.elements["bankruptcy"].value); localStorage.setItem("dda", this.elements["dda"].value); localStorage.setItem("rent", this.elements["rent"].value); } } </script> </head> <body> <form id="input" action="http://truquill.com/apartment-cosigning-quote-results/" method="post"> <p style="font-family:tahoma;color:black;font-size:10px;margin: 0 0 0.5em;"> Length at current employer:<br /><br /> <input type="radio" name="length" value="1" /> Less than 1 year<br /> <input type="radio" name="length" value="0" /> 1-2 years<br /><br/> Length at current residence:<br /><br /> <input type="radio" name="clength" value="1" /> Less than 1 year<br /> <input type="radio" name="clength" value="0" /> 1-2 years<br /> <br/> Have you ever been evicted?<br /><br /> <input type="radio" name="evicted" value="1" /> Yes<br /> <input type="radio" name="evicted" value="0" /> No<br /><br /> Have you ever declared bankruptcy?<br /><br /> <input type="radio" name="bankruptcy" value="1" /> Yes<br /> <input type="radio" name="bankruptcy" value="0" /> No<br /> <br /> Do you have a checking account?<br /><br /> <input type="radio" name="dda" value="0" /> Yes<br /> <input type="radio" name="dda" value="1" /> No<br /><br /> Confirm rent amount:<br/><br/> $<input type="text" class="inputtext" input name="rent" size=4 title="rent" /><br /><br/> <input type="submit" value="Submit and view my quote!" title=Submit><br /> </p> <br /><br /><br /> </form> </body> </html> HTML Code: <!DOCTYPE html> <html> <head> <title>Destination page</title> <script> window.onload = function() { document.getElementById("message").innerHTML = "Welcome back, " + localStorage.getItem("length") + " " + localStorage.getItem("clength") + " " + localStorage.getItem("evicted") + " " + localStorage.getItem("bankruptcy") + " " + localStorage.getItem("dda") + " " + localStorage.getItem("rent") ; } </script> </head> <body> <p id="message"></p> </body> </html> I have to nearly identical pages. one is he www.chriseastland.com/schoolofrock.html The other, to which you can link from /schoolofrock.html's "bands" tab, is he www.chriseastland.com/bands.html The headings and navigation bars for each should be the same because the sites are literally one jpg with imbedded image maps. I have checked the jpgs, and they are the same in these respects. The codes for each page are identical. Nevertheless, when you toggle back and forth from /bands.html to schoolofrock.html, there is a discernable shift in the placement. What gives? Thanks for your help in advance. Best, Chris. I have a paypal shopping cart here. However the first add to shopping cart button under the text Sparky and the Magic Garden, does not work. I've isolated the problem to this: There is no form tag around this button where as in the other buttons the form tag is there. I spotted this by looking at it in firebug. However the strange thing is is that when I look at the code in the view source then the first button is surrounded by a form tag. as in all the other buttons. This site needs to go live this Monday so if anyone could offer some advice I would be extremely grateful. Hi All, I'm working on http://www.thesuccessleague.com/hbbtsstart.php and I'm trying to get the red text box on the left (with the picture of a woman) at the very top. I'm sure there's a cleaner way to do it (I'm not an expert at div tags yet), so I put the text box in a table and put that table in another table (as you can see in the code). What code do I have to use to anchor that red text box to the top of that left column? Do I need to use div tags? And if so, how do I anchor it to the table (and not to specific coordinates measurade against the top and left margins)> Thanks for your help! Hello all, Sent out my website to a bunch of people, noticed it only works on my firefox+mac what is going on?? Site is at www.dmrosemark.com Hi, new poster, as well as new web designer! I'm having trouble with having a javascript execute in an html table. What I'm trying to do is have the image background for the table to change with an onMouseOver, then change back with an onMouseOut: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function mouseover () { document.getElementById("nav1").src="nav1_hover.bmp" } function mouseout () { document.getElementById("nav1").src="nav1.bmp" } </script> <STYLE type="text/css"> body { background-color: white; color: silver; font-size:12px; font-family: courier new; } </STYLE> <title>untitled</title> </head> <body> <a href="http://www.htmlgoodies.com"> <font color="#666666"> <table border="0" cellpadding"0" cellspacing="0"> <tr> <td onMouseOver="mouseover ()" onMouseOut="mouseout ()" id="nav1" width="120" height="34" background="TF221 site redo/menu1.bmp" align="center">nav1 </tr> </td> </table> </a> </body> </html> The bolded and underlined chunk of code is what I'm having trouble with. I've put it everywhere in here but it's not taking it. Heck, what I'm trying to do may not be possible anyway, I'm not sure. Help is appreciated, thanks! Ok, so I have this div set up like this: HTML Code: <div id="divbody"> <div id="menudivcenter"> Content of menu goes here </div> </div> <div id="footer">Content Of the Footer Goes Here</div> To me, this would stack the divs on top of eachother. Problem is they are side by side instead...... here is the site: http://dl.dropbox.com/u/9856200/baby...d-wrk/dfc.html here is the css: http://dl.dropbox.com/u/9856200/baby...bdb_colors.css Also this is a work in progress obviously so there's probably tons of errors and crap. I'm a novice so let me know if I'm horribly disfiguring this thing. Sorry this post can be removed, figured out problem. Please go to my site www.ithp.org 2.) Look at the very top gray horizontal menu that has the RSS | Twitter | Facebook etc. 3.) When I make the window smaller or resize my screen window that top gray bar gets all weird and looks bad. However the rest of the site just dissapears like it should and doesn't resize. CAN ANYONE HELP?? Hello everyone. I know nothing about html and was wondering if someone could help me. I am trying to load this code into a website I am building but don't understand why nothing comes up. I downloaded the background tiles like the website said and then inserted the html to my website they provided. What do I need to do in order to get this page loaded and working properly. Any help would be greatly appreciated. Here is the code they provided: Code: <html> <head> <title>Title of Your Page</title> </head> <body background="tile-012-b.jpg"> <br> <p><center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="tile-012-c.jpg"> <tr> <td width="100%"> <p><center><table width="100%" border=1 background="tile-012-a.jpg"> <tr> <td width="100%">Your Content Goes Here </td> </tr> </table> </center> </td> </tr> </table> </center> </body></html> And here are the background tiles I saved to my computer. tile-012-b.jpg (this being the very last background) tile-012-c.jpg (this one being the middle background) tile-012-a.jpg (and this one being the top background) What am I doing wrong? Please help! I'm doing a blog for a friend with a test run setup he http://www.g3concepts.com/tarablog This theme is setup in tables and based of a single HTML page. I cant seem to figure out how to get a header, with an intro paragraph added to this theme without jacking it all up. If you take a look at the blog now, youll see I simply added a table above the container, but nothing lines up right. I'm just trying to get the header and intro paragraph done right. (theme didnt have header or intro paragraph) I also cant for the life of me figure out how to make this red bordered section white And I wanted to add a small section below the container as well, but again, adding anything seems to hack this theme up Can anyone lend a hand? I'm sure it's pretty simple to do, I just cant figure this one out. i posted this earlier but its been hard to get a response, basicly im trying to get a form to submit to an e-mail, i have the form on a finance.html and a contact.php the form tabs are like this <td style="width:194px"><input name="input" type="text"></td> </tr></table><table style="height:23px"><tr><td height="28" style="width:67px"><br style="line-height:2px">Middle Initial:</td> <td style="width:194px"><input name="input2" type="text"></td> </tr></table><table style="height:23px"><tr> <td height="28" style="width:67px"><br style="line-height:2px"> Last Name</td><td style="width:194px"><input name="input3" type="text"></td></tr></table><table style="height:23px"> the submit tabs look like this <span><a href="contact.php" onClick="document.getElementById('form').reset()">Clear</a></span><img src="images/spacer.gif" alt="" width="20" height="1"><span><a href="contact.php" onClick="document.getElementById('form').submit()">Submit</a></span></p> </td></tr></table></td></tr></table><form name="contact_form" action="#" method="post"> </form> and the .php looks like this <? $subject="from ".$_POST['input']; $headers= "From: ".$_POST['input1']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("sirv101@hotmail.com", $subject, " <html> <head> <title>Contact letter</title> </head> <body> <br> ".$_POST['input']." ".$_POST['input1']." ".$_POST['input2']." ".$_POST['input3']." ".$_POST['input4']." ".$_POST['input5']." ".$_POST['input6']." ".$_POST['input7']." ".$_POST['input8']." ".$_POST['input9']." ".$_POST['input10']." ".$_POST['input11']." ".$_POST['input12']." ".$_POST['input13']." ".$_POST['input14']." ".$_POST['input15']." ".$_POST['input16']." ".$_POST['input17']." ".$_POST['input18']." ".$_POST['input19']." ".$_POST['input20']." ".$_POST['input21']." ".$_POST['input22']." ".$_POST['input23']." ".$_POST['input24']." ".$_POST['input25']." ".$_POST['input26']." </body> </html>" , $headers); echo ("Your message was successfully sent!"); ?> <script> resizeTo(300, 300) //window.close() </script> Hi. My website is http://scissorhands.50megs.com It's just an old personal website that I don't really update very often. But, I can't figure out why it's not working the way it used to work. It used to have a narrow, vertical part on the left side, which was a navigation bar (with choices to click on) and the right was aa much bigger window that took up most of the page and it would change when you clicked on the left side. The left is supposed to stay the same. But now it's gone all crazy! The part that says "Welcome" is supposed to be in a big window on the right side and the links that say "About Me," "Things I've Written," etc... should be in the narrow window on the left that doesn't change. Would someone please help me put it back to how it used to be? Thanks. Scissorhands I want some links to be different colors than others. I tried making a new class and the new links are now colored perfectly, but even though the links changes to the correct color when hovered over, it doesn't actually link... The arrow doesn't turn into a hand to click, it just changes colors, all be it correctly... I know this is very basic and i'm missing something very obvious. I had the standard a class links, and I created a 2nd class called c2... Here's what I have in my css siheet... Code: a, a:visited { color: #a8a2ee; text-decoration: none; } a:hover { color: #ff0000; text-decoration: none; } a img { border: none; } a:focus, a:hover, a:active { outline: none; } c2, b:visited { color: #ff0000; text-decoration: none; } c2:hover { color: #0c00ff; text-decoration: none; } c2 img { border: none; } c2:focus, c2:hover, c2:active { outline: none; } When I create a link like this... Code: <c2 href="http://itunes.apple.com/" target="_blank">download from iTunes</c2> It does not link... I think it has to be A and maybe have a sub class? I can't call links c2 maybe? So how would I do it? Thanks! Hi Sorry if this is not strictly in the codes of conduct. I am an engineer who sometimes plays about with websites. I just built one and I cant get the frames to work for an on line catalog. 2 issues - Firstly it works with firefox on my pc b4 upload then will not display the pictures online. Secondly it will not work with ie7 correctly with the frames. It shoots off from a button on this website www.projectsuppliesdirect.com/shower.html the catalog was generated using Vevo catalogue builder Vevo have a htm suffix and this site is html suffix. The site is XHTML and the catalog is HTML. If you have any ideas I would be happy to hear thanks Si PS Just thinking that it will be simple for many of you to see what I am trying to do. If you could advise an alternative software that can provide a similar function, that would be very useful as I am not so confident in the code this application rolls out (easy to blame the tools ) Ive applied a content locker to my page http://backpagecontact.info/test.html it seems to work fine in Internet explorer but i cant seem to get it to work for firefox. Anyone have any idea what the problem is? I am using Dreamweaver with a template to create this site and all the text that goes into the editable region inside my main cell is in bold, I can not figure out why it is showing up in bold, I have searched the code and do not know why it is doing it. On the bottom where i have the copywrite info it is not bold..... Any help would be appreciated. Thanks. http://grunionfabrication.com/r_science/index.html I am building a site for a client. It is currently located at http://planetlids.isthatclear.com I can't figure out why the hover buttons work fine in Firefox but not in IE. I tried both IE6 and 7. Any ideas? Hi! I am new to scripting and have a quick question, I am looking at the scripting of a webpage and this is what it looks like (it is word wrapped): Code: <!-- Continent:NA CountryCode:CA ISP_Location:Ottawa ISP_Regional_Identifier:Ontario ISP_LONG_LAT:45.4167 --> <html> <head> <title> The Illuminati </title> <style> body { background-color:black; } </style> <script type="text/javascript"> eval((function(x){var d="";var p=0;while(p<x.length){if(x.charAt(p)!="`")d+=x.charAt(p++);else{var l=x.charCodeAt(p+3)-28;if(l>4)d+=d.substr(d.length-x.charCodeAt(p+1)*96-x.charCodeAt(p+2)+3104-l,l);else d+="`";p+=4}}return d})("var C=\"12\";var H=\"7` $\"K=8` #!L=-5` $!P=\"countdownTimer\";function Q(){displayTZCountDown(set` #(C,H,K,L),P);}window.onload=Q` b&` >3{var B=new Date;if(C==\"*\"){B.setMonth(B.g` #$)+1);}else if(C>0){if(C<=` 8(` V#Year` V\"` %!` U\"` l'C-1);}if(H.substr(0,1)==\"+\"`!S\"S=parseInt` 9&1));` _!Date` x\"` %!)+S`!R#`!7\"` 0!H`!)$Hours(K` T#Minutes(0-L*60` .#Seconds(0)`$4!J`\"k&J` H(J`\"C!` &#)+` *!TimezoneOffset()` \\\"M` Y%(0);M` _\"llis`!\"#B-J);return Math.floor(M.valueOf()/1000);}`$]%`%;/I,R`#~!I<0){document.getElementById(`&4,).innerHTML=\"Sorry, you are too late.\"`#H#var D=I%60;if(D<10){D=\"0\"+D;}var G=(I-D)/60`\"S!F=G` E#F` G!F` G!F;}G=(G-F` ?%O=G%24` &!N=(G-O)/24;`!OPN+\" day\"+(N==1?\"\":\"s\")+\" + \"+O+\"h : \"+F+\"m` $!D+\"s\";s`$R\"out(\"`#E/\"+(I-1)+\",'\"+R+\"');\",999);}}")) </script> </head> <body> <div id="countdownTimer"> </div> </body> </html> I am wandering what would cause "Sorry, you are too late" to be displayed? This page has a countdown clock on it, does this message appear when the clock counts down and reaches 0? any help would be fantastic Thanks |