Código en Tabla

el_tigre · #1 (**permalink**) 09/03/2007, 10:43

Un Saludos amigos, tengo la siguiente duda

tengo un código de un menú superior horizontal cuya efectos lo hacen con Javascrip y los links están en HTML, el asunto es que quise meterlo dentro de una tabla en la fila 2, y en la misma tabla en la fila1, quiero meter mi logo, pero no lo he logrado, ya que el link del menú se muestra por arriba de mi logo y fuera de mi tabla, este es el código

Código HTML:

<head>
<title>mi web</title>
<!-- SmartMenus 6 config and script core files -->
<script type="text/javascript" src="c_config.js"></script>
<script type="text/javascript" src="c_smartmenus.js"></script>
<!-- SmartMenus 6 config and script core files -->

</head>

<body style="margin:0;padding:2em;background:#fff;color:#000;" topmargin="0">



<table width="564" border="1">
  <tr>
    <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="786" height="100" title="banner">
      <param name="movie" value="top.swf" />
      <param name="quality" value="high" />
      <embed src="op.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="786" height="100"></embed>
    </object></td>
  </tr>
  <tr>
    <td><ul id="Menu1" class="MM">
        <li><a href="index.html">Inicio</a></li>
        <li><a>Nosotros</a>
            <ul>
              <li><a href="http://www.smartmenus.org/about/introduction/">Quienes Somos</a></li>
              <li><a href="http://www.smartmenus.org/about/compatibility/">Nuestra Historia</a></li>
              <li><a href="http://www.smartmenus.org/about/vasil-dinkov/">Declaraci&oacute;n de Fe</a></li>
              <li><a href="http://www.smartmenus.org/about/vasil-dinkov/">Fotos</a></li>
            </ul>
        </li>
        <li><a href="http://foro.dcristo/index.php">Foro</a></li>
        <li><a>Recursos</a>
            <ul>
              <li><a href="http://www.smartmenus.org/license/types/">Ilustraciones</a></li>
              <li><a href="http://www.smartmenus.org/license/purchase/">Reflexiones</a></li>
              <li><a href="http://www.smartmenus.org/license/eula/">Art&iacute;culos</a></li>
              <li><a href="http://www.smartmenus.org/license/eula/">Humor</a></li>
              <li><a href="http://www.smartmenus.org/license/eula/">Juegos</a></li>
              <li><a href="http://www.smartmenus.org/license/eula/">Test</a></li>
            </ul>
        </li>
        <li><a>Descargas</a>
            <ul>
              <li><a href="http://www.smartmenus.org/support/email/">M&uacute;sica</a></li>
              <li><a href="http://www.smartmenus.org/forum/">Pr&eacute;dicas</a></li>
              <li><a href="manual.html">Testimonios</a></li>
              <li><a href="manual.html">Pel&iacute;culas</a></li>
              <li><a href="manual.html">V&iacute;deo Clips</a></li>
              <li><a href="manual.html">Libros</a></li>
              <li><a href="manual.html">Otros</a></li>
            </ul>
        </li>
        <li><a>Biblia</a>
            <ul>
              <li><a href="http://www.smartmenus.org/vadikom/about/">Sectas</a></li>
              <li><a href="http://www.smartmenus.org/vadikom/products/">Apolog&eacute;tica</a> </li>
              <li><a href="http://www.smartmenus.org/vadikom/products/">Teolog&iacute;a</a> </li>
              <li><a href="http://www.smartmenus.org/vadikom/products/">Escatolog&iacute;a</a> </li>
              <li><a href="http://www.smartmenus.org/vadikom/products/">Comentarios</a> </li>
              <li><a href="http://www.smartmenus.org/vadikom/products/">Curiosidades</a> </li>
            </ul>
        </li>
        <li><a>Faqs</a>
            <ul>
              <li><a class="NOLINK">Como Subir Archivos</a></li>
              <li><a class="NOLINK">C&oacute;mo Subir Im&aacute;genes</a></li>
              <li><a class="NOLINK">C&oacute;mo Descargar Archivos</a></li>
              <li><a class="NOLINK">C&oacute;mo Descargar V&iacute;deos</a></li>
            </ul>
        </li>
        <li class="NOSEPARATOR"><a href="http://www.smartmenus.org/contact/">Contact</a></li>
      </ul>
    </td>
  </tr>
  <tr>
    <td height="217" bgcolor="#00FF00">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#FFFF00">&nbsp;</td>
  </tr>
