|
HTML - What Is Causing The Orange Blob?
I have a weird problem with a site which I've been running for most of the year. The problem arrived recently.
The site is at http://www.les-amis-des-chats.com. If you go to it in IE7/8, look at the left hand side; under the navigation bar is an orange blob. It doesn't show up in Firefox, Google Chrome or Opera, but you do also get it in the Windows version of Safari. When I preview the page on my PC hard disc (running XP Pro) using IE7 or Safari, the blob isn't there! But it's there when I view the identical pages on the server. I know the blob is related to the navigation bar, in that first, when you hover the mouse over the blob it shows links to pages on the site, but upside down relative to the links in the navigation bar, and secondly, when I redesigned the navigation bar, the blob changed colour. Orange is the colour of the submenu links in the new design. I tried rebuilding the bar, and the "new" bar is only on the index page, but this made no difference. The blob appears on all the pages using the old and the new bar. Needless to say the problem didn't appear when I first inserted the "old" bar - it has appeared since then. Go to the French-language half of the site (click on the French flag in the top right corner), where there is a similar navigation bar built with the same software, and there is no sign of the problem. Any suggestions as to possible causes and cures will be gratefully received. And a Happy New Year to you all. Similar TutorialsHi everyone. This is my 1st msg on this forum so a BIG HELLO to everyone out there. Here's my problem. In my HTML I have the following DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> and a bunch of javascript and HTML to implement a rich-text editor (this is actually a pre-written component that I'm using on the page). On Firefox the page views perfectly - no problems. On IE 6, all the buttons etc are displayed but the actual text are where the user can type is not visible so the component doesn't work properly. The strange thing is, if I change the DOCTYPE declaration to : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> then everything works fine in both IE and FF. My problem is that I need to keep the 1st DOCTYPE and can't use the second. Would appreciate if someone could help me figure out why the page does not work in IE. The attached ZIP file contain the code in testAction.do.htm and the supporting files under testAction.do_files hi I have used this cdata like this <script type="text/javascript"> <![CDATA[ function change_palette() etc...... ]]> </script> but the javascript is not at all working in IE.. I use script's in between a lot so I want this to be valid in w3c....... I tried this also //<![CDATA[ //]]> but no use, can I know how to use this without effecting the functionality in any browsers? its urgent plse... I am working on the webpage: http://www.ashleylandscaping.com All works well, until you click on the "Contact" button. If you look at the other pages, everything is displayed properly. On the "Contact" page you will see a "Contact Us Form". When i have this form/table on the webpage, the whole bottom of the page disappears. If I remove that form from the page, everything looks fine. It must be just 1 or 2 things i'm missing, but I cant see it for the life of me. Hi All, I'm trying to show an image in a table but I end up with a bottom border of three to four pixels beneath it. Here's a simplified example of my table: Code: <table bgcolor="#00CC66" border="0" cellpadding="0" cellspacing="0"> <td> <img src="images/dummy.jpg" border="0"> </td> </table> You can see it in action here. The dummy.jpg is the grey box btw. Hello all im new to forum. i am building an online portfolio and im trying to make sure it works for the most used browsers. The code i have written works perfectly fine for IE but when using FF i have problems The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url. <LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css"> </head> <div style="POSITION: relative; TEXT-ALIGN: center"> <span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center"> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span> </div> the url is http://maths.sci.shu.ac.uk/students/...me/index2.html Thanks, Liam When I resize/drag window in IE8 and FF the screen remains perfect by getting a HR scroll bar, but Ie7 is not rendering images/divisions properly while resizing the window, all the text/menu get scrambled initially when dragging, but after refreshing it becomes perfect.. can I know why this happens? Is it problem with css or browser response/refresh time? I cannot give the link since this is an internal project hosted locally.. Any help appreciated.. Thanks Something in this page is causing a vertical white line on the right hand side of the main table. Can anyone help me figure this out? www.massagelaunch.com Thanks. Is there a way to have a link bring up a 'Save as...' box by default rather than having the link open the file inside my visitors' browser. More specifically, I have a long lecture on my site (mp3) that by default opens in my visitors' browsers rather than offering to be downloaded. I know visitors can right-click on the link to get a 'Save as...' box, but I would rather 'Save as...' be the default action whenever the link is clicked. Here is the page I am currently working on. Everything is funtioning and working properly. But there's a problem. I validate my page and I get errors fo the style sheets in the head. It is the cause of like 5 errors on my page. Theres 2 other errors are so, but they are fixable and I will get to them after I fix the style sheet errors. NOTE: The default style sheet is chose using PHP. Here is the whole coding for the actual head of my site, what you don't see in the "view source": <link rel="stylesheet" type="text/css" media="screen" title="User Defined Style" href="<?php echo (!$sitestyle)?'layout':$sitestyle ?>.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="playstation interface" href="ps3.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="wii interface" href="wii.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="xbox interface" href="xbox.css" /> I am using multiple style sheets that user can change, and when they change, the page sets a cookie on there browser. I got this trick from alistapart.com. It works great so people that like an individual game system can change the layout, but I just wanted to fix these errors because it is chaining into other errors on the page. Does anyone have a solution for fixing this problem? I have done much research and messed around with it alot, but all things have failed. I also don't understand what hte title and media things mean in the link to the style sheet. If someone could define this for me I would appriciate it. Here is a (very trimmed-down) version of my site: http://www.nceccec.com/en_us/css_test.html At least in IE6 and IE7, the top field does not display the specified left margin, while the bottom one correctly shows the left margin. There is only one difference between these two fields: the CSS property width is set on the first field, while no width is set on the second field. Here is all the code for this page in case someone wants to view it he 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" xml:lang="en" lang="en">
<head>
<title>Title</title>
<style rel="stylesheet" type="text/css">
.fielditself {
font-weight : normal;
display : block;
margin-left : 5%;
}
</style>
<body>
<table style="width : 100%;">
<tr>
<td>
<form method="post" action="check_order.php">
<div><div>Year</div><div class="fielditself"><input style="width : 9ex;" type="text" name="year" /></div></div>
<div><div>Make</div><div class="fielditself"><input type="text" name="make" /></div></div>
</form>
</td>
</tr>
</table>
</body>
</html>
Thanks for any guidance! Jason Hi, When I enter submit search terms into the search bar on my site (http://www.projectdisobey.com/disobeyclothing/), and then put the resulting page through a validation test at http://validator.w3.org/check, I get the following validation errors: (See attachment) I know that all these errors are resulting from an unencoded ampersand. My question is, which WordPress file do I need to go into in order to change the '&' to a '&'? Can anybody help me? Thanks this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon Hi all, Could someone please take a look at this website: http://www.jameslusbymusic.com/ and tell me how to sort out the main content of the home page? The problem is that the <div id="right"> "News" content is before the <div id="left"> in the html file so it is pushing the left bit down lower than the news bit if that makes sense. This only seems to happen on some browsers and doesn't affect my Firefox. The problem is, no matter what I do to it I can't get it all to line up properly if I move it! Before I can tidy up the rest of the page I really need to get this sorted. So any help greatly appreciated. Many thanks. |
|||||||