HTML - Really Bizarre Ie Display Error
Hi,
The site I'm working on is fine in firefox, but in IE it has a really odd rendering error - when a product is displayed some of the text on the page only appears when you highlight it. I've never seen anything like this before. The url of an example s http://www.cupandmug.co.uk/sandbox/p...hp?id=127&cat= . If anyone can shed any light on this I would be very grateful. Similar TutorialsAt least it is to me. Here is the deal. If you go to this page http://www.etraxc.com/sponsors/sponsors.asp you should get a pop-up window that has a blurb and then the following text, with link, that says: "For more information about our innovative approach to sponsorship, please click this link." There should also be a series of 9 banner ads displayed just below that. 1) Can you see that (I can and almost everyone I have asked can but one person can not), and 2) Why would someone NOT be able to see that? This person has the same trouble with several pages on my site but this is the first I have heard of it (and the site gets roughly 5,000 to 8,000 page hits/day). It has me puzzled! Any insight would be much appreciated! Thanks.... So here's my problem: I had to create an HTML newsletter for a client to send on a monthly basis. I've tested it in several browsers and everything seemed to be working fine, until she received a reply from one of her subscribers, (from an AOL account) with a screenshot of what the newsletter looked liked on her screen. Everything was wrong! The newsletter didn't display pictures at all, some HTML comments were showing up and extra characters and no spaces had been placed between the text. I'm pretty new to HTML and CSS, so I tried to keep it as simple as possible to not compromise browser compatibility. And in different computers and browsers it was working perfectly fine. But now with this, I've no clue how to fix it! Help?? to view the source code: www.offinterarts.org/newsletter.html HOW MANY <body> </body> BODIES CAN I HAVE IN THIS INDEX FILE? IF YOU SEE ANY IMPORTANT MISTAKE PLEEAAAASEEE HEEELLLPPPP!!! Code: <html> <head>PLEASE HELP!</head> <script type="text/javascript"> window.onload=function() { document.getElementById('NewsletterList').onchange=function() { window.location=('http://www.homeless-forum.org/'+this.value+''); } } </script> <body> <br> <CENTER> <select id="NewsletterList"> <a target=\"_blank\" href=\"file.doc\" title=\"\">John Doe<br> XXXXXXXXXXX</br></a>. <option value=""><b> PLEASE SELECT<b/></option><!--this option takes you to --> <body mar="0" marginheight="0" bgcolor="rgb(38,38,38)"> "BACKGROUND BLUE GREEN MARMOL " <embed width="100%" height="100%" name="plugin" src="http://canImakeApdfFileA1stWebPage?.pdf" type="application/pdf"> <option value=index.htm>Option #1</option><!--this option takes you to --> <option value="option2">Option #2</option><!--this option takes you to --> <option value="option3">Option #3 </option><!--this option takes you to --> <option value="option4"><br>Option #4</br></option><!--this option takes you to --> <option value="option5">Option #5</option><!--this option takes you to --> <option value="option6">Option #6</option><!--this option takes you to --> <option value="blog/wp-login.php"><!--this option takes you to blog--> </select> </body> </CENTER> </br> <html xmlns:v="urn:schemas-microsoft-com:vml" ............... </html> hello, I'm working on a site with a lengthy online application. When a user begins the application he is told to use the back and forward buttons on our form (not on his browser). We find that users still accidentally use the browser buttons and when they do a "Webpage has expired" error page comes up. This error page is not part of our site and is a dead end. I'm not a programmer so I don't know the specifics. I take it as a given that that browser buttons cannot function normally in our application, but I'd like to know if there is a way to get control of the error page that comes up when users do click their browser buttons. If we can show them a page reminding them not to use the browser buttons and put a link there to get them back to the application it would be a big help. Thanks Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before Code: Parse error: syntax error, unexpected T_DNUMBER in /home/a6989956/public_html/include/database.php on line 24 Can anyone please tell me whats wrong? Here is line a few lines Code: class MySQLDB { var $connection; //The MySQL database connection var $num_active_users; //Number of active users viewing site var $num_active_guests; //Number of active guests viewing site var $num_members; //Number of signed-up users /* Note: call getNumMembers() to access $num_members! */ /* Class constructor */ function MySQLDB(){ /* Make connection to database */ $this->connection = mysql_connect(hostname, username, ********) or die(mysql_error()); mysql_select_db(database, $this->connection) or die(mysql_error()); /** * Only query database to find out number of members * when getNumMembers() is called for the first time, * until then, default value set. */ $this->num_members = -1; if(TRACK_VISITORS){ /* Calculate number of users at site */ $this->calcNumActiveUsers(); /* Calculate number of guests at site */ $this->calcNumActiveGuests(); } } line 24-25 is Code: $this->connection = mysql_connect(hostname, username, ********) or die(mysql_error()); mysql_select_db(database, $this->connection) or die(mysql_error()); PLEASE HELP! Hi, I cannot get a table to display in a div on my site. If I change <table> to <div>, it works, but it is very tabular data and I need table styling. Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked --> <a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a> <div id="stats_inside"> <div style="border:0; padding:2; width:100%;"> <div style="border-collapse: collapse; margin: 3px auto; border: 1px solid blue;"> <div><div>table</div></div></div></div></div> Above works, below will not work Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked --> <a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a> <div id="stats_inside"> <table><td>hello</td></table> </div> Further, anything after the <table> declaration disappears. It will not show up. Site is www.uhstitans.com/schedule2.php Click one of the Stats buttons to see the pop-up. FURTHER INFO - EDIT I just noticed that by adding <table>, the content appears at the bottom of the page, instead of being hidden (display:none in the stats_panel div. also, the info trailing it drops to the bottom of the page. In a perfect world, it would all wait until the js is activated and then appear in the center of the page. THis is the result I get when I do not include <table> ad include <div>. Thanks in advance, Todd Hello, I'm trying to a create blog like web site. Since my html knowledge is very limited I decided to use a free web layout provided by Gorotron.com. The template I chose is called "Audiophile". The problem is the Audiophile template will not display correctly when IE 7 is used. The template displays perfect in Firefox 3 and IE 6 but not IE 7. I've contacted the user who created this template but I have not received response in weeks. If anyone has a solution how to correct this problem I would appreciate your help Snapshot of Problem:http://i35.tinypic.com/am2nme.png How it should look: http://i34.tinypic.com/1hc7z4.png Original HTML File: http://www.gorotron.com/templates/audiophile.zip Thanks in Advance. Hi, in Firefox my page displays fine. as picture below. but in IE it messes up. I assume i have missed something in the html FF http://i46.tinypic.com/4uwd43.png IE http://i47.tinypic.com/9ixmj5.png code below Code: <?php include('header.php'); ?> <?php include('RightSide.php'); ?> <div id="primaryContentContainer"> <div id="primaryContent"> <h2>Contact Simple Coders</h2> <p class="nopadd"> If you have any problem, suggestion, comment, or you found a bug. You can send a message to <script type="text/javascript"> //<![CDATA[ document.write('<a'+' href="mailto:sup'); document.write('port@'+'simplecoders.com">'); document.write('support'); document.write('@simplecoders.com<'+'/a>'); //]]> </script><a href="mailto:support@simplecoders.com"></a> <p>Please read the following first:</p> <ul> <li>Please write your message in English, even if your english is very poor. I simply delete other languages because I cannot understand any word.</li> <li> Your email address will only be used to send a reply to your message, if it's needed. I will not give your email to anyone else</li> <li> If you are a spammer, please don't add my email to your list. I already have enough junk in my inbox</li> </ul> <p>You can also fill the form below: </p> </div> </div> <form style="margin: 0px 0px 0px 0px;" method="POST" name="formData" action="contactmail.php"> <div style="position: absolute; top:500px; left: 254px;"> Your Name: </div> <div style="position: absolute; top: 500px; left: 325px;"> <input type="text" name="to" size="30" /> </div> <div style="position: absolute; top:533px; left: 255px;"> Your Email: </div> <div style="position: absolute; top: 533px; left: 325px;"> <input type="text" name="subject" size="30" /> </div> <div style="position: absolute; top:565px; left: 258px;"> No Robots: </div> <div style="position: absolute; top: 565px; left: 325px;"> <input type="text" name="norobots" size="30" value="Ip Address Here" onclick="this.value=''" /> </div> <div style="position: absolute; top:568px; left: 540px;"> Your Ip Address is: <strong><?php echo $_SERVER['REMOTE_ADDR']; ?></strong> </div> <div style="position: absolute; top:598px; left: 266px;"> Message: </div> <div style="position: absolute; top: 598px; left: 325px;"> <textarea id="msg" name="msg" style="width: 400px; height:170px; font-size: 12px;"</textarea> </div> <div style="position: absolute; top: 785px; left: 325px;"> <input type="submit" alt="Submit Form" name="submit" size="30" value="Send" /> </div> </p> </form> <?php include('LeftSide.php'); ?> Hey hey! First post here so be nice I'm currently coding a satire website for my pal and I - http://www.satirefactory.com (only one article up at the moment). The problem I'm having is that when you click onto any page after the home page it removes the "www." bit from the address bar at the top of the browser. I can't understand it. The only thing I'm doing any differently from any of my previous web sites is that I've used php includes to call up different files for the header/menu/right column and footer of the page. eg: Code: <?php include ("../includes/header-satire.htm"); ?> But I can't see how that would effect anything. Also - I've installed a set of (Invision Board) forums which are totally unrelated to the rest of the site, and they still display as http://satirefactory.com/forums , even if you type the URL directly into the address bar. The website is working properly, it's just this niggling aesthetic issue. If anyone has any ideas I'd be eternally greatful. Thanks in advance, Max Power Hey guys I got help on a project I'm doing from Eri. Seems he used this tag in the code which is posted below. Anyways I did some research apparently Safari doesn't like this tag. His solution works great in IE6, IE7, and FF2/3 but in safari the layout dies. Has anyone messed with this type of solution. Check this out to see what I'm mean if you want a visual representation: http://browsershots.org/http://along...index_new.html Eric HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Personal Shopping and Concierge Services</title> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <meta name="keywords" content="INSERT KEYWORDS HERE" /> <meta name="description" content="INSERT DESCRIPTION HERE" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="wrap"> <div id="whitebox"> <div id="header"> <div id="logo"> </div><!-- end div logo --> <div id="pagetitle"> <h1>along came mary</h1> <h2>personal shopping and concierge services<br /> the metro atlanta area</h2> </div><!-- end div pagetitle --> <div class="clear"> </div> </div><!-- end div header --> <div id="main"> <div id="sidebar"> <div id="links"> <ul> <li><a href="/">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Our Services</a></li> <li><a href="#">Customer Feedback</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Links</a></li> </ul> </div><!-- end div links --> <div class="clear"> </div> <div id="icea" align="center"> <img src="assnbanner2.jpg" alt=" " /> <p><a href="#">Proud Member of the International Concierge & Errand Association</a></p> </div><!-- end div icea --> </div><!-- end div sidebar --> <div id="content"> <h1>Take a deep breath. Call Mary. Relax. It's handled.</h1> <p> Whether it is shopping, running errands, organizing your home or office, caring for your pets and home while you are away or just waiting for a service contractor to arrive, Along Came Mary is ready when you are. It's like having a personal assistant for you and your home! </p> <p> Along Came Mary specializes in personal shopping and concierge services for individuals and families in the metro Atlanta area. Based in Vinings, an Atlanta, Georgia suburb, Along Came Mary prides itself on providing reliable, top-notch customer service to its clients. Our primary goal is to help busy people create a more balanced and therefore enjoyable lifestyle. When life becomes hectic, being able to make that call for help relieves stress and calms nerves! </p> <p> We know your time is valuable and thank you for visiting our site to learn more about how Along Came Mary can help you create a more balanced, productive, and manageable life. <a href="#">Contact us</a> so that we can show you how good life can truly be! </p> <p> Mary Snelson<br /> <a href="#">mary@marylovesshopping.com</a> </p> <p> 404.422.7564 </p> </div><!-- end div content --> <div class="clear"> </div> </div><!-- end div main --> </div><!-- end div whitebox --> <div id="footer"> <p> <a href="/">Home</a> | <a href="#">About Us</a> | <a href="#">Our Services</a> | <a href="#">Customer</a> | <a href="#">Contact Us</a> | <a href="#">Links</a> </p> </div><!-- end div footer --> </div><!-- end div wrap --> </body> </html> CSS Code: * { margin: 0px; padding: 0px; border: 0px none transparent; border-spacing: 0px; } body { background-color: #fcc1df; } #wrap { width: 100%; height: 100%; border: 0px none transparent; margin-bottom: 15px; } #whitebox { width: 700px; height: auto; background-color: #ffffff; border: 2px solid #000000; margin-top: 15px; margin-left: auto; margin-right: auto; } #header { width: 700px; background-color: #ffffff; border-bottom: 2px solid #e5e5e5; height: 160px; display: table; } #logo { width: 135px; height: 156px; background-image: url('ACM-Logo.png'); float: left; display: table-cell; } #pagetitle { width: 561px; height: 160px; display: table-cell; vertical-align: middle; position: relative; margin-left: 135px; } #pagetitle h1 { font-size: 250%; font-weight: bold; margin-left: 12px; margin-bottom: 0px; margin-top: 30px; } #pagetitle h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 80%; margin-left: 12px; font-weight: normal; margin-top:0px; } #main { width: 696px; height: 100%; } #sidebar { width: 140px; background-color: #ffffff; position: relative; float: left; height: 100%; display: table-cell; } #links { margin-bottom: 10px; float: left; height: auto; margin-left: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 80%; line-height: 125%; } #sidebar ul { list-style-type: none; margin-right: 5px; } #sidebar a:link { color: #000000; } #sidebar a:visited { color: #000000; } #sidebar a:hover { color: #f1037f; } #icea { width: 140px; height: 100%; display: table-cell; vertical-align: bottom; padding-top: 100px; } #icea a:link { color: #0000ff; text-decoration: none; } #icea a:visited { color: #0000ff; text-decoration: none; } #icea a:hover { color: #f1037f; text-decoration: underline; } #icea img { width: 132px; height: 96px; border: 0px none transparent; } #icea p { font-family: Arial, verdana, Helvetica, sans-serif; font-size: 70%; line-height: 175%; text-align: center; margin-left: 4px; margin-right: 4px; } #content { width: 442px; background-color: #ffffff; padding-left: 12px; height: 100%; position: relative; margin-left: 142px; border-left: 2px solid #e5e5e5; display: table-cell; } #content h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; font-weight: bold; margin-top: 0px; margin-bottom: 10px; } #content p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; } #content a:visited { color: #0000ff; text-decoration: none; } #content a:hover { color: #f1037f; text-decoration: underline; } #content img { width: 132px; height: 96px; border: 0px none transparent; } #content p { font-family: Arial, verdana, Helvetica, sans-serif; font-size: 85%; padding-bottom: 18px; line-height: 125%; } #footer { width: 696px; margin-left: auto; margin-right: auto; margin-top: 8px; } #footer p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; text-align: center; } #footer a:link { color: #808080; text-decoration: none; border-bottom: thin dotted #808080; } #footer a:visited { color: #808080; text-decoration: none; border-bottom: thin dotted #808080; } #footer a:hover { color: #808080; text-decoration: none; border-bottom: thin dotted #f1037f; } div.clear { clear: both; font-size: 0%; line-height: 0%; width: 100%; } How can I display a php script on a web page (html - static) without it being parsed? Thanks. All right, I've stumbled upon a bit on a design block. I'm not sure what I want to do to display images. I don't know if I want to do a gallery...or just have thumbnails and then you click on them to view a larger image...I just don't know what I want to do. So, I was wondering if someone out there could help me and decide what would be best to use with my layout - which here is what it looks like: http://i46.tinypic.com/jj74hw.png - here is the homepage thus far: http://thexoticzoo.webs.com/home.html Any suggestions and help on coding? Firefox looks fine. Internet Explorer looks rather dumb. 1. Alignment is off 2. One of the links doesn't work 3. Within the site, the main content box adjusts itself according to text (please click reddish image to see) Does anyone know how I can fix this? (I'm sure many people have had this problem. I suppose I could use image map on the main page- that would solve #1 & 2. But I'm at a loss about #3.) Thank you very, very much! http://www.geocities.com/rk.grant/ I have submit buttons on one form. Is there any way to change the text that gets displayed to the user? Here's what I have <td><p><input type="submit" name = "sid" value="372"/> The text displayed on screen to the user is then "372", which isn't very helpful. The variable sid is passed to the form action, and while the value I want passed is, in this case "372", I would like the button to be more user friendly, and have the text say something like "Get updated data" rather that just say "372", so the user knows what the button actually does. Is there a way to do this? Any help would be appreciated! I am using IE and for some reason PNG images specified using an <img> tag display blank. I know the files exist as there is no 'X' where the image is supposed to be but I can't see them. If I change to using a JPG then the images appear. My code is extremely simple and looks like: Code: <html><body><img src="images/test.png"></body></html> I have tried using width and height parameters but it only changes the size of the blank area. Does the <img> tag support PNG images? Is there some other reason why the images display blank? HELP!!!! If the following site is opened in IE, most of the thumbnails won't show. The thumbnail actual images are 40x30 pixels - so no resizing going on. Yet in the FrontPage browser, they all show. If opened in FireFox, the thumbnails will all show - I just won't get the vertical scroll bar on the thumbnails from the DIV tags. Very straight forward HTML. What's the problem? Web page with the thumbnail problem: http://www.bryanborough.com/750iL/LADRegulatorValve/ Thanks ahead! Buffbuh I have a website that when I type in the url nothing appears on the page. I was wondering what would cause this to happen. I tried to re-saving the files for the website but still nothing, it just says Done in the bottom tray of the IE window. Thanks in advance! HI, I am designing a website. But the problem is. If i developed that jsp or html file based on 17" desktop. If i open that in my laptop, some of the images are not aligned perfectly. Text boxes and alignment are aligned improperly. How can i solve this problem. Pls suggest me how to fix this problem permanently. My requirement is, if i open my project in any system that should display in all the systems similarlly. Thanks in advance |