</table>
<p align="center">
  <!-- Please leave at least one new line or white space symbol after the closing </ul>
     tag of the root ul element of the menu tree. This will allow the browsers to init
     the menu tree as soon as it is loaded and not wait for the page load event. -->
</p>
</body>
</html>

JavierB · #2 (**permalink**) 09/03/2007, 11:03

Hola el_tigre

¿Y el código JavaScript o un enlace para verlo?

Movido al foro de JavaScript desde Editores Web.

Saludos,

el_tigre · #3 (**permalink**) 09/03/2007, 13:27

Estos son los Script

Código HTML:

// USE WORDWRAP AND MAXIMIZE THE WINDOW TO SEE THIS FILE
c_styles={};c_menus={}; // do not remove this line

// You can remove most comments from this file to reduce the size if you like.




/******************************************************
	(1) GLOBAL SETTINGS
*******************************************************/

c_hideTimeout=500; // 1000==1 second
c_subShowTimeout=300;
c_keepHighlighted=true;
c_findCURRENT=false; // find the item linking to the current page and apply it the CURRENT style class
c_findCURRENTTree=true;
c_overlapControlsInIE=true;
c_rightToLeft=false; // if the menu text should have "rtl" direction (e.g. Hebrew, Arabic)




/******************************************************
	(2) MENU STYLES (CSS CLASSES)
*******************************************************/

// You can define different style classes here and then assign them globally to the menu tree(s)
// in section 3 below or set them to any UL element from your menu tree(s) in the page source


c_imagesPath=""; // path to the directory containing the menu images


c_styles['MM']=[ // MainMenu (the shorter the class name the better)
[
// MENU BOX STYLE
0,		// BorderWidth
'solid',	// BorderStyle (CSS valid values except 'none')
'#8F90C4',	// BorderColor ('color')
0,		// Padding
'#CBCBEF',	// Background ('color','transparent','[image_source]')
'',		// IEfilter (only transition filters work well - not static filters)
''		// Custom additional CSS for the menu box (valid CSS)
],[
// MENU ITEMS STYLE
1,		// BorderWidth
'solid',	// BorderStyle (CSS valid values except 'none')
'solid',	// OVER BorderStyle
'#FFF5C6',	// BorderColor ('color')
'#4d4c76',	// OVER BorderColor
4,		// Padding
'#FFF5C6',	// Background ('color','transparent','[image_source]')
'#CBCBEF',	// OVER Background
'#252455',	// Color
'#000000',	// OVER Color
'12px',		// FontSize (values in CSS valid units - %,em,ex,px,pt)
'verdana,arial,helvetica,sans-serif',	// FontFamily
'bold',		// FontWeight (CSS valid values - 'bold','normal','bolder','lighter','100',...,'900')
'none',		// TextDecoration (CSS valid values - 'none','underline','overline','line-through')
'none',		// OVER TextDecoration
'left',		// TextAlign ('left','center','right','justify')
1,		// ItemsSeparatorSize
'solid',	// ItemsSeparatorStyle (border-style valid values)
'#CBCBEF',	// ItemsSeparatorColor ('color','transparent')
0,		// ItemsSeparatorSpacing
true,			// UseSubMenuImage (true,false)
'[h_arrow.gif]',	// SubMenuImageSource ('[image_source]')
'[h_arrow_over.gif]',	// OverSubMenuImageSource
7,			// SubMenuImageWidth
4,			// SubMenuImageHeight
'10',			// SubMenuImageVAlign ('pixels from item top','middle')
'solid',		// VISITED BorderStyle
'#FFF5C6',		// VISITED BorderColor
'#FFF5C6',		// VISITED Background
'#252455',		// VISITED Color
'none',			// VISITED TextDecoration
'[h_arrow.gif]',	// VISITED SubMenuImageSource
'solid',		// CURRENT BorderStyle
'#CBCBEF',		// CURRENT BorderColor
'#FFFBF0',		// CURRENT Background
'#252455',		// CURRENT Color
'none',			// CURRENT TextDecoration
'[h_arrow.gif]',	// CURRENT SubMenuImageSource
'',		// Custom additional CSS for the items (valid CSS)
'',		// OVER Custom additional CSS for the items (valid CSS)
'',		// CURRENT Custom additional CSS for the items (valid CSS)
''		// VISITED Custom additional CSS for the items (valid CSS)
]];


