|
HTML - Menu Bar Gap On Explorer
I'm back...but hopefully this should be just a quick fix, for the life of me I just can't see the problem.
My page looks great on all web browsers on Macs (Safari, Firefox, Internet Explorer). It also looks great of Firefox and Safari on a PC, although on Internet Explorer on a PC the menu bar displays a 'gap' all the way along beneath it which I just cant fix no matter what I try. I've included the whole header and menu bar html below, any pointers would be greatly appreciated: Code: <table width="879px" height="0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" class="bodytext"><div id="title"><br>
<br>
</div></td>
<!--<td align="right" valign="top">'pushes header to top'-->
<div id="topleftnav">
<table width="879" border="0" cellpadding="0" cellspacing="0">
<td colspan="0">
<table width="879" border="0" cellpadding="0" cellspacing="0">
<td width="879" td valign="top" class="center"><img src="../images/header.jpg" width="879" height="194"></td>
</tr>
</table></td>
</tr>
</table>
</div>
</tr>
<tr>
<td height="23" colspan="6" >
<table width="879" align="center" cellpadding="0" cellspacing="0" >
<td width="35" height="23"><img width="35" height=23 src="../images/menugap.jpg" border=0>
<td valign="top" class="center">
<table width="0" border="0" cellpadding="0" cellspacing="0" valign="top">
<td width="43"><a onMouseOver="MM_swapImage('Image620','','../images/homeon_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../home.php"><img id=Image620 width="43" height=23 src="../images/homeoff_new.jpg" border=0 name=Image620></a></td>
<td width="63"><a onMouseOver="MM_swapImage('Image622','','../images/aboutuson_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../aboutus.php"><img id=Image622 width="63" height=23 src="../images/aboutusoff_new.jpg" border=0 name=Image622></a></td>
<!--<td width="103"><a onMouseOver="MM_swapImage('Image631','','images/buttons/top/how_o.gif',1)" onMouseOut=MM_swapImgRestore() href="how.asp"><img id=Image631 height=18 src="images/buttons/top/how_i.gif" width=103 border=0 name=Image631></a></td>-->
<td width="65"><a onMouseOver="MM_swapImage('Image623','','../images/productson_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../products.php"><img id=Image623 width="65" height="23" src="../images/productsoff_new.jpg" border=0 name=Image623></a></td>
<td width="65"><a onMouseOver="MM_swapImage('Image627','','../images/contactuson_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../contact.php"><img id=Image627 width="65" height="23" src="../images/contactuson_new.jpg" border=0 name=Image627></a></td>
<td width="643"><img src="../images/sidepiece.jpg"></td>
</table></td>
</table>
<table width="879" border="0" cellpadding="0" cellspacing="0">
<td width="879" valign="center"><div align="center"><img src="../images/header_strip.jpg" width="879" height="6"></div></td>
</table>
Similar TutorialsHow 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 i have a site that works like charm in firefox but in internet explorer it results to a not found page.Its index page is full of tables and whn i erase some tr it work in internet explorer too Hi, My background looks differently in Firefox and Explorer. Any ideas? Thank you <html> <head> <STYLE TYPE="text/css"> <!-- body { background-color: #570000; background-image: url(http://i144.photobucket.com/albums/r...uzaramka.jpg); background-repeat: no-repeat; background-position: center; background-position: top; } --> </STYLE> </head> </html> My site looks perfect in all other browsers, but in Internet Explorer (possibly only earlier versions) the alignment of everything is completely off...My blog content appears to the right of the header instead of under it... I validated my code and still no luck, I am stuck! Any help is greatly appreciated! My site is: http://fashion.pocketfullofgold.com THANKS!!! Hi, It seems that a lot of threads of this board are geared towards people having CSS issues in IE, I'm learning how to make websites at the moment and have also noticed this issue. Why have Microsoft not done something about this? I don't understand, it seems like Firefox and other browsers have always been a few years in front of IE over the years, so why won't Microsoft just make a browser compatible with all the latest CSS features, if Firefox can do it I don't understand why Microsoft can't? Is making the browser more update really that difficult? I created this website, http://www.earlyrain.com/jonathan... on my Mac, and it works exactly how I want it in Safari. But, when I go to my mom's PC with 2000 on it (internet explorer 6), the entire page is just random pictures everywhere and looks horrible. Then I can go into Firefox on her PC and the placement of everything works, but some of the pictures won't show up. There's a place for them, but I can't see them. so, I really need some help with the IE problem, seeing as I don't have these problems on my computer... I want to fix some of the images and links at fix position on the website on all pages. So i have used Div tag and given position fixed and mentioned the position required for me. It works fine in Chrom, Mozilla but does not works in Internet explorer. I tried all versions of IE from 7 to 9. But it is not looking in same way as it looks in other browsers. You too can visit this url: http://www.arete.in/sgcdesign/practice.html Hi, Now am developing a site for my company, am using HTML and CSS for site designing. If I view the page in Firefox and IE, Firefox looks correct, but in IE the page looks some extra spaces. Is there any tag (or) code is available to fix this issue.. (or) Please advise me a solution to correct the issue. Thanks for your help in advance. Hello all, thanks for all the help you guys give! I am having a few problems in IE only....Please visit http://www.firstpresgreenville.org/ At the top of the page please notice the search form...In IE, a box extends down and covers part of the text below....this doesnt happen in Firefox or Chrome... Also, at the bottom of the page there is a content slider...In IE, the numbering shows as solid white boxes....In Firefox and Chrome the boxes are white with blue numbering... I am sure these are easy fixes but i cannot figure out the best route to take.... Any help would be greatly appreciated! Hi, I'm sorry for asking this question but i just can't seem to find a solution so i thought it might be easier to ask an expert... This is my site design in dreamweaver... click here to see dreamweaver image It looks fine when i use firefox but for some reason in internet explorer it doesn't seem to like me using tables and moves the table right down the page leaving a big gap between the header and the table information.... click here to see in i.e. If anyone has any suggestions how I can fix this it would be much appreciated and save me a lot of headaches. Thanks Adam I used code below to play mp3. Explorer can not play mp3 but mozilla can. What is problem? < A HREF = "MYMP3.MP3".....> OR, <EMBED SRC= "MYMP3.MP3" ...> i made a website and everything looks good on it when i view it in firefox but when i use explorer some of the images wont show up, just has the red x in the corner. any suggestions whats goin on? Hi Guys, Would it be possible if someone could take a quick look at this website using Explorer (Safari, Omniweb, Firefox, Netscape, etc, all seem fine) and let me know why the images don't line up and more importantly, the audio player is playing somone else's songs rather than what is suppose to be there. This only happens with Explorer. If it helps any, this site was created using Dreamweaver MX on a Mac. None of us really know what we're doing but we are trying. http://loudnoize.com Thank you for your time. Very much appreciated.. Adam I also just realized that where ever on the page, shows either a "mapping icon or Named Anchor icon", this is where the pages separate in Explorer. Thanks again... http://loudnoize.com/ie.png A. Hi all, I'm have a problem with my mouse over buttons. They work under FireFox, but they don't with IE, DAMN IE! Can someone take a look at my code? It's about the "BUY", "INFO" and "CONTACT" buttons. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META name="author" content="-">
<META name="copyright" content="© -">
<META name="keywords" content="-">
<META name="date" content="2008-11-11T00:45:00+00:00">
<TITLE>Artmania Art Galleries</TITLE>
<link REL="shortcut icon" HREF="icon.ico" > <!-- Icon in the address bar -->
<SCRIPT TYPE="text/javascript" SRC="rip.js"></SCRIPT> <!-- Anti rip java script -->
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function change_all()
{
parent.main_frame.location="main.php";
parent.right_frame.location="paintings.php";
}
//-->
<!--
function change_buy()
{
parent.main_frame.location="main.php";
parent.right_frame.location="buy.php";
}
//-->
<!--
function change_info()
{
parent.main_frame.location="main.php";
parent.right_frame.location="paintings.php";
}
//-->
<!--
function change_contact()
{
parent.main_frame.location="main.php";
parent.right_frame.location="contact.php";
}
//-->
</script>
<script language="javascript">
function ShowPic(sImage)
{
sImage = sImage ; document.ShowRoom_buy.src = sImage;
}
function ShowPic2(sImage)
{
sImage = sImage ; document.ShowRoom_info.src = sImage;
}
function ShowPic3(sImage)
{
sImage = sImage ; document.ShowRoom_contact.src = sImage;
}
</script>
</HEAD>
<!-- Background color of the webpage -->
<BODY BGCOLOR="#FFFFFF">
<!-- The background image build out of 25 images, put into a TABLE -->
<TABLE ID="TABLE_01" STYLE="position:absolute; top:7px; left:7px; overflow:auto" WIDTH="1000px" HEIGHT="700px" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>
<IMG SRC="images/layout_01.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home"></TD>
<TD>
<IMG SRC="images/layout_02.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home2"></TD>
<TD>
<IMG SRC="images/layout_03.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home3"></TD>
<TD>
<IMG SRC="images/layout_04.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_05.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_06.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_07.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_08.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_09.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_10.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_11.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_12.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_13.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_14.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_15.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_16.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_17.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_18.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_19.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_20.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_21.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_buy" USEMAP="#buy"></TD>
<TD>
<IMG SRC="images/layout_22.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_info" USEMAP="#info"></TD>
<TD>
<IMG SRC="images/layout_23.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_contact" USEMAP="#contact"></TD>
<TD>
<IMG SRC="images/layout_24.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD>
<TD>
<IMG SRC="images/layout_25.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD>
</TR>
</TABLE>
<!-- rectangle links with the coordinates -->
<MAP NAME="home">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="46, 35, 200, 72" href="javascript:change_all()">
</MAP>
<MAP NAME="home2">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 200, 112" href="javascript:change_all()">
</MAP>
<MAP NAME="home3">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 195, 112" href="javascript:change_all()">
</MAP>
<MAP NAME="buy">
<AREA onMouseOver="ShowPic('images/layout2_21.gif')" onmouseout="ShowPic('images/layout_21.gif')" shape="rect" ALT="buy" COORDS="52, 30, 142, 57" href="javascript:change_buy()">
</MAP>
<MAP NAME="info">
<AREA onMouseOver="ShowPic2('images/layout2_22.gif')" onmouseout="ShowPic2('images/layout_22.gif')" shape="rect" ALT="info" COORDS="58, 30, 148, 57" href="javascript:change_info()">
</MAP>
<MAP NAME="contact">
<AREA onMouseOver="ShowPic3('images/layout2_23.gif')" onmouseout="ShowPic3('images/layout_23.gif')" shape="rect" ALT="contact" COORDS="65, 30, 155, 57" href="javascript:change_contact()">
</MAP>
<!-- The FRAMEs where the main text, slogan and paintings are displayed -->
<DIV STYLE="position:absolute; top:187px; left:57px; WIDTH:510px; HEIGHT:230px">
<IFRAME NAME="main_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="230" WIDTH="510" SRC="main.php" ID="main_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:191px; left:617px; WIDTH:315px; HEIGHT:432px">
<IFRAME NAME="right_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="432" WIDTH="315" SRC="paintings.php" ID="right_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:466px; left:60px; WIDTH:499px; HEIGHT:81px">
<IFRAME NAME="slogan_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="81" WIDTH="499" SRC="slogan.php" ID="slogan_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:675px; left:405px; WIDTH:200px; HEIGHT:30px">
<IFRAME NAME="copyright_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="30" WIDTH="200" SRC="copyright.php" ID="copyright_frame"></IFRAME>
</DIV>
</BODY>
</HTML>
http://www.dishonor-elite.com/Trashy/screencap1.jpg if you look at the link it says it all, i paid for someone to code my website and they kinda just left me hanging, so if anyone can help me with this one problem i would be very very thankful, your friend from new orleans, John Ruckler So, I mainly use firefox, and my page looks fine in firefox.. but in Internet explorer there are some issues: heres the code: Code: <div align="center" id=article> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><img src="images/articles/top.jpg"/> </td> </tr> <td width="4px" style="background-image: url(images/articles/left.jpg)"></td> <td width="734px" style="background-image: url(images/articles/middle.jpg)"> <br>Text here.... </td> <td width="4px" style="background-image: url(images/articles/right.jpg)"></td></tr> </table> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/articles/top.jpg"/> </td> </tr></table></div> Basically, I want that set up so I can put text in and the pics are already made to that they tile properly and neatly, that works, except there are spaces between top.jpg and middle.jpg I reused top.jpg on the bottom, cuz it looks the same anyway and it saves bandwidth by reusing the same pic. But theres a space there too, except not in firefox, which is how it is supposed to look. Basically, top.jpg, left.jpg and right.jpg form a border, and middle.jpg is a shade of grey that fades to a darker color, but tiles correctly for the background, while text is displayed there... and it works, except for the spaces between top.jpg and the rest of the places. Thanks for any help! I have a bit of a problem with my site. I'm using CSS for my td backgrounds and in some places it works and in some places it doesn't. I am looking at it using the lastest Internet Explorer. I don't get why it is working in some areas and not in others... I'm wondering if someone can help me out and tell me what I'm doing wrong. Here's my webpage.... http://webtvdeluxe.com/home.php . Use Internet Explorer to view it and you'll see what I mean. Please.... Someone help me Hi I've just published a rough version of a portfolio site that I am trying to put together, http://www.kos-mediadesign.com Everything looks exactly as it should in firefox and safari but in explorer some of by divs are sticking to the sides of there browser resulting in the layout being messed up. Also a div that contains a link to the homepage (on the logo) seems to have disappeared. Can anyone help me? I need this site finished asap. |
|||||||