|
HTML - Menu Html Error In Firefox? I Cant See It
Hi there im trying to make a menu sytem for a website and keep coming across the same problem
it seems to work fine in IE but in firefox has a 4/5 pixel margin underneath that its really irritating me http://danielbourne.net/pdwcs/1/aboutest.html can anyone see any errors within there that i may have missed ? the menu css is within http://danielbourne.net/pdwcs/1/default.css any help is much apreciated thankyou Daniel Bourne Similar TutorialsHello all I have created a page that takes and display some data from an xml file, it works fine on internet explorer, but when I tried to run it on the Mozilla FireFox there was no data any help?? 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 http://www.immc.ca/index.php?option=...d=24&Itemid=47 When you scroll over the drop down menu items, they appear behind the canada map flash piece. On other pages of the site, the menu appears correctly, in front of the site content. This is only happening in Firefox. Help!!!! I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense. Maybe I need to get some fresh air because i am starting to see spots on the screen. http://208.84.114.15 Hello, I use iframe to center the page because I am unsure of how to have the page center any other way. But when I do it, there is a "padding" at the top of the image in IE but there is not this padding when using FireFox. do you know why this is? Thanks! Hi I am very new to website design and html code therefore I cannot spot what may be a very simple error in my webpage code. The page in question is http://www.stephanieholmes.co.uk/videos.html I have made the page in dreamweaver. The content is layed out in a table 7x8 with the two outer column's rows merged to contain the left and right floral border. However, in Firefox the centre columns are displaced vertically, but this problem does not occur in IE which confuses me. Please help! Hello I have a problem that i dont know how to fix with drop down menu's i seem to be missing out something i applied a tutorial and eventually came up with this http://www.piglatinhiphop.com/drop/index.htm what i basically want is when i hover on the button "Services" to show the menu which works fine but there are 3 rows of buttons and the button Services is on one of them sitting there alone i tried to fix it by just clicking backspace in frong page and came up with this result http://www.piglatinhiphop.com/drop/gs.htm but u see when i hover services it dont drop down nothing and if u notice there ill still be a second row that will have a black area to the far left, thats the area that will show the drop down menu also if u hover sumwhere below the button "Downloads" the list drops now see i want the site to look as it is on the main official page www.piglatinhiphop.com but also have the list to drop when u hover "Services" The files are attached with what i came up with when i 1st applied the tutorial (the 1st result that had 3 rows) Please help me out, i am doing a favor to a friend and i dont want to fail him Thanks How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals Hey there, I have this page working in HTML and Opera,, but wont work in firefox <html> <title>Installer</title> <head> <style type="text/css"> <!-- #img {position: absolute; top: 0px; left: 0px; } a.1:link {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 110px; left: 40px; } a.1:visited {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 110px; left: 40px;} a.1:hover {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; font-weight: bold; position: absolute; top: 110px; left: 40px;} a.2:link {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 147px; left: 40px; } a.2:visited {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none;position: absolute; top: 147px; left: 40px; } a.2:hover {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; font-weight: bold; position: absolute; top: 147px; left: 40px;} a.3:link {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 185px; left: 40px; } a.3:visited {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 185px; left: 40px; } a.3:hover {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; font-weight: bold;position: absolute; top: 185px; left: 40px;} --> </style> </head> <body bgcolor="#FFFFFF"> <img src = "Installer.jpg" id="img"><br><br> <a href="Chain-e Link Client Setup\dotnetfx.exe" class="1">Install .NET Framework 1.1</a> <a href="Chain-e Link Client Setup\Setup.exe" class="2">Install Chain-e Link Client</a> <a href="Chain-e Link Server Setup\Setup.exe" class="3">Install Chain-e Link Server</a> </body> </html> the background image displays,, but the links dont.. anyone got any suggestions? thanx in advance Is there a good old fashion way (simple HTML) to make the bottom of my webpage content all meet evenly at the bottom? The problem is that the bottom of my webpage looks different in FireFox versus Internet Explorer. In Firefox, the bottom contents all meet evenly at the bottom. However, in Internet Explorer, the Center content looks shorter than the Left-Side and Right-Side Content, hence making it look uneven and jacked up... I'm using .shtml and templates for the Left-Side and Right-Side of the Site. The Center content is inside the index.shtml file. Thanks so much in advance for your help. I greatly greatly appreciate your help. Hi, I am designing a small website for a friend and decided to use Ajax on one of the pages: http://122.201.74.87/~natural/treatments.html Problem is in firefox the white background (cell) doesnt extend with the ajax cell so the text just runs down the page over the purple background. But if you look at the page in internet explorer the white background (cell) extends and collapses with the ajax cell like it should. Can someone have a quick look at this and let me know what changes i should make so it works in firefox like it does in IE. PS. Yes the coding is nothing special because it is just a quick site i put together for a friend. Thanks. Why Does Alt Text in the html img Tag Not Work in Firefox？ It works well in IE but not in Firefox. Anyone knows why? Thanks in advance. Hi, i have created two radio buttons to run 4 functions in my javascript. these run perfectly in IE but dont work in Google Chrome or Firefox! i really need this resolving. Please help. The Javascript is: <script type="text/javascript"> <!-- } function changetextcolor() { document.getElementById('textbtm').style.backgroundColor = '#ffffff'; } function changetextcolors() { document.getElementById('textbtm').style.backgroundColor = '#ffff00'; } function change_background(){ backgroundv=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/white.png"/>'; } function change_backgro(){ backgrov=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/yellow.png"/>'; } //--> </script> The HTML coding is: <input type="radio" class="poll1" name="backgroundimg" onClick="javascript:change_background();changetextcolor();" checked> <input type="radio" class="poll2" name="backgroundimg" onClick="javascript:change_backgro();changetextcolors();"> Please help me! Hey all, I'm having a bit of trouble applying the style keyword to get it to work in firefox. It works fine in internet explorer. my code is: <table style="position:absolute;left:220;top:155" > as in it doesnt position the table in absolute, it still puts it UNDER any text rather than applying the position any ideas as to why this isnt working in firefox? is there an equivelent I can use to position a table on the screen? I'm utterly confused. Within my heavily "modded" phpBB2 forum, at the top is our Logo, which is a gif image of 800 x 150 in size. Always has been that size since last year (apart from a change in the logo itself). Now, up to a couple of days ago, the Logo displayed correct ratio in ALL browsers. But for some extreme strange reason, the image is now reduced from 800 to 720 in Firefox!! None of the css has been altered, not the overall_header.tpl file, not has any configurations for the Firefox browser been messed about with either. Section from overall_header.tpl file... Code: <table cellspacing="0" width="100%" id="forum">
<tr>
<td class="forum-header" align="center"><a href="{U_INDEX}" title="{L_INDEX}"><img src="templates/ca_aphrodite/images/sblogoyg3.gif" width="800" height="150" alt="{L_INDEX}" /></a></td>
<td class="forum-header header-search" align="right" valign="bottom">
</td>
</tr>
<tr>
section from css.... Code: /* header */
.forum-header {
background: #F7F7F7 url(images/bg_logo.gif) top left repeat-x;
padding: 0;
}
All the above does in places a line wih gradiant behind the logo. To get an overall idea, see my website: http://www.screwballscrabble.co.uk Anyone got any ideas why Firefox is not displaying images at the original size? Any pointers would be extremely grateful! Thanks. Howdy everyone! I'm a noob here and I'm at my wits end. The real problem here is that I know just enough to get myself into trouble, but no concept on how to dig myself out of it. The website I'm working on is he http://www.psychological-warfare.com My problem is that it looks OK in Explorer, but looks like a trainwreck in Firefox. It was designed by retrofitting a template I bought years ago, so it's like trying to decipher the amatuer translation of a Russian mad scientist's codex. I apologize in advance. I've been moving DIV's back and forth for days and Explorer doesn't seem to care. Things just keep getting worse and worse in Firefox. I think the main issue is that I have a left column and then the header that spans the middle and right columns. I can see how Firefox might hate that... The next problem (and I'm hoping someone might have an idea on this): I used a modern header calling this whole mess XHTML. I know exactly squat about the differences between HTML and XHTML except that XHTML loves to have everything "/>"ed. Would all of this work if the header called it transitional HTML and give myself a little leeway? What code should be at the top of my page? Thanks everyone for the help. I wish I could buy everyone a beer! Hey guys, I'm brand new to HTML and am teaching myself. I'm right in the middle of studying and have run into a problem. I've been working on my PC up until now but had to transition over to my Mac because it has Photoshop installed on it. I've been trying to open my HTML in Firefox but it isn't working. When I open with Firefox, all it does is bring Firefox to the front but doesn't open my HTML. I've done the same thing in Safari and it displays my code with no problem. Does anyone know what is causing this? Thanks in advance! Hi all, This is my first post in this forum I'm having around 50 html pages, in all the html pages i'm having links to all other pages in the left side of each page. But if i add a new page or delete a existing page, now i have to edit all the pages for updating the menu links. Can anybody help me to get a easy way to this by just keeping the menu in one place and showing the same menu in all pages. Looking for your help, Thanks in advance, kumar |
|||||||