HTML - Css Not Working With My Html Code/webpage
Hey everyone, I am new to HTML-CSS-etc. and I have a problem.
When I am building my page within Dreamweaver and preview it in my browser-my CSS dropdown menu works fine. Then I import everything(files/directories) onto my FTP server and make it go live on my site. When I make it live on my site, everything shows, except the CSS menu bars DO NOT drop down or do anything. Here is the snip of the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>MahaRaja_RedRedeux</title> <link rel="icon" href="templates/fav.gif" type="image/x-icon"> <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> //]]> </script> <script type="text/javascript" src="required/popmenu.js"> </script> <style type="text/css"> /*<![CDATA[*/ <!-- @import url('required/maharaja.css'); @import url('required/maharaja-menus.css'); --> /*]]>*/ </style> <style type="text/css"> /*<![CDATA[*/ li.c1 {width:89px;} /*]]>*/ </style> <link href="required/maharaja-menus.css" rel="stylesheet" type="text/css"> </head> Does anyone see anything wrong here? Similar TutorialsHello all, If someone could assist me with the coding necessary to add a slideshow (photos banners etc) to webpages that would be very much appreciated. I am familiar with quite a lot of html formatting and have created a few functional homepages, but have no experience with this particular aspect. Thanks a lot in advance Lalita I made an html web page using mcrosoft word but i can't seem to figure out why it only shows up as code when i preview it or upload it to the web. Is there a small step im missing? I saved the document as .htm and as .txt and i tried to add doctype but i dont know what else i need to do Thanks for the help in advance Good morning! I have a new website, shopcheesecakery.com, and I've written html code for years on forums, and as an ebay seller. I jsut can't figure out this new problem, though On the website, when I upload the index.html file through the ftp client, the page appears as raw code. I have pasted the info onto my ebay me page, and it works fine. Into several html practice pads online, it works fine. Into an ebay listing, it works fine. My hosting company says it's a problem with my code, but I just don't see how that can be, since it works elsewhere. They say they are unable to help, and sent me off with a "good luck!" HELP!!!!!!!!! I didn't make this on frontpage. I made this through notepad. my teacher asked me to make a web page for an organization on our school's website. the whole thing is basically a form. so far i've just made the basic page without any designing yet. i'm sure i did everything correctly except for the submit button. what i want is when you click the submit button, for the browser to automatically send some sort of email to the provided address. instead, it opens up outlook. i don't want that to happen. what should i do to fix this? i will copy and paste my source code here but i will hide the email address with "*'s" just for privacy. Code: <html> <head> <title>Academy of Finance</title> </head> <body> <h1 align="center">Academy of Finance</h1> <h3 align="center">All Academy of Finance Alumni are invited to attend a reunion during the Thanksgiving weekend of 2009!</h3> <hr> <form action="mailto:********@gmail.com" method="post" enctype="text/plain"> <p> <b>Would you be interested in attending an Academy of Finance reunion Thanksgiving Weekend 2009?</b> <p> <input type="radio" name="yes" value="yes"> Yes <br> <input type="radio" name="no" value="no"> No <p> <b>Even if you answered no to this question, please fill out the following information so that we can verify that you will be unable to attend the reunion. Thank you!</b> <p> <fieldset> <legend> <b>Name:</b> </legend> <p> First Name: <input type="text" name="name" size="30"> <p> Last Name: <input type="text" name="name" size="30"> </fieldset> <p> <fieldset> <legend> <b>Address:</b> </legend> <p> City: <input type="text" name="city" size="30"> <p> State: <input type="text" name="state" size="30"> <p> Zip Code: <input type="text" name="zipcode" size="30"> </fieldset> <p> <fieldset> <legend> <b>Phone:</b> </legend> <p> Home Phone: <input type="text" name="state" size="30"> <p> Cell Phone: <input type="text" name="state" size="30"> </fieldset> <p> <fieldset> <legend> <b>Graduation Year</b> </legend> <p> Year of Graduation: <select name="year of graduation"> <option value="Select">Select</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1993</option> <option value="1995">1993</option> <option value="1996">1993</option> <option value="1997">1993</option> <option value="1998">1993</option> <option value="1999">1993</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> </select> </fieldset> <p> <fieldset> <legend> <b>Current Status</b> </legend> Current Organization: <input type="text" name="current organization" size="30"> <p> Current Occupation: <input type="text" name="current occupation" size="30"> </fieldset> <p> <fieldset> <legend> <b>College</b> </legend> College Attended: <input type="text" name="college attended" size="30"> <p> Degree Attained: <input type="text" name="degree attained" size="30"> </fieldset> <p> <fieldset> <legend> <b>Additional Comments</b> </legend> <blockquote> Additional Comments: <p> <textarea name="comments" id="comments"> </textarea> </blockquote> </fieldset> <p> <input type="submit" value="Submit"> <input type="reset" value="Clear All"> </body> </html> i really don't know what i did incorrectly. i'm not sure how i can get the submit button to send everything to my email directly without the use of any email manager. please help me out. thanks. Hi just to introduce myself My name Is brian Krause and i work for valley queen cheese factory, In Milbank SD. My problem is on our website we hav a page that is called jobs.htm. Is there a way i can get it so when you type in www.vqcheese.com/jobs the jobs.htm page will show up and no just error out? Thanks Cant understand why the HTML code is showing on my webpage http://www.mcaorals.co.uk/Fraserburgh%20History.htm also I've another problem, I've checked the coding in W3 http://validator.w3.org/ and I have no errors, but I cant understand why this webpage is getting very little hits, I'm usual around 60 - 65 place with the keyword "Fraserburgh" any help would be grateful thanks in advance Navteacher First I need to say, sorry if this is in the wrong place /: So basically I am making a minecraft server. Everything is done, except the webpage. And I am not using webs, wix or any other crappy html builder, they all suck (in my opinion). I want to make a custom webpage with forums, a log in and register system, and messaging (friends lists). This is my idea of what it needs to look like: Not Logged In: Logged In: PSD Download So, I need to masters of the web to help me. I am capable of hosting, databases, servers, etc. All I need is the HTML CSS and JS coding. If you need any more details just ask duubstepx@gmail.com Thanks alot, if you help you will go in the server credits. Cheers! Hi - I want to create a guestbook that is incorporated into my webpage here Are there any easy to install guestbooks that can be embedded into the page with a captcha. I don't mind paying for a simple one... Have scoured the net but can't seem to find what I'm looking for. Best Mas For some wierd reason when I put in a table in my html and I format it so that the table tag is to the left, the tr tag is one indent to the right of the table tag and the td tag is one indent to the right of the tr tag and then I close all of them - when I put the closing TD tag on its own line it causes an extra space on the webpage itself. I am lost on this one. It is happening all over my html page!! Any help would be appreciated. Thanks, George Hi guys, new poster here. I just used Filezilla to change the index.html file of a website. What I did is paste my html into the document in textedit, saved it as html, then used filezilla to overwrite to old file in the site's directory. Now when I go to the site's index page, all I see is the markup from the file that I updated with. Why isn't it showing my design? Thanks a lot. Sorry I didnt know what section to put this in, or if this is even the right webpage considering all I seen was html, xhtml and CSS (Ithink) but I'm looking to recreate http://freenew.net/index.html if I need to and was wondering if there was ANYWAY to find an already made one, or maybe if I could put this together using source code found online (I suck at programming). Ideas? Thanks so much Dear I made an html newsletter with dreamweaver and I used the swap image behavior. I can view the result perfectly in explorer. Now I mailed it to my own mailbox (via explorer) and in outlook (and also in hotmail) the swap image effect doesn't appear.(the second photo is not shown) Is there a possibility to see this in my mailbox? I tried to paste the code into my outlook, but that doesn't work with the regular outlook, I only can view the source, not edit it. Thank you very much in advance! Kind regards Sandra My 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> Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! I'm stumped on this one. I've got code that runs fine in all browsers other than IE7. Here's the kicker, the page displays DIFFERENTLY every time I load it up in IE7. Sometimes it shows up correctly, sometimes the elements appear stacked. I've never heard of this happening, and the only variable I can think of was the order in which the elements loaded, so I built a pre-loader in to the index page, but still no luck. Elements load differently sometimes. Any help?? The page is live at: http://milesmediation.com/mediators_main.html The part that is appearing differently is in an i-frame, the html for that is http://milesmediation.com/mediators_home.html Thank you for any help, I'm stumped on this one!! I have tried, unsucessfully, to create a form that gives options and choices and then a grand total at the end. Someone with more ideas might see my errors and hopefully get me back on track... I don't know how to get a different answer by someone selecting a different choice or option, and lord knows how to get the total to happen at the bottom of the page. I tried to read, but no answers seem to fit. Thank you for your time and talent, Here is my code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Machine Quilting Work Sheet2</title> </head> <body> <p> <p> <form method="POST" action="--WEBBOT-SELF--" name="test" onSubmit=""> <!--webbot bot="SaveResults" startspan U-File="_private/form_results.txt" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan --> <p>Enter Width: <INPUT NAME="Product_Quilt_Width" SIZE=5> Enter Length: <INPUT NAME="Product_Quilt_Length" SIZE=5><p> Add 8 inches to the Width to get the Minimum Width <input name="Product_Batting_Width" onblur="document.test.Product_Batting_Width.value = document.test.Product_Quilt_Width.value*1 + 8;" size="5"></p> <p> Multiply Quilt Width by Quilt Length to get the Total Square Inches <input type=text name=Total_Square_Inches onblur="document.test.Total_Square_Inches.value = document.test.Product_Quilt_Width.value * document.test.Product_Quilt_Length.value;" size="10"> </p> <p> <input type="radio" value="Total Square Inches x $.02" name="Choice1"> Choice costs Total Square Inches x $.02</p> <p> <input type="radio" value="Total Square Inches x $.03" checked name="Choice2"> Choice costs Total Square Inches x $.03</p> <p>Total Square Inches Multiplied by $.02 <input type=text name=Total_Square_Inch_cost onblur="document.test.Total_Square_Inch_cost.value = document.test.Total_Square_Inches.value * .02;" size="10"> </p> <p>Total of Choice selection <input type="text" name="Choice_Selection_Total" size="20"> </p> <p>Total Square Inches Multiplied by Choice option <input type="text" name="T1" size="20"> </p> <p><select size="1" name="Binding"> <option selected value="$6.00">Binding_Cost</option> <option>No Binding</option> <option value="$10.00">Binding All</option> </select> Binding cost add into Total Cost </p> <p>Grand Total Cost <input type="text" name="Grand_Total_Cost" size="10" onblur="document.test.Total_Cost.value = document.test.Total_Square_Inch_cost.value + document.test.Binding.value;" size="10"> </p> <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p> </form> <p> </p> </body> I've been battling this for over a week and still can't figure out how to fix it. The page in question is he http://www.vivation.com/test3/ On the bottom right hand "purple" area is displayed 'Workshops & Course Offerings", followed by a list of class offerings. This was done using the following "example" positional code: Code: <DIV style="position: absolute; top: 320px; left: 300px;"> <p align="left" class="workshopheader"><strong> <font color="#FFCC00">Workshop & Course Offerings</font></strong></p> </DIV> As you can see it looks great in both Firefox and Safari, but does not show up *at all* in IE. I have no idea why not, and thus no idea how to correct it so it will show up in all browsers. Any help or insights would be most appreciated! hi i have this code done up it seems to work internally but does not work externally when i send it to someone else. any ideas why this is here is the code Code: <body> <form action="mailto:joebloggs@gmil.com" method="POST" enctype="multipart/form-data" name="EmailTestForm"> <img height="70" border="0" width="400" usemap="#locations" src="http://www.harvest-financial.ie/Contact_Us/upload/Image/harvestlogo.jpg" </br> <br> <br> <INPUT type="radio" name="Answer" value="Yes I am interested in a meeting. Please contact me to arrange a meeting">Yes I am interested in a meeting. Please contact me to arrange a meeting<BR> <INPUT type="radio" name="Answer" value="No I do not require a meeting"> No I do not require a meeting<BR> <INPUT type="radio" name="Answer" value="Yes I am interested in a meeting but at a later date. Please contact me in a months time">Yes I am interested in a meeting but at a later date. Please contact me in a months time<BR> </br> </br> </br> <div align="center"><input type="submit" value="Submit"></div> </body> hello i am new to javascript and i can't figure out why this code will not sort the user's line of text into alphabetical order. any help would be great thank you Code: <html> <head> <title> JavaScript array sort() alphabetically </title> <script type="text/javascript"> var arr = new Array(1); arr[1]=prompt("enter a line of text") document.write("Original Array is: "+arr+"<br>"); document.write("Sorted array is: "+arr.sort()+"<br> "); </script> </head> </body> </html> |