HTML - [html Site] Works In Ff But Not Ie
I am working on a site and the picture at the front looks nice and correct size in Firefox but the image gets stretched and looks bad in IE (not at first but if you refresh the page).
I know a realitivly small amount about HTML. The site is he http://undergrounder.nfshost.com/ Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Undergrounder.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 { font-size: 36px; font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } .style3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #000000; } a:link { color: #990033; } a:visited { color: #990033; } a:hover { color: #990033; } a:active { color: #990033; } --> </style> </head> <body> <div align="center" class="style1"> <p>Undergrounder.com</p> </div> <p align="center"><img width="70%" height="70%" src="imgs/index/m.JPG" alt="Clay Caver Image"></p> <div align="center" class="style3"> <p><a href="imgs/Photogal/indexp.html">Photo Gallery</a> ~ <a href="gocaving.htm">Want to go caving?</a></p> </div> </body> </html> Similar TutorialsCode: <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40"> <head> <style> <!-- /* Style Definitions */ div.MsoNormal {mso-style-parent:""; margin-right:0pt; text-indent:0pt; margin-top:0pt; margin-bottom:0pt; text-align:left; font-family:"Times New Roman"; font-size:10.0pt; color:black; } li.MsoNormal {mso-style-parent:""; margin-right:0pt; text-indent:0pt; margin-top:0pt; margin-bottom:0pt; text-align:left; font-family:"Times New Roman"; font-size:10.0pt; color:black; } p.MsoNormal {mso-style-parent:""; margin-right:0pt; text-indent:0pt; margin-top:0pt; margin-bottom:0pt; text-align:left; font-family:"Times New Roman"; font-size:10.0pt; color:black; } ol {margin-top:0in; margin-bottom:0in; margin-left:-2197in;} ul {margin-top:0in; margin-bottom:0in; margin-left:-2197in;} @page {mso-hyphenate:auto;} --></style> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Announcements</title> </head> <body border="0" width="100%" height="912" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#0000FF"> <tr> <td colspan="3" height="184"> <table border="0" width="85%" cellpadding="0" height="665" cellspacing="0"> <tr> <td height="144" width="98%" colspan="3" align="center" bgcolor="#0000FF"> <img border="0" src="images/BannerGMSN.jpg" width="100%" height="144"></td> </tr> <tr> <td height="36" colspan="3" align="center" bordercolor="#FFFFFF"> <p align="center"> <font face="arial" color="#FFFFFF" size="4"> <b><a href="index.htm" style="text-decoration: none">Home</a> <a href="Announcements.htm" style="text-decoration: none"> Announcements</a> <a href="Athletics&Activities.htm" style="text-decoration: none"> Athletics & Activities</a> <a href="GMSN_Information.htm" style="text-decoration: none"> GMSN Information</a> <a href="https://www.geneva304.org/departments/curriculum_instruction/frameworksformiddleschool.asp" style="text-decoration: none"> Curriculum</a></b> </font></td> </tr> <tr> <td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top"> <!--[if pub]><xml> <b:ColorScheme type="OplSccm" oty="92" oh="279"> <b:Rgecp type="OplEcp" priv="214"> <b:OplEcp type="OplEcp" priv="411"> </b:OplEcp></b:Rgecp></b:ColorScheme><![if pub11]><xml> <b:Page type="OplPd" oty="67" oh="265"> <b:PtlvOrigin type="OplPt" priv="511"> <b:Xl>22860000</b:Xl> <b:Yl>22860000</b:Yl> </b:PtlvOrigin> <b:Oid priv="605">(`@`````````</b:Oid> <b:OhoplWebPageProps priv="90E">266</b:OhoplWebPageProps> <b:OhpdMaster priv="D0D">263</b:OhpdMaster> <b:PgtType priv="1004">5</b:PgtType> <b:PtlvOriginEx type="OplPt" priv="1111"> <b:Xl>110185200</b:Xl> <b:Yl>110185200</b:Yl> </b:PtlvOriginEx> </b:Page> </xml><style><!-- /* Style Definitions */ div.MsoNormal {mso-style-parent:""; margin-right:0pt; text-indent:0pt; margin-top:0pt; margin-bottom:0pt; text-align:left; font-family:"Times New Roman"; font-size:10.0pt; color:black; } li.MsoNormal {mso-style-parent:""; margin-right:0pt; text-indent:0pt; margin-top:0pt; margin-bottom:0pt; text-align:left; font-family:"Times New Roman"; font-size:10.0pt; color:black; } p.MsoNormal {mso-style-parent:""; margin-right:0pt; text-indent:0pt; margin-top:0pt; margin-bottom:0pt; text-align:left; font-family:"Times New Roman"; font-size:10.0pt; color:black; } ol {margin-top:0in; margin-bottom:0in; margin-left:-2197in;} ul {margin-top:0in; margin-bottom:0in; margin-left:-2197in;} @page {mso-hyphenate:auto;} --></style> <![if pub11]><img border="0" src="images/viking.jpg" width="116" height="142"><br> <font color="#FFFFFF" face="Arial"> <span style="font-weight: 700; background-color: #FFFFFF"> </span> </font><br> </td> <td width="56%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" rowspan="2" valign="top"> <p style="margin-top: 0; margin-bottom: 0"><br> <span style="font-weight: 700"> <font face="Arial" color="#0000FF" size="6">Announcements</font></span></td> <td width="28%" bgcolor="#FFFFFF" align="center" bordercolor="#FFFFFF" rowspan="2" valign="top"> <p> </td> </tr> <tr> <td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top" height="348"> <div style="position: absolute; top: 591px; left: 41px; width: 104px; height: 101px; z-index: 1"> <p style="line-height: 150%; margin-top: 6px; margin-bottom: 6px"> <a href="http://www.geneva304.org/"> <img border="0" src="images/Announ1.jpg" width="104" height="101"></a></div> </td> </tr> </table> </body> </html> http://www.ptacnik.com/index102.html When previewing through Dreamweaver in ANY of these 3 browsers it looks fine. (from my local drive) But once online it only loads in Firefox. Is there something fishy with the frames perhaps? missing an XML doc on my end? I can't figure out what is causing this. Any help would be very much appreciated. http://www.ptacnik.com/nav1.html is the top frame and the list below are the frames loaded under nav1. http://ptacnik.com/about101.html http://ptacnik.com/design.html http://ptacnik.com/illustration.html Hello, for one site only, IE6 fails to prompt to save password for a Login Form. This is a new site. IE6 *does* prompt for other sites (e.g. amazon.com sign-on) The IE autocomplete settings are set to prompt in the usual way. I've tried clearing all cookies/cache etc. There are no autocomplete disabled/off settings in the page. What is strange is that Firefox does prompt to save password for site for the problematic page, as I would expect IE to. The only thing that's maybe a bit unusual is that the INPUT name="..." in the Form contains unusual chars such as ^ and !. But i wouldnt have though that was a problem (?). Any ideas why the save password prompt is not appearing for this one site? thanks. I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt Hello Everyone, Please help in build the code for the site , the layout should be as the below layout , I need to submit this by today EOD. Image Link1: http://8648180184665331224-a-1802744...attredirects=0 Image Link 2: http://8648180184665331224-a-1802744...attredirects=0 Please mail me the code ASAP. Thanks and Regards, ceenuu2002@gmail.com hello i have a page 'gallery.html' that i want to show up when the URL www.site.com/gallery is requested. how do i achieve this? thanks in advance rlbw Hello Please could you help me with the following issue. I paid a freelancer to design my website. The website works perfectly on her computer however it does not seem to work on mine or infact anybody elses. I have checked many different browsers but the website on my screen is completly out of place ( Checked Firefox 7, IE6 + 8). Also on IE it does not read the css file What could be wrong. Please visit http://qcssoft.com/demo/Planet_perfume/ and view source for the code. Also could you let me know if the top navigation and left navigation along with the main area on IE & Firefox are out of place Thanks foryou help. Much appericated I have created a custom html dropdown menu for my site. The thing is it looks perfect in Firefox 5.0 (for me it does anyway) and works just as expected but in other browsers such as Opera 10.60, Chrome 5.0.375.125, it doesn't work properly. and it works semi ok in IE 8. For example if I hover over one of the menu buttons in opera or chrome there is meant to be a drop down box, this doesn't show in Opera or chrome but does in IE? You can view the menu on my test site - http://www.themidwiferysanctuary.com/testsite/ There is more to the menu, you can use the following log in - Username: Jade Password 130489 Does anyone have any thoughts on how to get the dropdown compatiable with all (or most) browsers? I would post the code but it won't let me even when using the code tags.......... If you want to see the javascript code then please just let me know. Im not sure any of the above makes sense?? Thank you, Jade Hi, I have to display the results in 20 columns, in that 14 columns are frozen, rest of them are scrollable, when I give table widht in % then scrollbar presents to view the data in Firefox. If I see the same in IE, it doesnt show all the data, and there is no scrollbar. If I give the table width in px form then to some extent I am able to see the scrollbar in IE, and minimum pixel I had to give is 3000 and above. Is there any common solution to me to fix this so that I can see same both the browsers. We would like to have solution, width in % not in px. Please let me know the solution for this. I have attached the zip file for your reference to see the code, please run in IE and Firefox and check it. Advanced thanks, Venkat i have an html site, my problem is at the bottom just below the banner the grey doesn't join to the banner not sure if you want my code or not so here it is. www.jasongold.org 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> <link href="css.css" media="all" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Jason Gold Photography</title> <HTML> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <HEAD> <style type="text/css"> <!-- .style8 { font-family: "Times New Roman", Times, serif; font-size: 16px; color: #FFFFFF; font-weight: bold; } .style10 { font-family: "Times New Roman", Times, serif; color: #9C9A9C; font-weight: bold; font-size: 12px; } .style11 { font-family: "Times New Roman", Times, serif; font-size: 16px; color: #a5a2b5; font-weight: bold; } .style13 { font-size: 24px; color: #ad9ea5; font-weight: bold; } .style14 { font-size: 24px; color: #ad9ea5; } .style6 { font-size: 12px; color: #FFFFFF; } .style15 {color: #666666} --> </style> <script language="JavaScript"> <!-- function mmLoadMenus() { if (window.mm_menu_0517113603_0) return; window.mm_menu_0517113603_0 = new Menu("root",82,18,"Times New Roman, Times, serif",12,"#A5A2B5","#A5A2B5","#10419C","#183484","left","middle",3,0,1000,-5,7,true,false,true,0,true,true); mm_menu_0517113603_0.addMenuItem("New item"); mm_menu_0517113603_0.hideOnMouseOut=true; mm_menu_0517113603_0.bgColor='#555555'; mm_menu_0517113603_0.menuBorder=1; mm_menu_0517113603_0.menuLiteBgColor='#FFFFFF'; mm_menu_0517113603_0.menuBorderBgColor='#777777'; window.mm_menu_0517114902_0 = new Menu("root",100,32,"Times New Roman, Times, serif",26,"#A5A2B5","#A5A2B5","#183484","#10459C","left","middle",3,1,1000,-5,7,true,false,true,0,false,false); mm_menu_0517114902_0.addMenuItem("New item"); mm_menu_0517114902_0.hideOnMouseOut=true; mm_menu_0517114902_0.bgColor='#555555'; mm_menu_0517114902_0.menuBorder=1; mm_menu_0517114902_0.menuLiteBgColor='#FFFFFF'; mm_menu_0517114902_0.menuBorderBgColor='#777777'; window.mm_menu_0517112746_0 = new Menu("root",84,34,"Times New Roman, Times, serif",14,"#A5A2B5","#A5A2B5","#183484","#FF6600","left","middle",10,1,500,-5,7,true,false,true,0,true,true); mm_menu_0517112746_0.addMenuItem("Cottages","location='cottage.htm'"); mm_menu_0517112746_0.addMenuItem("Flats","location='flats.htm'"); mm_menu_0517112746_0.addMenuItem("Chalets","location='chalets.htm'"); mm_menu_0517112746_0.addMenuItem("Caravans","location='caravans.htm'"); mm_menu_0517112746_0.fontWeight="bold"; mm_menu_0517112746_0.hideOnMouseOut=true; mm_menu_0517112746_0.bgColor='#FFFFFF'; mm_menu_0517112746_0.menuBorder=1; mm_menu_0517112746_0.menuLiteBgColor='#FF0000'; mm_menu_0517112746_0.menuBorderBgColor='#777777'; window.mm_menu_0610134352_0 = new Menu("root",124,34,"Times New Roman, Times, serif",14,"#A5A2B5","#A5A2B5","#183484","#FF6600","left","middle",10,1,500,-5,7,true,false,true,0,true,true); mm_menu_0610134352_0.addMenuItem("Prices","location='prices.html'"); mm_menu_0610134352_0.addMenuItem("Book a Holiday","location='bookaholiday.html'"); mm_menu_0610134352_0.fontWeight="bold"; mm_menu_0610134352_0.hideOnMouseOut=true; mm_menu_0610134352_0.bgColor='#FFFFFF'; mm_menu_0610134352_0.menuBorder=1; mm_menu_0610134352_0.menuLiteBgColor='#FF0000'; mm_menu_0610134352_0.menuBorderBgColor='#777777'; mm_menu_0610134352_0.writeMenus(); } // mmLoadMenus() //--> </script> </head> <body> <table width="999" height="534" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th height="17" colspan="3" bgcolor="#999999" scope="col"> </th> </tr> <tr> <td width="200" height="89" bgcolor="#000000"><div align="center"><img src="logo.jpg" width="200" height="100" /></div></td> <td width="494" rowspan="2" bgcolor="#000000"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="165"> <param name="movie" value="homepagetransitionnew.swf" /> <param name="quality" value="high" /> <embed src="homepagetransitionnew.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440" height="165"></embed> </object></td> <td width="305" rowspan="2" valign="middle" bgcolor="#000000"><div align="center"><span class="style13"><span class="style15"><strong>Jason Gold<br /> Photography</strong></span><br /> </span><strong><span class="style14"></span></strong></div></td> </tr> <tr> <td rowspan="2" bgcolor="#333333"><p align="center" class="style8">Home</p> <p align="center" class="style11"><a href="portfolio.html" class="style11">Portfolio</a><br /> <br /> <br /> <a href="about.html" class="style11">About</a><br /> <br /> <br /> <a href="contact.html" class="style11">Contact</a><br /> <br /> <a href="file:///F|/web design/assignment 2/requestabrochure.html" class="style11"><br /> </a><a href="index.php" class="style11">Order</a></p> </td> </tr> <tr> <td height="190" valign="top" bgcolor="#000000"><div align="center" class="style11"> <p align="center"><br /> Jason Gold is a highly committed and Professional Photographer with more than 25years experience in his field. His Talent as a photjournalist has taken him to many parts of the world. He specializes in Portraits,War,Fashion,Landscapes and Travel. His passion for people,places and photography makes him sensitive to the natural beauty that surrounds him no matter where it may be, capturing that moment of beauty, often in the most unlikely situations.<font size="2"><br /> </font> </p> </div></td> <td align="center" valign="top" bgcolor="#000000"><div align="left"> <p align="left"><img src="homepage.jpg" width="298" height="158" /></p> <p> </p> </div></td> </tr> <tr> <td height="83" bgcolor="#9C9A9C"><div align="center" class="style10"></div></td> <td bgcolor="#333333"> </td> <td align="right" valign="top" bgcolor="#333333"><p align="right"><a href="#"></a> <a href="#"></a></p></td> </tr> <tr> <td height="52" colspan="3"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','999','height','100','src','banner','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','banner' ); //end AC code </script> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="999" height="100"> <param name="movie" value="banner1.swf" /> <param name="quality" value="high" /> <embed src="banner1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="999" height="100"></embed> </object></td> </tr> <tr> <td height="17" colspan="3" bgcolor="#999999"><div align="right" class="style6"></div></td> </tr> </table> </body> </html> any help will be much appreciated ok here is my site http://navysealsrpg.proboards107.com/ here is the site with the text area at the top that i want http://iluvemykats.proboards31.com/index.cginotice the area with the weather etc. What is the HTML for that. LOL i need major help. I'm really new to html. After struggling with all the builders though and not being satisfied I decided to learn it myself. I have a domain with webhostinghub. Today I started creating the html for my site and got the front page pretty much done and I wanted to make sure it worked with my host, but I can't figure out how to add it. I tried using the upload tool on webhostinghub but didn't have any luck. Can anyone help me or point me to a site that explains how to transfer the html that I wrote in notepad over to my domain? Hey guys ive made my first design for myself Here and i was wounder is there any good tutortials for forums / user list on site ? Ive now learnt how to make a site wanna learn how to use the database with login / forum and show user list. any help would be greatly appriciated Hi guys. I'm doing a website for a friend. All is going well but I've hit a couple of problems, the first I think is pretty easy to solve but I can't for the life of me remember what to do; I want some of the main images in the site (logo, background etc) to remain in cache so that when the user flicks pages it doesn't need to load them. I tried a CCS style form but placing the background image (a white square basicly) exactly where I want it, isn't easy. Secondly I want to use a preloader on the site, that preloads all the pages first. I have a series of images that I want to load as part of the progess indicator & want some to apper at say 20% another at 30% etc. Once all the background stuff is loaded it would then automaticly move on to the index page. I've had a play in flash & can get the series of images to play but have no idea how to get this to intergrate with the HTML. Thanks in advance. Ross Hello guys, i have little problem with my website. www.tvfm.mk/tv.html when you go to that link it redirects you to a website with gay porn. Is there any way to stop that redirect ? Hi, This will sound such a rookie question simply because I've never done this. Ok, I've created a page for a friend entirely within Fireworks. I have sliced the page and exported it in HTML to Dreamwaver. Now I do this a lot with ebay listings, and I simply upload the slices to a free online hosting company, they then give me the image location and I paste that into the slices src and job done, one pretty listing. Now, I'm trying to use Filezilla to upload the slices of the page in question to their host, which I'm doing easy enough. However, Filezilla doesn't let me see the location of the image, so I've no idea what to paste into the src! It has been stressing me to the max the past 24hrs as its all I need to get the site online! Thanks in advance for any help offered. Hello this is my first post i know some things about html but not too many i want to make a site but dont know some thing yet. i dont want to download a template i make it with notepad now. 1)how exactly i can put images at the exact place and there isnt any space between pictures? 2)how i can put pictures on pictures, i want to make a small image that inside there will be links and those links will be small images 3)i want in the middle of site to be some news that will be written in front of an the image for news how i do that. 4)also i want to make a small windows that will saw some picture and those pictures will change every 5 seconds for all these things will i need any other programm or i can do it just with notepad? |