HTML - Menu Design Completely Broken In Ie
I finished building my roll-out menus for firefox, but they're not working in IE. Moreover they get stacked on top of eachother instead of next to eachother.
http://www.problem-solving.be/dir0 Can anyone help me how to solve it? Here's the related CSS: Code: /* Drop-down menu */ .nav2 {} .nav2 ul { list-style-type:none; } .nav2 ul li { float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background: #C7D0D7; /*url(images/css/css_cat_light.jpg) repeat-x;*/ left:-20; } .nav2 ul li a { float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:28px; width:90px; line-height:28px; padding:0 20px 0 20px; text-decoration:none; font-weight:bold; color: #006699; } .nav2 ul li ul { display:none; border:none; } /* Non-IE6 hovering */ .nav2 ul li:hover a { text-decoration: none; } .nav2 ul li:hover ul { display:block; position:absolute; z-index:999; top:3.0em-6; left:-20; } .nav2 ul li:hover ul li a { display:block; width:88px; height:auto; line-height:1em; /*margin-left:50px;*/ padding:2px 20px 2px 20px; border-left:solid 1px rgb(175,175,175); border-right:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#EFEFEF; font-weight:normal; color:rgb(50,50,50); } .nav2 ul li:hover ul li a:hover { background-color:#FFFFFF; } .nav2 ul li a:hover { /*background: #DFDFEF;*/ /*#006699;*/ /*url(images/css/css_cat.jpg) repeat-x; */ /*color:#DEEEF3;*/ } .nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;} .nav2 ul li a:hover ul {display:block; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;} .nav2 ul li a:hover ul li a {display:block; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/ .nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/ Thanks! Similar TutorialsOk I need to take things like this forum: http://lmiinc.com/forum/ http://lmiinc.com/forum/calendar.php And make it active on the new site I'm building for LMI. So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files? Hello all, I just joined the forums and am not very experienced in HTML at all but have a question that I hope you guys can help me with. So here it goes. I have a site called doodletype.com and when I am working on it I would like that domain and all of its directories to be redirected to one page which would be a page that tells people coming to the site that it is under construction. I've seen this done on many other pages but I can't seem to find out how to do it properly. I can get the URL to redirect correctly when all the user types in is doodletype.com but when the user types in something like doodletype.com/Directory it redirects this URL to a URL like this newsite.com/index.html/Directory. So it appends the /Directory to the end of the redirect URL which then creates the wrong URL and a page cannot be found error. Where as I would like to find out some way of ignoring anything the user puts past doodletype.com/ and just always no matter what the user puts past doodletype.com/ redirect to only newsite.com/index.html and not newsite.com/index.html/Directory. Any help would be great and thanks for your time. Hey, I am currently working on a new skin for my vBulletin forums but having spent an eternity working on the new skin I am having a nightmare with the header. This is the code I am using; Code: <tr> <td bgcolor="#FFFFFF"> <img src="imageoneurl.jpg" border="0"> <!-- breadcrumb, login, pm info --> <table style="background-image:url(imagetwourl.jpg); background-color:#8bcaf3; background-position:right; background-repeat:no-repeat;"> <tr> The above code is what I am currently using, and it works a treat on my computer ; Firefox 3.0 windowed @ 1280x1024: However, when at different resolutions this happens; Firefox 3.0 full-screen in Vista @ 1280x1024: Firefox 3.0 windowed @ 1280x1024 Bit desperate now, spent hours trying to find a solution. Any opinions and suggestions would be greatly appreciated. I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible. I have attached 2 images of how the site looks in IE as oppose to Firefox Thanks Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc. My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads) This is what I see in both I.E. and Firefox: Here's the code for the object: Code: <style type="text/css"> div.lastfm_quilt_black a, div.lastfm_quilt_black div { height: 20px; margin: 0; overflow: hidden; text-decoration: none; padding: 0; background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0; width: 100%; float: right; display: inline; } div.lastfm_quilt a:hover { background-position: 0 0 !important; } {if $orientation=='horizontal'} div.lastfm_quilt_horizontal { width: 460px; } div.lastfm_quilt_black a.lastfm_quilt_artists_wide, div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums_wide, div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px; } {else} div.lastfm_quilt_vertical { width: 184px; } div.lastfm_quilt_black a.lastfm_quilt_artists, div.lastfm_quilt_black a.lastfm_quilt_artists:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums, div.lastfm_quilt_black a.lastfm_quilt_albums:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px; } {/if} div.lastfm_quilt_black .lastfm_quilt_profile a, div.lastfm_quilt_black .lastfm_quilt_profile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black .lastfm_quilt_noprofile a, div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt a.get_your_own { width: 92px; border-right: solid 1px #000000; } div.lastfm_quilt a.visit { width: 91px; background-position: -93px -20px; } div.lastfm_quilt a.visit:hover { background-position: -93px 0 !important; } </style> <div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black"> <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a> <embed src="http://static.last.fm/quilts/3/quilts_main.swf" flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" quality="high" bgcolor="#000000" width="184" height="414" name="quilts_main" align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div> Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing). Here's a link to that code: Network Information and here's a link to the entire page source: Entire Page Both are .txts I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off. Can we port a flex application completely to HTML5? Thanks, Simi. I need some serious help, I have no idea what to check: www.enviral-design.com go to th galleries page, and see what I mean. if you are in Safari or Chrome, it loads exactly like it's supposed to(for me at least) However, on IE or Firefox the gallery page loads all stretched, and as soon as you click on any thumbnails or spry accordion tabs the page just explodes!! what gives?? I've replaced the css for the accordion spry panels with deault DW css, no luck. same with the .js file that the accordions use, also no luck.... I have no idea what to do, or where to start.... anyone?? please help me out!! thanks for your time, Lucas <div class="form" onkeypress="function" style="cursor:pointer"> <div class="float"' ><img src="images/Icon.png" alt="<bean:message key="button.ex" /></div> <div class="float"' ><img src="images/Icon.png" alt="<bean:message key="button.ex" /></div> </div> Writing this code three time will creat 3 buttons with text content.First two is corectly generated but third one is broken where java is on first line and package on another line while corect one is java package should be in same line withing third button.any idea? Hello, This would be my first post here, but I require some assistance. I'm sure it's a very basic problem, and I'm sure I'm just not looking at it hard enough (I'm also aware the coding is sloppy), but can anyone possibly explain why the images are appearing as broken? It seems to me that they aren't broken...but it's stumping me. Code: <center> <table width="549" border="1" bordercolor="#ffffff" cellpadding="0" cellspacing="0"> <tr bgcolor="#ffffff"> <td width="549" class="style2"><center><font color="#000000"><font color="#000000"><font face="Verdana" size="1"> <table align = center> <tr> <td width = 150> <b> <center> <font color="#000000"> '66 Astros <td width = 150> <i> <b> <center> <font color="#000000"> <font size = 2> First Round <td width = 150> <b> <center> <font color="#000000"> '92 Blue Jays <tr> <td width = 150 height = 100> <center> <img src="http://img247.imageshack.us/my.php?image=9yawe88ejagf9jthh3h3lf1.gif"> <td width = 150> <center> <font size = 3> <b><font color="#000000"> @ <td width= 150 height = 100> <center> <img src="http://img247.imageshack.us/my.php?image=1415so1.gif"> <tr> <td width = 150> <b> <center> <font color="#000000"> <font size = 4> 2 <td width = 150> <center> <font color="#000000"> <font size = 2> <b> <i> Skydome<br> Toronto, ON <td width = 150> <b> <center> <font color="#000000"> <font size = 4> 6 </table> </table> i have a website that has a few broken links on the footer (and only the footer of the page), i have the same footer / navigation bar (top and side) on every page, and all the links work on every page except the index. if you can help me find what's wrong with the index, please reply here i dont want to give out the source to my page to everyone. Thank's, -shannon (also the footer is the only navigation bar that has broken link's) I've copied this from a site's source code, but it doesn't work on mine. It directs you to the next page, whatever you answer. Here is the page: http://www.freewebs.com/jaceyanimation/ebook.htm Here is the code i made: HTML Code: <table align=center width='97%' cellspacing=10 cellpadding=2 border=0> <form action='/signup_basic.php' method=post> <tr> <td><b>1. What is the street number of the orders headquarters ?</b></td> <td><select name='5'> <option value=1 SELECTED>9</option> <option value=2>10</option> <option value=3>11</option> <option value=4>12</option> <option value=5>13</option> <option value=6>14</option> <option value=7>15</option> </select></td> </tr> <tr> <td><b>2. What is Luna's last name ?</b></td> <td><select name='5'> <option value=1 SELECTED>Lonely</option> <option value=2>Lilac</option> <option value=3>Leona</option> <option value=4>Lee</option> <option value=5>Lovegood</option> <option value=6>Lier</option> <option value=7>Lehman</option> </select></td> </tr> <tr> <td><b>3. How much is a Unicorn Horn ?</b></td> <td><select name='2'> <option value=1 SELECTED>24 Galleons</option> <option value=2>26 Galleons</option> <option value=3>28 Galleons</option> <option value=4>30 Galleons</option> <option value=5>32 Galleons</option> <option value=6>9 Sickles</option> <option value=7>1 Knut</option> </select></td> </tr> <tr><td colspan=2 align=center><br><br> <input type=hidden name=action value=agree> <input type=button value=' Go Back ' onClick="location.href='javascript:javascript:history.go(-1)';"> <input type=button value=' Download ' onClick="location.href='http://www.freewebs.com/jaceyanimation/downloadebook.htm';"></td></tr> </form></table> The answers a 12 Lovegood 26 Can Someone please fix this Please excuse my ignorance, I am very new and teaching myself! I have placed an image on my server but it's not displaying when i view the web page. I know it has something to do with where the picture is placed on the server so i am obviously asking it to look in the wrong place. The reason I know this is if I place the image directly in the public_html folder on the server the picture shows up fine, but when i ask it to look in /images/"picturename.jpg" it displays the red cross. Can I just leave it in the public_html folder for the website? or is this not recommended? Sorry again if I am being stupid! I just uploaded my site to a new host (my onld one closed down) and I'm having a problem with on of the internal links. It works fine on with the files on my computer, but when it got uploaded, it stoped working.... Ive deleted and re-uploaded both the target page and the one with the link and i cant figure it out.... any help would be much appresheated (sp?) http://dragons-lair.ifastnet.com/ the "cool links" on the navigation bar is the one im having trouble with. Also If anyone has time, could you check thre whoel site for broken links..... im one dial-up (crappy dial-up at that) and the pages load VERY slowly This is the webpage I'm updating for someone: http://savannahrhythms.ca/events.html In Firefox it looks perfect but in IE, two random images on the left side cannot show and the big poster on the right isn't flush with the top... WHAT DO I DO TO FIX THIS PLEASE?? Hey, i want to have a button which when pressed notifies me, it is to tell me if a link is broken. I dont want it to open a new page though. Thanks in advance. Help. I made this page for a client but he tells me it is misaligned when he browses the page on his mac(both firefox and safari) http://www.freewebs.com/fernandosdesign/detox.html It looks perfectly fine on a pc (firefox and ie) any idea whats happening and how I can correct this issue? Thanks guys http://www.freewebs.com/fernandosdesign/detox.html Hello webMasters!! I had a problem with my website the other day and someone helped me fix it almost immediately! THANK YOU! I came across another problem, this one is particularly tricky because I cannot find where the code is broken. . . under my website on this link. .. http://www.rentxotic.com/?page=exotic-car-fleet you will see some pictures of cars. Originally if you were to mouse over the cars, some specs would pop up. Now for some reason I do not know why the specs dont pop up when you mouse over. I saw all the code, I am a novice but nothing pops out at me that looks wrong. Would appreciate any help!!!! - Ryan On our website, when it switches to HTTPS, some images are broken... but it is at random. The next page load, the broken images are just fine... but others that were fine are now broken. Any idea how this happens? Everything works fine on FireFox, this is only on IE. I am using IE6.0 on WinXP. Perhaps it is just my browser settings causing this issue? To see it, you can access our website: www.frpgames.com add any product to your shopping cart, click on the checkout cart, then click the checkout button, then click "Checkout without account". That should be the first secure page. Any help would be great! This issue is driving me crazy. Hi Im new on here but am posting because my webmaster bailed on me and Im trying to fix a problem on my website. . . On my homepage I have a footer that is not appearing in the bottom of the page, it's in the middle and is very annoying because my HOME page looks unprofessional. . . Can anyone help me on how to fix this. My home page is www.rentxotic.com when you go there you will see what I mean. . . Thanks for any help. |