newjerzey71

lolits ok i just got a new menuplus i have firefox so it might look different

ohh wow sorrymy question is how to get rid of the large white area to the left of the menu right under the titlehere is the other script <style type="text/css"> /* DEMO CSS */ a{ color:red; text-decoration:none; } body{ font-size:0.8em; text-align:center; background-color:#FF8C00; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; margin:0px; padding:0px; } img{ border:0px; } #mainContainer{ width:760px; margin:0 auto; text-align:left; background-color:#FFF; } #leftContainer{ width:160px; float:left; padding-left:5px; padding-right:5px; height:300px; } #contentContainer{ width:590px; float:left; } .ad{ clear:both; text-align:center; padding:5px; } /* END DEMO CSS */ #dhtmlgoodies_menu{ font-family:arial; /* Font for main menu items */ width:150px; /* Width of main menu */ } #dhtmlgoodies_menu li{ /* Main menu <li> */ list-style-type:none; /* No bullets */ margin:0px; /* No margin - needed for Opera */ } #dhtmlgoodies_menu ul{ margin:0px; /* No <ul> air */ padding:0px; /* No <ul> air */ } #dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */ padding-left:10px; } #dhtmlgoodies_menu li a{ /* Main menu links */ text-decoration:none; /* No underline */ color:#000; /* Black text color */ height:20px; /* 20 pixel height */ line-height:20px; /* 20 pixel height */ vertical-align:middle; /* Align text in the middle */ border:1px solid #000; /* Black border */ background-color:#FAFAFA; /* Light blue background color */ margin:1px; /* A little bit of air */ padding:1px; /* Air between border and text inside */ display:block; } #dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{ color:#FFF; background-color:#317082; } .dhtmlgoodies_subMenu{ visibility:hidden; position:absolute; overflow:hidden; border:1px solid #000; background-color:#FAFAFA; font-family:arial; text-align:left; } .dhtmlgoodies_subMenu ul{ margin:0px; padding:0px; } .dhtmlgoodies_subMenu ul li{ list-style-type:none; margin:0px; padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/ } .dhtmlgoodies_subMenu ul li a{ /* Sub menu items */ white-space:nowrap; /* No line break */ text-decoration:none; /* No underline */ color:#000; /* Black text color */ height:16px; /* 16 pixels height */ line-height:16px; /* 16 pixels height */ padding:1px; /* 1px of "air" inside */ display:block; /* Display as block - you shouldn't change this */ } .dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */ color:#FFF; /* White text */ background-color:#317082; /* Blue background */ } </style> <script type="text/javascript"> /************************************************************************************************************ (C) www.dhtmlgoodies.com, November 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ var timeBeforeAutoHide = 700; // Microseconds to wait before auto hiding menu(1000 = 1 second) var slideSpeed_out = 10; // Steps to move sub menu at a time ( higher = faster) var slideSpeed_in = 10; var slideTimeout_out = 25; // Microseconds between slide steps ( lower = faster) var slideTimeout_in = 10; // Microseconds between slide steps ( lower = faster) var showSubOnMouseOver = true; // false = show sub menu on click, true = show sub menu on mouse over var fixedSubMenuWidth = false; // Width of sub menu items - A number(width in pixels) or false when width should be dynamic var xOffsetSubMenu = 0; // Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu var slideDirection = 'right'; // Slide to left or right ? /* Don't change anything below here */ var activeSubMenuId = false; var activeMainMenuItem = false; var currentZIndex = 1000; var autoHideTimer = 0; var submenuObjArray = new Array(); var okToSlideInSub = new Array(); var subPositioned = new Array(); function stopAutoHide() { autoHideTimer = -1; } function initAutoHide() { autoHideTimer = 0; if(autoHideTimer>=0)autoHide(); } function autoHide() { if(autoHideTimer>timeBeforeAutoHide) { if(activeMainMenuItem){ activeMainMenuItem.className=''; activeMainMenuItem = false; } if(activeSubMenuId){ var obj = document.getElementById('subMenuDiv' + activeSubMenuId); showSub(); } }else{ if(autoHideTimer>=0){ autoHideTimer+=50; setTimeout('autoHide()',50); } } } function getTopPos(inputObj) { var returnValue = inputObj.offsetTop; while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop; return returnValue; } function getLeftPos(inputObj) { var returnValue = inputObj.offsetLeft; while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft; return returnValue; } function showSub() { var subObj = false; if(this && this.tagName){ var numericId = this.parentNode.id.replace(/[^0-9]/g,''); okToSlideInSub[numericId] = false; var subObj = document.getElementById('subMenuDiv' + numericId); if(activeMainMenuItem)activeMainMenuItem.className=''; if(subObj){ if(!subPositioned[numericId]){ if(slideDirection=='right'){ subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px'; }else{ subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px'; } submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,''); subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px'; subPositioned[numericId] = true; } subObj.style.visibility = 'visible'; subObj.style.zIndex = currentZIndex; currentZIndex++; this.className='activeMainMenuItem'; activeMainMenuItem = this; } }else{ var numericId = activeSubMenuId; } if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1)); if(numericId!=activeSubMenuId && this && subObj){ subObj.style.width = '0px'; slideMenu(numericId,slideSpeed_out); activeSubMenuId = numericId; }else{ if(numericId!=activeSubMenuId)activeSubMenuId = false; } if(showSubOnMouseOver)stopAutoHide(); } function slideMenu(menuIndex,speed){ var obj = submenuObjArray[menuIndex]['divObj']; var obj2 = submenuObjArray[menuIndex]['ulObj']; var width = obj.offsetWidth + speed; if(speed<0){ if(width<0)width = 0; obj.style.width = width + 'px'; if(slideDirection=='left'){ obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px'; obj2.style.left = '0px'; }else{ obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' } if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{ obj.style.visibility = 'hidden'; obj.style.width = '0px'; if(activeSubMenuId==menuIndex)activeSubMenuId=false; } }else{ if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width']; if(slideDirection=='left'){ obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px'; obj2.style.left = '0px'; }else{ obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' } obj.style.width = width + 'px'; if(width<submenuObjArray[menuIndex]['width']){ setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out); }else{ okToSlideInSub[menuIndex] = true; } } } function resetPosition() { subPositioned.length = 0; } function initLeftMenu() { var menuObj = document.getElementById('dhtmlgoodies_menu'); var mainMenuItemArray = new Array(); var mainMenuItem = menuObj.getElementsByTagName('LI')[0]; while(mainMenuItem){ if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){ mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem; var aTag = mainMenuItem.getElementsByTagName('A')[0]; if(showSubOnMouseOver) aTag.onmouseover = showSub; else aTag.onclick = showSub; } mainMenuItem = mainMenuItem.nextSibling; } var lis = menuObj.getElementsByTagName('A'); for(var no=0;no<lis.length;no++){ if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide; lis[no].onmouseout = initAutoHide; lis[no].onmousemove = stopAutoHide; } for(var no=0;no<mainMenuItemArray.length;no++){ var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0]; if(sub){ mainMenuItemArray[no].id = 'mainMenuItem' + (no+1); var div = document.createElement('DIV'); div.className='dhtmlgoodies_subMenu'; document.body.appendChild(div); div.appendChild(sub); if(slideDirection=='right'){ div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px'; }else{ div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px'; } div.style.top = getTopPos(mainMenuItemArray[no]) + 'px'; div.id = 'subMenuDiv' + (no+1); sub.id = 'submenuUl' + (no+1); sub.style.position = 'relative'; if(navigator.userAgent.indexOf('Opera')>=0){ submenuObjArray[no+1] = new Array(); submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no]; submenuObjArray[no+1]['divObj'] = div; submenuObjArray[no+1]['ulObj'] = sub; submenuObjArray[no+1]['width'] = sub.offsetWidth; submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,''); } sub.style.left = 1 - sub.offsetWidth + 'px'; if(document.all)div.style.width = '1px'; if(navigator.userAgent.indexOf('Opera')<0){ submenuObjArray[no+1] = new Array(); submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no]; submenuObjArray[no+1]['divObj'] = div; submenuObjArray[no+1]['ulObj'] = sub; submenuObjArray[no+1]['width'] = sub.offsetWidth; submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,''); if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth; } if(!document.all)div.style.width = '1px'; } } menuObj.style.visibility = 'visible'; window.onresize = resetPosition; } window.onload = initLeftMenu; </script>

So my first day here and so many problems (well this is the second today)question- I got a script off of a website for a menu and a large white box is there (for text im guessing) and i cant get rid of it here is a link to the site (you'll see the white area on here)( none of the links are up yet either so dont click them) HERE IS THE SITE <style type="text/css"> /* DEMO CSS */ a{ color:red; text-decoration:none; } body{ font-size:0.8em; text-align:center; background-color:#FF8C00; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; margin:0px; padding:0px; } img{ border:0px; } #mainContainer{ width:760px; margin:0 auto; text-align:left; background-color:#FFF; } #leftContainer{ width:160px; float:left; padding-left:5px; padding-right:5px; height:300px; } #contentContainer{ width:590px; float:left; } .ad{ clear:both; text-align:center; padding:5px; } /* END DEMO CSS */ #dhtmlgoodies_menu{ font-family:arial; /* Font for main menu items */ width:150px; /* Width of main menu */ } #dhtmlgoodies_menu li{ /* Main menu <li> */ list-style-type:none; /* No bullets */ margin:0px; /* No margin - needed for Opera */ } #dhtmlgoodies_menu ul{ margin:0px; /* No <ul> air */ padding:0px; /* No <ul> air */ } #dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */ padding-left:10px; } #dhtmlgoodies_menu li a{ /* Main menu links */ text-decoration:none; /* No underline */ color:#000; /* Black text color */ height:20px; /* 20 pixel height */ line-height:20px; /* 20 pixel height */ vertical-align:middle; /* Align text in the middle */ border:1px solid #000; /* Black border */ background-color:#FAFAFA; /* Light blue background color */ margin:1px; /* A little bit of air */ padding:1px; /* Air between border and text inside */ display:block; } #dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{ color:#FFF; background-color:#317082; } .dhtmlgoodies_subMenu{ visibility:hidden; position:absolute; overflow:hidden; border:1px solid #000; background-color:#FAFAFA; font-family:arial; text-align:left; } .dhtmlgoodies_subMenu ul{ margin:0px; padding:0px; } .dhtmlgoodies_subMenu ul li{ list-style-type:none; margin:0px; padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/ } .dhtmlgoodies_subMenu ul li a{ /* Sub menu items */ white-space:nowrap; /* No line break */ text-decoration:none; /* No underline */ color:#000; /* Black text color */ height:16px; /* 16 pixels height */ line-height:16px; /* 16 pixels height */ padding:1px; /* 1px of "air" inside */ display:block; /* Display as block - you shouldn't change this */ } .dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */ color:#FFF; /* White text */ background-color:#317082; /* Blue background */ } </style> <script type="text/javascript"> /************************************************************************************************************ (C) www.dhtmlgoodies.com, November 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ var timeBeforeAutoHide = 700; // Microseconds to wait before auto hiding menu(1000 = 1 second) var slideSpeed_out = 10; // Steps to move sub menu at a time ( higher = faster) var slideSpeed_in = 10; var slideTimeout_out = 25; // Microseconds between slide steps ( lower = faster) var slideTimeout_in = 10; // Microseconds between slide steps ( lower = faster) var showSubOnMouseOver = true; // false = show sub menu on click, true = show sub menu on mouse over var fixedSubMenuWidth = false; // Width of sub menu items - A number(width in pixels) or false when width should be dynamic var xOffsetSubMenu = 0; // Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu var slideDirection = 'right'; // Slide to left or right ? /* Don't change anything below here */ var activeSubMenuId = false; var activeMainMenuItem = false; var currentZIndex = 1000; var autoHideTimer = 0; var submenuObjArray = new Array(); var okToSlideInSub = new Array(); var subPositioned = new Array(); function stopAutoHide() { autoHideTimer = -1; } function initAutoHide() { autoHideTimer = 0; if(autoHideTimer>=0)autoHide(); } function autoHide() { if(autoHideTimer>timeBeforeAutoHide) { if(activeMainMenuItem){ activeMainMenuItem.className=''; activeMainMenuItem = false; } if(activeSubMenuId){ var obj = document.getElementById('subMenuDiv' + activeSubMenuId); showSub(); } }else{ if(autoHideTimer>=0){ autoHideTimer+=50; setTimeout('autoHide()',50); } } } function getTopPos(inputObj) { var returnValue = inputObj.offsetTop; while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop; return returnValue; } function getLeftPos(inputObj) { var returnValue = inputObj.offsetLeft; while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft; return returnValue; } function showSub() { var subObj = false; if(this && this.tagName){ var numericId = this.parentNode.id.replace(/[^0-9]/g,''); okToSlideInSub[numericId] = false; var subObj = document.getElementById('subMenuDiv' + numericId); if(activeMainMenuItem)activeMainMenuItem.className=''; if(subObj){ if(!subPositioned[numericId]){ if(slideDirection=='right'){ subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px'; }else{ subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px'; } submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,''); subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px'; subPositioned[numericId] = true; } subObj.style.visibility = 'visible'; subObj.style.zIndex = currentZIndex; currentZIndex++; this.className='activeMainMenuItem'; activeMainMenuItem = this; } }else{ var numericId = activeSubMenuId; } if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1)); if(numericId!=activeSubMenuId && this && subObj){ subObj.style.width = '0px'; slideMenu(numericId,slideSpeed_out); activeSubMenuId = numericId; }else{ if(numericId!=activeSubMenuId)activeSubMenuId = false; } if(showSubOnMouseOver)stopAutoHide(); } function slideMenu(menuIndex,speed){ var obj = submenuObjArray[menuIndex]['divObj']; var obj2 = submenuObjArray[menuIndex]['ulObj']; var width = obj.offsetWidth + speed; if(speed<0){ if(width<0)width = 0; obj.style.width = width + 'px'; if(slideDirection=='left'){ obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px'; obj2.style.left = '0px'; }else{ obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' } if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{ obj.style.visibility = 'hidden'; obj.style.width = '0px'; if(activeSubMenuId==menuIndex)activeSubMenuId=false; } }else{ if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width']; if(slideDirection=='left'){ obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px'; obj2.style.left = '0px'; }else{ obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' } obj.style.width = width + 'px'; if(width<submenuObjArray[menuIndex]['width']){ setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out); }else{ okToSlideInSub[menuIndex] = true; } } } function resetPosition() { subPositioned.length = 0; } function initLeftMenu() { var menuObj = document.getElementById('dhtmlgoodies_menu'); var mainMenuItemArray = new Array(); var mainMenuItem = menuObj.getElementsByTagName('LI')[0]; while(mainMenuItem){ if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){ mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem; var aTag = mainMenuItem.getElementsByTagName('A')[0]; if(showSubOnMouseOver) aTag.onmouseover = showSub; else aTag.onclick = showSub; } mainMenuItem = mainMenuItem.nextSibling; } var lis = menuObj.getElementsByTagName('A'); for(var no=0;no<lis.length;no++){ if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide; lis[no].onmouseout = initAutoHide; lis[no].onmousemove = stopAutoHide; } for(var no=0;no<mainMenuItemArray.length;no++){ var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0]; if(sub){ mainMenuItemArray[no].id = 'mainMenuItem' + (no+1); var div = document.createElement('DIV'); div.className='dhtmlgoodies_subMenu'; document.body.appendChild(div); div.appendChild(sub); if(slideDirection=='right'){ div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px'; }else{ div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px'; } div.style.top = getTopPos(mainMenuItemArray[no]) + 'px'; div.id = 'subMenuDiv' + (no+1); sub.id = 'submenuUl' + (no+1); sub.style.position = 'relative'; if(navigator.userAgent.indexOf('Opera')>=0){ submenuObjArray[no+1] = new Array(); submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no]; submenuObjArray[no+1]['divObj'] = div; submenuObjArray[no+1]['ulObj'] = sub; submenuObjArray[no+1]['width'] = sub.offsetWidth; submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,''); } sub.style.left = 1 - sub.offsetWidth + 'px'; if(document.all)div.style.width = '1px'; if(navigator.userAgent.indexOf('Opera')<0){ submenuObjArray[no+1] = new Array(); submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no]; submenuObjArray[no+1]['divObj'] = div; submenuObjArray[no+1]['ulObj'] = sub; submenuObjArray[no+1]['width'] = sub.offsetWidth; submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,''); if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth; } if(!document.all)div.style.width = '1px'; } } menuObj.style.visibility = 'visible'; window.onresize = resetPosition; } window.onload = initLeftMenu; </script> <div id="mainContainer"> <div id="topBar"> <a href="http://dhtmlgoodies.com"><img src="http://www.dhtmlgoodies.com/images/heading3.gif"></a> </div> <div id="leftContainer"> <!--- START MENU HTML --> <div id="dhtmlgoodies_menu"> <ul> <li><a href="#">New scripts</a> <ul> <li><a href="#">Slide out menu</a></li> <li><a href="#">Content organizer</a></li> <li><a href="#">Slide in pane</a></li> <li><a href="#">Chess widget</a></li> <li><a href="#">Color picker</a></li> </ul> </li> <li><a href="#">Updated scripts</a> <ul> <li><a href="#">Calendar script</a></li> <li><a href="#">Tab menu</a></li> <li><a href="#">DHTML menu</a></li> <li><a href="#">Slide in pane</a></li> </ul> </li> <li><a href="#">Support us</a> <ul> <li><a href="#">Link to us</a></li> <li><a href="#">Recommend us</a></li> <li><a href="#">Donate</a></li> </ul> </li> <li><a href="#">Forum</a> <ul> <li><a href="#">Topic one</a></li> <li><a href="#">Topic two</a></li> <li><a href="#">Topic three</a></li> </ul> </li> <li><a href="#">Contact us</a> <ul> <li><a href="#">Support</a></li> <li><a href="#">Feedback</a></li> <li><a href="#">Submit a script</a></li> </ul> </li> <li><a href="#">The end(no subs)</a></li> </ul> </div> <!-- END MENU HTML--> </div> <div id="contentcontainer"> This is a menu based on an unordered list. You use HTML to build your menu. That makes the menu friendly to search engines. </div></div>

thanksi just searched right after I did this topic (i forgot to search do'h)

im new to html/ javascriptim not sure if this is the right forum area to ask this questionquestion- "how do i make the submit button for a form send to my email?" also if i cant do that where do i have the info located to and how