Perl en Español
  1. Home
  2. Tutoriales
  3. Foro
  4. Artículos
  5. Donativos
  6. Publicidad
 
Índice general » Otros Temas » HTML » Problema con Firefox y una tabla Responder al tema
Nuevo tema


Página 1 de 1  [ 2 mensajes ] 
  Imprimir vista
Nota 2008-07-30 21:47 @949
tricopablo1Desconectado
Perlero Nuevo 		Registrado: 2008-07-30 21:29 @937
Mensajes: 1
Problema con Firefox y una tabla
Buenas, soy nuevo en este foro. Espero puedan ayudarme.
Estoy haciendo una página que tiene 3 frames horizontales, 1 para un cabezal, el segundo para una botonera y el tercero para mostrar contenidos.
El tema está en la botonera, ya que ésta está hecha en Fireworks 8 y luego lo centré en Frontpage. El tema es que en IE se ve bien de bien centrada y en su lugar en Firefox se ve alineada a la izquierda y más abajo de lo marcado, no sé la verdad cómo arreglar esto. Espero me puedan ayudar. Les paso el código del archivo menu.htm:

Syntax: [ Download ] [ Hide ]
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
  2. <!-- saved from url=(0014)about:internet --> 
  3. <html> 
  4. <head> 
  5. <title>menu.png</title> 
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  7. <!--Fireworks 8 Dreamweaver 8 target. Created Wed Jul 30 23:09:42 GMT-0300 2008--> 
  8. <script language="JavaScript"> 
  9. <!-- 
  10. function MM_findObj(n, d) { //v4.01 
  11. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
  12. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
  13. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
  14. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  15. if(!x && d.getElementById) x=d.getElementById(n); return x; 
  16. } 
  17. function MM_nbGroup(event, grpName) { //v6.0 
  18. var i,img,nbArr,args=MM_nbGroup.arguments; 
  19. if (event == "init" && args.length > 2) { 
  20. if ((img = MM_findObj(args[2])) != null && !img.MM_init) { 
  21. img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; 
  22. if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); 
  23. nbArr[nbArr.length] = img; 
  24. for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { 
  25. if (!img.MM_up) img.MM_up = img.src; 
  26. img.src = img.MM_dn = args[i+1]; 
  27. nbArr[nbArr.length] = img; 
  28. } } 
  29. } else if (event == "over") { 
  30. document.MM_nbOver = nbArr = new Array(); 
  31. for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { 
  32. if (!img.MM_up) img.MM_up = img.src; 
  33. img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up); 
  34. nbArr[nbArr.length] = img; 
  35. } 
  36. } else if (event == "out" ) { 
  37. for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } 
  38. } else if (event == "down") { 
  39. nbArr = document[grpName]; 
  40. if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } 
  41. document[grpName] = nbArr = new Array(); 
  42. for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { 
  43. if (!img.MM_up) img.MM_up = img.src; 
  44. img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; 
  45. nbArr[nbArr.length] = img; 
  46. } } 
  47. } 
  48.  
  49. function MM_preloadImages() { //v3.0 
  50. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
  51. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
  52. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
  53. } 
  54.  
  55. //--> 
  56. </script> 
  57. <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script> 
  58. <style type="text/css" media="screen"> 
  59. td img { 
  60. /* Another Mozilla/Netscape bug with making sure our images display correctly */ 
  61. display: block; 
  62. } 
  63.  
  64. #FWTableContainer869237267 { 
  65. /* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */ 
  66. position:relative; 
  67. margin:0px; 
  68. width:690px; 
  69. height:600px; 
  70. text-align:left; 
  71. } 
  72.  
  73. #MMMenuContainer0726202617_0 { 
  74. /* This ID is related to the master menu div for menu MMMenuContainer0726202617_0 and contains the important positioning information for the menu as a whole */ 
  75. position:absolute; 
  76. left:294px; 
  77. top:36px; 
  78. visibility:hidden; 
  79. z-index:300; 
  80. } 
  81.  
  82. #MMMenu0726202617_0 { 
  83. /* This class defines things about menu MMMenu0726202617_0's div. */ 
  84. position:absolute; 
  85. left:0px; 
  86. top:0px; 
  87. visibility:hidden; 
  88. background-color:#555555; 
  89. width:110px; 
  90. height:19px; 
  91. } 
  92.  
  93. .MMMIFHStyleMMMenu0726202617_0 { 
  94. /* This class determines the general characteristics of the menu items in menu MMMenu0726202617_0 */ 
  95. width:55px; 
  96. height:19px; 
  97. voice-family: "\"}\""; 
  98. voice-family:inherit; 
  99. width:49px; 
  100. height:13px; 
  101. } 
  102.  
  103. .MMMIHStyleMMMenu0726202617_0 { 
  104. /* This class determines the general characteristics of the menu items in menu MMMenu0726202617_0 */ 
  105. width:55px; 
  106. height:19px; 
  107. voice-family: "\"}\""; 
  108. voice-family:inherit; 
  109. width:49px; 
  110. height:13px; 
  111. } 
  112.  
  113. #MMMenu0726202617_0_Item_0 { 
  114. /* Unique ID for item 0 of menu MMMenu0726202617_0 so we can set its position */ 
  115. left:0px; 
  116. top:0px; 
  117. } 
  118.  
  119. #MMMenu0726202617_0_Item_1 { 
  120. /* Unique ID for item 1 of menu MMMenu0726202617_0 so we can set its position */ 
  121. left:55px; 
  122. top:0px; 
  123. } 
  124.  
  125. #MMMenuContainer0726202617_0 img { 
  126. /* needed for Mozilla/Camino/Netscape */ 
  127. border:0px; 
  128. } 
  129.  
  130. #MMMenuContainer0726202617_0 a { 
  131. /* Controls the general apperance for menu MMMenuContainer0726202617_0's items, including color and font */ 
  132. text-decoration:none; 
  133. font-family:Verdana, Arial, Helvetica, sans-serif; 
  134. font-size:9px; 
  135. color:#ffffff; 
  136. text-align:left; 
  137. vertical-align:middle; 
  138. padding:3px; 
  139. background: #009966 url('img/mmmenu2_55x19_up.gif'); 
  140. font-weight:bold; 
  141. font-style:normal; 
  142. display:block; 
  143. position:absolute 
  144. } 
  145.  
  146. #MMMenuContainer0726202617_0 a:hover { 
  147. /* Controls the mouse over effects for menu MMMenuContainer0726202617_0 */ 
  148. color:#ffffff; 
  149. background: #0066ff url('img/mmmenu2_55x19_over.gif'); 
  150. } 
  151. #MMMenuContainer0724170845_0 { 
  152. /* This ID is related to the master menu div for menu MMMenuContainer0724170845_0 and contains the important positioning information for the menu as a whole */ 
  153. position:absolute; 
  154. left:432px; 
  155. top:36px; 
  156. visibility:hidden; 
  157. z-index:300; 
  158. } 
  159.  
  160. #MMMenu0724170845_0 { 
  161. /* This class defines things about menu MMMenu0724170845_0's div. */ 
  162. position:absolute; 
  163. left:0px; 
  164. top:0px; 
  165. visibility:hidden; 
  166. background-color:#555555; 
  167. width:165px; 
  168. height:19px; 
  169. } 
  170.  
  171. .MMMIFHStyleMMMenu0724170845_0 { 
  172. /* This class determines the general characteristics of the menu items in menu MMMenu0724170845_0 */ 
  173. width:55px; 
  174. height:19px; 
  175. voice-family: "\"}\""; 
  176. voice-family:inherit; 
  177. width:49px; 
  178. height:13px; 
  179. } 
  180.  
  181. .MMMIHStyleMMMenu0724170845_0 { 
  182. /* This class determines the general characteristics of the menu items in menu MMMenu0724170845_0 */ 
  183. width:55px; 
  184. height:19px; 
  185. voice-family: "\"}\""; 
  186. voice-family:inherit; 
  187. width:49px; 
  188. height:13px; 
  189. } 
  190.  
  191. #MMMenu0724170845_0_Item_0 { 
  192. /* Unique ID for item 0 of menu MMMenu0724170845_0 so we can set its position */ 
  193. left:0px; 
  194. top:0px; 
  195. } 
  196.  
  197. #MMMenu0724170845_0_Item_1 { 
  198. /* Unique ID for item 1 of menu MMMenu0724170845_0 so we can set its position */ 
  199. left:55px; 
  200. top:0px; 
  201. } 
  202.  
  203. #MMMenu0724170845_0_Item_2 { 
  204. /* Unique ID for item 2 of menu MMMenu0724170845_0 so we can set its position */ 
  205. left:110px; 
  206. top:0px; 
  207. } 
  208.  
  209. #MMMenuContainer0724170845_0 img { 
  210. /* needed for Mozilla/Camino/Netscape */ 
  211. border:0px; 
  212. } 
  213.  
  214. #MMMenuContainer0724170845_0 a { 
  215. /* Controls the general apperance for menu MMMenuContainer0724170845_0's items, including color and font */ 
  216. text-decoration:none; 
  217. font-family:Verdana, Arial, Helvetica, sans-serif; 
  218. font-size:9px; 
  219. color:#ffffff; 
  220. text-align:left; 
  221. vertical-align:middle; 
  222. padding:3px; 
  223. background: #009966 url('img/mmmenu1_55x19_up.gif'); 
  224. font-weight:bold; 
  225. font-style:normal; 
  226. display:block; 
  227. position:absolute 
  228. } 
  229.  
  230. #MMMenuContainer0724170845_0 a:hover { 
  231. /* Controls the mouse over effects for menu MMMenuContainer0724170845_0 */ 
  232. color:#ffffff; 
  233. background: #0066ff url('img/mmmenu1_55x19_over.gif'); 
  234. } 
  235. </style> 
  236. </head> 
  237. <body bgcolor="#3068d5" onLoad="MM_preloadImages('img/inicio_f2.png','img/inicio_f4.png','img/inicio_f3.png','img/biografia_f2.png','img/biografia_f4.png','img/biografia_f3.png','img/toques_f2.png','img/toques_f4.png','img/toques_f3.png','img/multimedia_f2.png','img/multimedia_f4.png','img/multimedia_f3.png','img/contactos_f2.png','img/contactos_f4.png','img/contactos_f3.png');" style="text-align: center"> 
  238. <div id="FWTableContainer869237267"> 
  239. <table bgcolor="#3068d5" border="0" cellpadding="0" cellspacing="0" width="690"> 
  240. <!-- fwtable fwsrc="Sin título-1.png" fwbase="menu.png" fwstyle="Dreamweaver" fwdocid = "869237267" fwnested="0" --> 
  241. <tr> 
  242. <td> 
  243. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  244. <td> 
  245. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  246. <td> 
  247. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  248. <td> 
  249. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  250. <td> 
  251. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  252. <td> 
  253. <p align="center"><img src="img/spacer.gif" border="0" alt="" width="1" height="1"></td> 
  254. </tr> 
  255.  
  256. <tr> 
  257. <td> 
  258. <p align="center"><img name="inicio" src="img/inicio.png" width="138" height="55" border="0" usemap="#m_inicio" alt=""></td> 
  259. <td> 
  260. <p align="center"><img name="biografia" src="img/biografia.png" width="138" height="55" border="0" usemap="#m_biografia" alt=""></td> 
  261. <td> 
  262. <p align="center"><img name="toques" src="img/toques.png" width="138" height="55" border="0" usemap="#m_toques" alt=""></td> 
  263. <td> 
  264. <p align="center"><img name="multimedia" src="img/multimedia.png" width="138" height="55" border="0" usemap="#m_multimedia" alt=""></td> 
  265. <td> 
  266. <p align="center"><img name="contactos" src="img/contactos.png" width="138" height="55" border="0" usemap="#m_contactos" alt=""></td> 
  267. <td> 
  268. <p align="center"><img src="img/spacer.gif" width="1" height="55" border="0" alt=""></td> 
  269. </tr> 
  270. <tr> 
  271. <td colspan="5" bgcolor="#3068d5"> 
  272. <p align="center"><img src="img/spacer.gif" width="690" height="545" border="0" alt=""></td> 
  273. <td> 
  274. <p align="center"><img src="img/spacer.gif" width="1" height="545" border="0" alt=""></td> 
  275. </tr> 
  276. <map name="m_inicio"> 
  277. <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="inicio.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','inicio','img/inicio_f2.png','img/inicio_f4.png',1);" onClick="MM_nbGroup('down','navbar1','inicio','img/inicio_f3.png',1);" > 
  278. </map> 
  279. <map name="m_biografia"> 
  280. <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="bio.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','biografia','img/biografia_f2.png','img/biografia_f4.png',1);" onClick="MM_nbGroup('down','navbar1','biografia','img/biografia_f3.png',1);" > 
  281. </map> 
  282. <map name="m_toques"> 
  283. <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="toque.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');MM_menuStartTimeout(1000);" onMouseOver="MM_menuShowMenu('MMMenuContainer0726202617_0', 'MMMenu0726202617_0',19,36,'toques');MM_nbGroup('over','toques','img/toques_f2.png','img/toques_f4.png',1);" onClick="MM_nbGroup('down','navbar1','toques','img/toques_f3.png',1);" > 
  284. </map> 
  285. <map name="m_multimedia"> 
  286. <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="javascript:;" target="contenido" alt="" onMouseOut="MM_nbGroup('out');MM_menuStartTimeout(1000);" onMouseOver="MM_menuShowMenu('MMMenuContainer0724170845_0', 'MMMenu0724170845_0',19,36,'multimedia');MM_nbGroup('over','multimedia','img/multimedia_f2.png','img/multimedia_f4.png',1);" onClick="MM_nbGroup('down','navbar1','multimedia','img/multimedia_f3.png',1);" > 
  287. </map> 
  288. <map name="m_contactos"> 
  289. <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="con.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','contactos','img/contactos_f2.png','img/contactos_f4.png',1);" onClick="MM_nbGroup('down','navbar1','contactos','img/contactos_f3.png',1);" > 
  290. </map> 
  291. </table> 
  292. <div id="MMMenuContainer0726202617_0"> 
  293. <div id="MMMenu0726202617_0" onMouseOut="MM_menuStartTimeout(1000);" onMouseOver="MM_menuResetTimeout();"> 
  294. <p style="text-align: center"> 
  295. <a href="http://narfweb.iespana.es/insert.php" target="contenido" id="MMMenu0726202617_0_Item_0" class="MMMIFHStyleMMMenu0726202617_0" onMouseOver="MM_menuOverMenuItem('MMMenu0726202617_0');"> 
  296. Ingresar 
  297. </a> 
  298. <a href="http://narfweb.iespana.es/delete.php" target="contenido" id="MMMenu0726202617_0_Item_1" class="MMMIHStyleMMMenu0726202617_0" onMouseOver="MM_menuOverMenuItem('MMMenu0726202617_0');"> 
  299. Eliminar 
  300. </a> 
  301. </div> 
  302. </div> 
  303. <div id="MMMenuContainer0724170845_0"> 
  304. <div id="MMMenu0724170845_0" onMouseOut="MM_menuStartTimeout(1000);" onMouseOver="MM_menuResetTimeout();"> 
  305. <p style="text-align: center"> 
  306. <a href="fotos.html" target="contenido" id="MMMenu0724170845_0_Item_0" class="MMMIFHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');"> 
  307. Fotos 
  308. </a> 
  309. <a href="musica.html" target="contenido" id="MMMenu0724170845_0_Item_1" class="MMMIHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');"> 
  310. Musica 
  311. </a> 
  312. <a href="video.html" target="contenido" id="MMMenu0724170845_0_Item_2" class="MMMIHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');"> 
  313. Videos 
  314. </a> 
  315. </div> 
  316. </div> 
  317. </div> 
  318. </body> 
  319. </html> 
Nota 2008-07-31 05:57 @290
Avatar de Usuario explorerDesconectado
Administrador 		Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España
Mensajes: 10270
Quita 'text-align:left;' del estilo 'FWTableContainer869237267'.

A propósito... no uses FrontPage... está reconocido como el segundo peor programa que Microsoft haya creado nunca (el primero es Outlook Express).

Fireworks trabaja estupendamente con su hermano Dreamweaver.

_________________
JF^D Perl programming

Responder al tema  Página 1 de 1
  [ 2 mensajes ] 

Reglas del Foro
No puedes abrir nuevos temas en este Foro
No puedes responder a temas en este Foro
No puedes editar tus mensajes en este Foro
No puedes borrar tus mensajes en este Foro
No puedes enviar adjuntos en este Foro

Publicidad

Socializa
Síguenos por Twitter

Suscríbete GRATUITAMENTE al Boletín de Perl en Español

Saltar a:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO