|
HTML - My Menu Is Work In Firefox/safari But Not Ie
Hi, I am new to this borad, hope someone good at HTML can help me.
I am building a website www.blazeauto.co.uk/shop/ there is a problem with the navigation menu. It work perfects in Firefox and Safari but not in IE. The following are the code I use. <ul id="mainmenu-nav"> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=1" class="txtDefault">Test Category</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=2" class="txtDefault">Level1</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=4" class="txtDefault">Level2</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=5" class="txtDefault">Level3</a></li> </ul> </ul> And this is the CSS code .li-nav a{ font-size: 14px; width: 150px; display: block; text-indent: 2px; font-family: "Trebuchet MS", Verdana, Arial; color: #000000; text-decoration:none; font-weight: bold; background-image:url(/shop/img/linkout.gif); } .li-nav a:hover{ width: 150px; display: block; text-indent: 2px; font-family: "Trebuchet MS", Verdana, Arial; color: #FFFF00; text-decoration:none; background-color: #0066FF; background-image:url(/shop/img/linkover.gif); ----------------------- Can anyone tell me what is wrong? I have been trying for two days with no luck. Thanks Per Similar TutorialsFor some reason, the main navigation links in this site don't work in Safari 3.1 and latest version of Firefox. They work in IE 6 though. Can't figure it out. http://wcwfc.com/blog/ Anyone know what the problem is. My website works perfect in internet explorer. But when I type in the web address in safari, the page loads all the code, not the website. I'm guessing it has something to do with this 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"> Any suggestions? Is it this or something else maybe? I have a simple slide over menu for navigation in a div. Safari and Firefox both work. ON IE it's shifted over to the right a little more and the slide over menus wont appear. Any options? Hi, I have a site that loads fine on Chrome and IE. Don't see a section of it on Safari or Firefox. Page comes up blank. its supposed to show flash object. The site is kidsooda.com The section page that does not work in Safari and FF is kidsooda.com/inside/#/contact If you have any ideas I'd really appreciate it. THANK YOU !! Is outputting --- Creating linked images < a href= "default.htm"> --- as a line of text next to the image, instead of embedding a link in it. Any ideas what's going on? This is the code: <?xml version = "1.0" encoding = "utf-8"?> <! 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"> <head> <title> Using image as hyperlink </title> </head> <body> <p> Creating linked images < a href= "default.htm"> <img src = "DSC00123.JPG" width = "92" height = "100" alt = Testing out stuff> </img> </a> </p> </body> </head> </html> hey guys on my website i am going to play music and so that the music will continue to play and not restart while the viewers are browsing, i have made it so that u stay on the same page and the iframe will change when u click on the links i am going to have the sidebar change for different pages so the sidebar is also an iframe. the links on the sidebar are actually javascript links so that they will adjust the height of the body iframe and change the src my website is HERE! this website works beautifully in internet explorer, but in safari the sidebar is useless can anyone tell me why? THIS IS THE CODE FOR THE IFRAMES HTML Code: <td class="sidebar"> <img src="http://ryanhollis.webs.com/icons/sidebar1.png" alt="" width="200" height="46"/><br class="pic"/> <iframe src="sidebar.html" height="200" width="150" class="sidebar" id="sidebar" scrolling="no" frameborder="0" allowtransparency="true"></iframe> <img src="http://ryanhollis.webs.com/icons/sidebar3.png" alt="" width="200" height="46"/> </td> <td class="text" rowspan="2"> <img src="http://ryanhollis.webs.com/icons/body1.png" alt="" width="642" height="64"/><br class="pic"/> <center><iframe src="home.html" height="300" class="body" id="iframe" scrolling="no" frameborder="0" allowtransparency="true"></iframe></center> <noframes> Your browser is out of date. To view this site you are going to have to update your browser. </noframes> <img src="http://ryanhollis.webs.com/icons/body3.png" alt="" width="642" height="70"/> THIS IS THE CODE FOR THE LINKS THAT ARE ON THE ACTUAL PAGE AND WORK IN BOTH BROWSERS (the onclick property is what you need to look at the others just to change the pic in a scroll over) HTML Code: <img src="icons/home.png" alt="HOME" id="home" onclick="link('home',300)" onmouseover="changePic('home')" onmouseout="changePicBack('home')" width="223" height="134"/>
THIS IS THE JAVASCRIPT FOR WHEN THE LINK IS CLICKED Code: function link(page,size)
{
document.getElementById("iframe").height = size;
document.getElementById("iframe").src = page + ".html";
space = size - 158;
document.getElementById("whitespace").height= space;
}
THIS IS THE CODE FOR THE SIDEBAR 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">
<head>
<link rel="stylesheet" type="text/css" href="othercode/formating.css" />
<script type="text/JavaScript" src="othercode/links.js"></script>
</head>
<body>
<p class="sidebar">
<a href="javascript:link('home',300)" target="_parent">Home</a><br /><br />
<a href="javascript:link('blog/blog',650)" target="_parent">Blog</a><br /><br />
<a href="javascript:link('life',680)" target="_parent">Life</a><br /><br />
<a href="javascript:link('links',400)" target="_parent">Links</a><br /><br />
</p>
</body>
</html>
You are probably not going to have all the code you need in this so here are some links This is the main page This is the page for the sidebar iframe This is page for the content iframe This is my CSS This is the javascript that makes the links work Thanks guys if u can make sense of any of my code you are a life saver... all five flavors p.s. and yes the music isnt on there yet i'm making sure i can get this to work first. if have any suggestions on music to put on there feel free to tell me those too Hi, New to this forum, so apologies if this has been answered before--couldn't find the solution anywhere. I'm working on a page (http://www.dinacheney.com/index.htm), and the rowspan effect is working well on FF. On IE, the chalkboard image gets cut off and the image doesn't line up properly. Is this just rowspan weirdness and I need to rewrite the page using divs or css? Or is there something simpler I can do? All advice is much appreciated!!! Thanks in advance! Hello, stuck again!!! Right well i have an swf file and it's playing fine in safari but not in firefox - the place where it's supposed to be is just blank. Any ideas? http://www.absolute-websites.com/portfolio#animation Here is the code: HTML Code: <object id="peepShow" type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" data="video/peep_show.swf" width="550" height="400"> <param name="movie" value="video/peep_show.swf" /> <param name="quality" value="high"/> </object> The opening page for a site I am developing does not display correctly in Safari or Chrome, but does in Firefox and IE7. It passes the w3c validation. Not sure what I have missed? site Todd Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated! Domain: www.drewandjess.net Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!-->
<script type="text/javascript"><!-->changes title bar to match title on current page in frame<!-->
function changeTitle()
{
if (top.frames['main'].document.title)
{
top.document.title=top.frames['main'].document.title;
}
}
</script>
</head>
<frameset>
<frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!-->
<noframes>
<body>
If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox.
</body>
</noframes>
</frameset>
</html>
Solved by myself. hello I wanted to make a pop up window for a link: so i put this btw <head> and </head> Code: <script language="javascript" type="text/javascript">
<!--
var win=null;
onerror = stopError;
function stopError(){
return true;
}
function o1281309901(){
myleft=(screen.width)?(screen.width-874)/2:100;mytop=(screen.height)?(screen.height-622)/2:100;
settings="width=874,height=622,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
win=window.open("http://www.christianwalser.com/videoplayer","",settings);
win.focus();
}
// -->
</script>
and then this btw <body> and </body> for the link to open the pop up: Code: <a href="javascript:o1281309901();">LINK It works fine with IE but not with other browser like Safari and FF: --> Its then resizable and the height and wheight arent correct anymore Thank you very much for your help Hi, Im trying to develop a simple HTML interface for virtual tours but I cant get the site to look the same in all browsers. The problem comes when I view the page in IE. I want the bottom table to only be the length of the window as done in both safari and firefox. My site can be viewed on: http://www.fullvisual.com/informatic...tual_tour.html why doesn't the width=100% work? Thanks I am a graphic designer which is almost a complete idiot about web design, i have some problem making a web site. While i try to open my web site in FIREFOX and IE it does not work. (while safari works well) the existing link is www.sindysindy.com when i click the targeted link on the top buttons (about&contact) it open up a new pop up page. I names the top frame as TOP, the bottom two named "menu" on the left and "mainframe" on the right. While clicking buttons on the "TOP" frame would show other buttons in menu targeting things to show up in "mainframe" i have already done a web site days ago and i am trying to redo it now : ( would be really really grateful if you can help Thank you very much indeed! The following are the codes: ****ALL FRAMES**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****TOP**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****mainframe**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****menu**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> My site works in Firefox and Safari just like I want it to, but when IE tries to read it, the divs and images get spaced out and wrapped around AND it is not centered on the page like it should be... what is my coding flaw? www.nativboardriding.com check it out in firefox or safari to see how it SHOULD be displayed, then open it with IE. Thanks, Levs Hi Everyone- I'm hoping someone out there might be able to solve a problem I've been having with my site for a number of years. The site was designed for IE but with the growing popularity of Firefox and Safari (to name a few), I want to insure that it works properly with those browsers. For the most part, it does -- except when displaying a background image in a table. For example - look at this page: http://www.cygnus-x1.net/links/rush/...anentwaves.php When viewed in I.E., the grey background image with the woman displays properly, as does the full image of the album cover within. However when viewed in Firefox or Safari, the background image repeats near the bottom for about 20 pixels. The problem also exists on a page like this one: http://www.cygnus-x1.net/links/rush/lyrics.php Where the brown background image which includes the words "Rush Lyrics" displays properly in I.E. but seems to repeat for 20 pixels in FF. This one's been driving me crazy for years and, due to some recent changes I've been making, it's come back to haunt me. If anyone has any suggestions as to why this is happening and what I can do to remedy it, I would greatly appreciate it... Thanks so much. 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 Hi All, I am brand new to the forums. If you go to my site: www.wachusettchess.org using IE it will look fine. If you view the site using either Firefox or Safari, it's a mess with lots of overlapping text and boxes. Can anyone help me determine what the Firefox/Safari problem is? Thanks in advance. Dave Couture Okay well I have a bit of a problem... it's not major but it's enough to annoy a perfectionist. On my website I have set up a table (100% wide) with three columns in, the middle column is 700px wide. (I presumed this would balance out the two side columns placing the middle column in dead center. It does(ish). I am guessing this might be a way that is frowned upon but, I am thinking of adding extra little bits of info in them outside columns later on... In safari (my main browser) it works fine and places it exactly however, in firefox (on mac) there is a slight one pixel nudge to the right which stands out significantly. (In fact, it was the first thing I noticed!) The background image is obviously the problem but this seems like the only route as I have found this error half way down the line and I do not want to go back and do a load of HTML code editing! Screenshots below: Firefox: http://img231.imageshack.us/img231/5249/picture7mfq.png Safari: http://img219.imageshack.us/img219/4269/picture6kpd.png Is there any possible fix to this solution? Only logged in users can see this page so I could store a users screen width in a $_SESSION variable using PHP and then adjust this on each page? Just an idea I thought of but I doubt... any help is highly appreciated!!!!!! P.S: I have not tested in IE yet... I will in a minute... UPDATE //////////////////////////////// I just tested it in Firefox on Windows Vista.... there was no problem. And as for Internet Explorer.. everything is fine.. I am quite in shock that I just found out my page looks horrible in IE. I coded it myself, but I don't know what to do. If anyone could please take a look at the code for this page: http://www.thegearedinvestor.com I would really appreciate it. As you can see in IE, the second column is shifted all of the way down to the bottom, where it should be right beside the left column. The code for this starts at the line: <div id=centercolumn align=right> <script type="text/javascript" src="http://feedjit.com/coFilter/?bc=FFFFFF&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript> <br><!-- closes innercentercolumn2 --> I'll continue to work on it, but any help would be amazing. Thanks in advance! |
|||||||