c_styles['SM']=[ // SubMenus
[
// MENU BOX STYLE
1,		// BorderWidth
'solid',	// BorderStyle (CSS valid values except 'none')
'#4D4C76',	// BorderColor ('color')
3,		// Padding
'#FFF5C6',	// Background ('color','transparent','[image_source]')
'',		// IEfilter (only transition filters work well - not static filters)
''		// Custom additional CSS for the menu box (valid CSS)
],[
// MENU ITEMS STYLE
1,		// BorderWidth
'solid',	// BorderStyle (CSS valid values except 'none')
'solid',	// OVER BorderStyle
'#FFF5C6',	// BorderColor ('color')
'#4D4C76',	// OVER BorderColor
3,		// Padding
'#FFF5C6',	// Background ('color','transparent','[image_source]')
'#CBCBEF',	// OVER Background
'#252455',	// Color
'#000000',	// OVER Color
'12px',		// FontSize (values in CSS valid units - %,em,ex,px,pt)
'verdana,arial,helvetica,sans-serif',	// FontFamily
'normal',	// FontWeight (CSS valid values - 'bold','normal','bolder','lighter','100',...,'900')
'none',		// TextDecoration (CSS valid values - 'none','underline','overline','line-through')
'none',		// OVER TextDecoration
'left',		// TextAlign ('left','center','right','justify')
0,		// ItemsSeparatorSize
'solid',	// ItemsSeparatorStyle (border-style valid values)
'#CBCBEF',	// ItemsSeparatorColor ('color','transparent')
2,		// ItemsSeparatorSpacing
true,			// UseSubMenuImage (true,false)
'[v_arrow.gif]',	// SubMenuImageSource ('[image_source]')
'[v_arrow_over.gif]',	// OverSubMenuImageSource
7,			// SubMenuImageWidth
7,			// SubMenuImageHeight
'7',			// SubMenuImageVAlign ('pixels from item top','middle')
'solid',		// VISITED BorderStyle
'#FFF5C6',		// VISITED BorderColor
'#FFF5C6',		// VISITED Background
'#252455',		// VISITED Color
'none',			// VISITED TextDecoration
'[v_arrow.gif]',	// VISITED SubMenuImageSource
'solid',		// CURRENT BorderStyle
'#CBCBEF',		// CURRENT BorderColor
'#FFFBF0',		// CURRENT Background
'#252455',		// CURRENT Color
'none',			// CURRENT TextDecoration
'[v_arrow.gif]',	// CURRENT SubMenuImageSource
'',		// Custom additional CSS for the items (valid CSS)
'',		// OVER Custom additional CSS for the items (valid CSS)
'',		// CURRENT Custom additional CSS for the items (valid CSS)
''		// VISITED Custom additional CSS for the items (valid CSS)
]];




/******************************************************
	(3) MENU TREE FEATURES
*******************************************************/

// Normally you would probably have just one menu tree (i.e. one main menu with sub menus).
// But you are actually not limited to just one and you can have as many menu trees as you like.
// Just copy/paste a config block below and configure it for another UL element if you like.


c_menus['Menu1']=[ // the UL element with id="Menu1"
[
// MAIN-MENU FEATURES
'horizontal',	// ItemsArrangement ('vertical','horizontal')
'absolute',	// Position ('relative','absolute','fixed')
'2em',		// X Position (values in CSS valid units- px,em,ex)
'2em',		// Y Position (values in CSS valid units- px,em,ex)
false,		// RightToLeft display of the sub menus
false,		// BottomToTop display of the sub menus
0,		// X SubMenuOffset (pixels)
0,		// Y SubMenuOffset
'10em',		// Width (values in CSS valid units - px,em,ex) (matters for main menu with 'vertical' ItemsArrangement only)
'MM',		// CSS Class (one of the defined in section 2)
false		// Open sub-menus onclick (default is onmouseover)
],[
// SUB-MENUS FEATURES
5,		// X SubMenuOffset (pixels)
1,		// Y SubMenuOffset
'auto',		// Width ('auto',values in CSS valid units - px,em,ex)
'100',		// MinWidth ('pixels') (matters/useful if Width is set 'auto')
'300',		// MaxWidth ('pixels') (matters/useful if Width is set 'auto')
'SM',		// CSS Class (one of the defined in section 2)
false		// Open sub-menus onclick (default is onmouseover)
]];

Este es el código c_config.js