|
|
|
|
![]() ![]() |
May 15 2007, 06:22 AM
Post
#1
|
|
|
Super Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED] Posts: 340 Joined: 29-April 07 Member No.: 42,353 |
I am not sure if this is the correct section, but this is related to HTML.
I have some menus at the top of my forum, which work perfectly in Firefox. But my members started complaining that they were not working correctly, and when I tested it in Internet Explorer, I found that only two of the menus show up, and the others show up as plain text below. Here is a screenshot of what the menus look like in the two browsers: ![]() I have thought of something though. The HTML i used for my menus was the only code I could find for to make some menus. But I noticed that this forum uses a different code, obviously, so if I knew how the menus were made on this forum, I could use them on mine and then the menus would come up properly for everyone. Thats only a suggestion... I really need to know how to fix this. According to the statistics of my forum, 47.6 % of the visitors use Internet Explorer. I will be losing members because of this. The main content is within the menus that do not show up. Can anyone help me? |
|
|
|
May 15 2007, 12:37 PM
Post
#2
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing. ![]() Group: [MODERATOR] Posts: 4,083 Joined: 24-July 05 From: Linix, DOS and Windows…the good, the bad and the ugly Member No.: 9,787 ![]() |
Can you post some code for us to look at please.
And a link to your site Forum so we can do a view source. Thanks. |
|
|
|
May 15 2007, 04:30 PM
Post
#3
|
|
|
Ephesians 6:10-17 ![]() Group: [MODERATOR] Posts: 1,918 Joined: 22-June 05 From: The World of Gentoo Member No.: 8,528 |
This problem is usually caused by the importing of the CSS—it's happened to me a lot. You can do two of the following to try and fix this:
|
|
|
|
May 18 2007, 07:54 AM
Post
#4
|
|
|
Super Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED] Posts: 340 Joined: 29-April 07 Member No.: 42,353 |
Ok, thank you for your replies, but i'm still a bit confused.
Here is the HTML part for the menus, from my forum. CODE <!--ipb.javascript.start--> <script type="text/javascript"> //<![CDATA[ var ipb_var_st = "{$this->ipsclass->input['st']}"; var ipb_lang_tpl_q1 = "{$this->ipsclass->lang['tpl_q1']}"; var ipb_var_s = "{$this->ipsclass->session_id}"; var ipb_var_phpext = "{$this->ipsclass->vars['php_ext']}"; var ipb_var_base_url = "{$this->ipsclass->js_base_url}"; var ipb_var_image_url = "{$this->ipsclass->vars['img_url']}"; var ipb_input_f = "{$this->ipsclass->input['f']}"; var ipb_input_t = "{$this->ipsclass->input['t']}"; var ipb_input_p = "{$this->ipsclass->input['p']}"; var ipb_var_cookieid = "{$this->ipsclass->vars['cookie_id']}"; var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}"; var ipb_var_cookie_path = "{$this->ipsclass->vars['cookie_path']}"; var ipb_md5_check = "{$this->ipsclass->md5_check}"; var ipb_new_msgs = {$this->ipsclass->member['new_msg']}; var use_enhanced_js = {$this->ipsclass->can_use_fancy_js}; var use_charset = "{$this->ipsclass->vars['gb_char_set']}"; var ipb_myass_chars_lang = "{$this->ipsclass->lang['myass_chars']}"; var ajax_load_msg = "{$this->ipsclass->lang['ajax_loading_msg_new']}"; //]]> </script> <script type="text/javascript" src='jscripts/ips_ipsclass.js'></script> <script type="text/javascript" src='jscripts/ipb_global.js'></script> <script type="text/javascript" src='jscripts/ips_menu.js'></script> <script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script> <script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script> <script type="text/javascript"> //<![CDATA[ var ipsclass = new ipsclass(); ipsclass.init(); ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" ); ipsclass.settings['resize_percent'] = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" ); //]]> </script> <!--ipb.javascript.end--> <table align="center" style="border-collapse: collapse;width: 100%"> <tr> <td valign="top" style="padding: 0;background-image: url(style_images/<#IMG_DIR#>/bar_l_bg.gif);width: 45px"><img src="style_images/<#IMG_DIR#>/bar_l_top.gif" alt="" /></td> <td valign="top" style="padding: 0"> <div id="ipbwrapper"> <div id="logostrip"><img src="style_images/<#IMG_DIR#>/logostrip_l.gif" alt="" /></div> <div id="submenu-shell" align="left"> <ul id="submenu"> [color="#FF0000"] <li class="off"><a href="http://rmxpunlimited.trap17.com/">Home<span class="bottom">Home</span></a></li> <div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '110px')" onMouseout="delayhidemenu()">Main<span class="bottom">Main</span></a></li></div> <div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '120px')" onMouseout="delayhidemenu()">RPG Maker XP<span class="bottom">RPG Maker XP</span></a></li></div> <div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '110px')" onMouseout="delayhidemenu()">Community<span class="bottom">Community</span></a></li></div> <div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '110px')" onMouseout="delayhidemenu()">Entertainment<span class="bottom">Entertainment</span></a></li></div> [/color] </ul> </div> <div style="padding: 5px"> <div id="ipbwrapper2"> <div class="b-middle"><div class="b-left"><img src="style_images/<#IMG_DIR#>/border_top_l.gif" alt="" /></div><div class="b-right"><img src="style_images/<#IMG_DIR#>/border_top_r.gif" alt="" /></div></div> <div id="ipbwrapper3"> <div class="borderwrap"> <div class="maintitle"> </div> <div id="userlinks"><p style="float: left"><!--ipb.leftlinks.start--><strong><em> <if="$this->ipsclass->vars['home_url']"> <a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a> </if> <if="$this->ipsclass->vars['csite_on']"> · <a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a> </if> <!--IBF.RULES--><!--ipb.leftlinks.end--></em></strong></p><p> <strong><em><!--ipb.rightlinks.start--><if="component_links != """> {$component_links} </if> <a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a> · <a href="{$this->ipsclass->base_url}act=Search">{$this->ipsclass->lang['tb_search']}</a> · <a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a> · <a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></em></strong> <!--ipb.rightlinks.end--> </p></div><if="$this->ipsclass->can_use_fancy_js != 0"> <script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script> <script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script> <script type="text/javascript" src='jscripts/dom-drag.js'></script> <div id='get-myassistant' style='display:none;width:400px;text-align:left;'> <div class="borderwrap"> <div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'> <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div> <div>{$this->ipsclass->lang['myass_title']}</div> </div> <div id='myass-content' style='overflow-x:auto;'></div> </div> </div> <!-- Loading Layer --> <div id='loading-layer' style='display:none'> <div id='loading-layer-shadow'> <div id='loading-layer-inner'> <img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' /> <span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span> </div> </div> </div> <!-- / Loading Layer --> <!-- Msg Layer --> <div id='ipd-msg-wrapper'> <div id='ipd-msg-title'> <a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a> <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong> </div> <div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div> </div> <!-- Msg Layer --> </if> <!-- / End board header --> And here's the link to my forum: http://rmxpunlimited.trap17.com/forums QUOTE * Don't import the CSS. * Have a PHP script detect which browser is being used, then replace that area with a JavaScript mouseover effect. I'm not really sure about any of this. Sorry, I am not very experienced. If it is easier, like I suggested before, if there is an alternate drop down menu for IPB that I could use, that would be easier to use. |
|
|
|
May 21 2007, 07:37 AM
Post
#5
|
|
|
Super Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED] Posts: 340 Joined: 29-April 07 Member No.: 42,353 |
I apologize for the double post, but I have solved the problem. I moderator can now lock this topic.
The problem was this line of code here: CODE <li class="off"><a href="http://rmxpunlimited.trap17.com/">Home<span class="bottom">Home</span></a></li> After I removed that line, the menus show up fine. Visit my forum in IE, the menus work great. Infact, I think they were designed for IE, ironically. Thank you guys for all the support. |
|
|
|
![]() ![]() |
Similar Topics
|
Lo-Fi Version | Time is now: 13th October 2008 - 11:38 AM |