1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Dreamweaver y Firefox, ¿que puedo hacer?

Tema en 'Programación y Diseño Web' iniciado por MacLeod, 2 Dic 2009.

  1. MacLeod

    MacLeod Nuevo usuario

    Hola, expongo mi problema: he creado una serie de paginas html en Dreamweaver (sin css) , es una tabla con dos celdas dentro, una al lado de la otra, en la celda izquierda va texto y en la celda derecha van imagenes que las fui ubicando de acuerdo al texto de la celda izquierda, es decir que coincidan.
    Ahora bien, en Explorer se ve bien la distribución pero en Firefox no puedo lograr visualizar que las imagenes se queden en donde originalmente las puse, aparecen desplazadas de su lugar original.
    ¿Que puedo hacer?, por favor si alguien me ayuda lo agradeceré mucho.
    Debido a problemas de tiempo no puedo rehacerlo con CSS, solamente con las tablas y celdas que he usado.
    Gracias y saludos
     
  2.  
  3. elQuique

    elQuique Usuario activo

    En realidad siempre es mejor olvidarse de las tablas, son un método muy antiguo de maquetado y nunca debió usarse. La forma de hacerlo bien es usando HTML para contener la información y CSS para darle diseño y disposición.

    Igualmente no basta con solo hacer el HTML, siempre debemos usar HTML estándar, de manera que se vea bien en todos los navegadores. Una de las formas de usar HTML bien hecho es olvidarnos de Internet Explorer, una de las razones es que IE no esta pensado para Internet, por tanto ni idea tiene de los estándares :)

    Si tu en una calculadora escribes 5 + 4, en todas te dice como resultado 9.

    Eso no pasa en IE, ya que al no respetar los estándares de pronto te va a decir 11, obviamente quienes solo usan IE siempre van a pensar que 5 + 4 es 11, y muchos hasta mueren pensando que eso es correcto, sucede esto porque jamas aprendieron HTML, y aun no saben que es Internet y como funciona :)

    Si utilizas bien el HTML se va a ver bien en todos los navegadores, incluyendo IE7, y 8, claro que en IE6 algunas veces vas a tener que hacer modificaciones, pero en todos los demás se verá todo bien.

    Tu no pones lo más importante para ayudarte que en este caso sería un link al sitio con problemas, por tanto no puedo ayudarte más que eso, pero seguramente es que tengas mal tu HTML.
     
  4. MacLeod

    MacLeod Nuevo usuario

    Hola Quique

    Aqui va el codigo de una de las paginas html que estoy haciendo, el problema está en que no se como hacer que se vean las imagenes en el lugar que las situé, las veo mas o menos movidas en IE y muy desplazadas de su posición original en Firefox. El problemas es la celda izquierda que contiene las imagenes, ya probé cada imagen en una celda propia y ocurre lo mismo, probé crear una imagen con todas las imagenes dentro y nada.
    Si pudieras ayudarme te lo voy a agradecer mucho viejo.


    <!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=iso-8859-1" />
    <title>3.1. Competencias del alumno universitario </title>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    body {
    background-color: #E8E8E8;
    }
    .Estilo13 { font-size: 10px;
    color: #FFFFFF;
    }
    -->
    </style>
    <script type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>

    <body onload="MM_preloadImages('file:arrowleft.png','file:arrowright.png')">

    <script type="text/JavaScript" src="file:carpetamatriz/wz_tooltip.js"></script>

    <div align="center">
    <table width="800" border="6" cellpadding="8" cellspacing="0" bordercolor="blue" bgcolor="#FFFFFF">
    <!--DWLayoutTable-->

    <td height="31" valign="top" style="border-right:solid; border-width:4px; border-color:#E8E8E8"><p align="left"><strong>Texto Expositivo</strong></p>
    <p align="left">Este tipo de texto es conocido como informativo en el &aacute;mbito escolar. La funci&oacute;n primordial es la de transmitir informaci&oacute;n pero no se limita simplemente a proporcionar datos sino que adem&aacute;s agrega explicaciones, describe con ejemplos y analog&iacute;as. </p>
    <p align="left">Est&aacute; presente en: &middot; Todas las ciencias, tanto en las f&iacute;sico-matem&aacute;ticas y las biol&oacute;gicas como en las sociales, ya que el objetivo central de la ciencia es proporcionar explicaciones a los fen&oacute;menos caracter&iacute;sticos de cada uno de sus dominios. &middot; En las asignaturas del &aacute;rea f&iacute;sico-matem&aacute;tica la forma caracter&iacute;stica que adopta la explicaci&oacute;n es la demostraci&oacute;n. </p>
    <p align="left">El contacto con esta clase de textos es entonces constante en la escuela desde Nivel Inicial hasta el final de la escolaridad pero a pesar de ello, los alumnos demuestran serias dificultades para comprenderlos. </p>
    <p align="left">Las caracter&iacute;sticas principales de los textos expositivos son: <br />
    </p>
    <p align="left">predominan las oraciones enunciativas <br />
    se utiliza la tercera persona &middot; los verbos de las ideas principales se conjugan en Modo Indicativo <br />
    el registro es formal &middot; se emplean gran cantidad de t&eacute;rminos t&eacute;cnicos o cient&iacute;ficos <br />
    no se utilizan expresiones subjetivas</p>
    <p align="left">Funciones de un texto expositivo</p>
    <p align="left">a.- es informativo, porque presenta datos o informaci&oacute;n sobre hechos, fechas, personajes, teor&iacute;as, etc.; <br />
    b.- es explicativo, porque la informaci&oacute;n que brinda incorpora especificaciones o explicaciones significativas sobre los datos que aporta; </p>
    <p align="left">c.- es directivo, porque funciona como gu&iacute;a de la lectura, presentando claves expl&iacute;citas (introducciones, t&iacute;tulos, subt&iacute;tulos, res&uacute;menes) a lo largo del texto. Estas claves permiten diferenciar las ideas o conceptos fundamentales de los que no lo son.</p>
    <p align="center">
    <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="544" height="347" align="absmiddle">
    <param name="movie" value="file:scheme.swf" />
    <param name="quality" value="high" />
    <embed src="pelicula.swf" width="544" height="347" align="absmiddle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
    </object>
    </p>
    <p align="left">&iquest;C&oacute;mo se organiza la informaci&oacute;n en un texto expositivo?</p>
    <p align="left">La informaci&oacute;n en este tipo de textos no se presenta siempre del mismo modo sino que observaremos distintas formas de organizaci&oacute;n discursiva, a saber: <br />
    </p>
    <p align="left">1) Descripci&oacute;n: consiste en la agrupaci&oacute;n de ideas por mera asociaci&oacute;n, <br />
    2) Seriaci&oacute;n: presenta componentes organizativos referidos a un determinado orden o gradaci&oacute;n </p>
    <p align="left">3) Causalidad: expone las razones o fundamentos por lo cuales se produce la sucesi&oacute;n de ideas </p>
    <p align="left">4) Problema &ndash; soluci&oacute;n: presenta primero una inc&oacute;gnita, luego datos pertinentes y finalmente brinda posibles soluciones </p>
    <p align="left">5) Comparaci&oacute;n u oposici&oacute;n: presenta semejanzas o diferencias entre elementos diversos, por ejemplo: </p>
    <p align="left">En todo texto expositivo es fundamental la presencia de los conectores l&oacute;gicos. Este tipo de conectores indican la organizaci&oacute;n estructura del texto. &iquest;Cu&aacute;les son los m&aacute;s frecuentes? </p>
    <p align="left">&nbsp;</p>
    <p align="left">Para la seriaci&oacute;n adem&aacute;s, despu&eacute;s, tambi&eacute;n, asimismo, por a&ntilde;adidura, . primero, el que sigue, etc <br />
    Para la causalidad entonces, por lo tanto, por eso, por consiguiente, as&iacute; que, porque, con el fin de, etc. <br />
    Para estructura problema/ soluci&oacute;n del mismo modo, similarmente, semejante a, etc. Pero, a pesar de, sin embargo, al contrario, por otra parte, si bien, etc.<br />
    </p>
    <p align="left">Algunas pautas did&aacute;cticas</p>
    <p align="left">El objetivo de la lectura de un texto expositivo es ampliar los conocimientos que se tienen sobre un tema, por lo que la lectura debe ser lenta y reflexiva. Recomendamos volver sobre cada p&aacute;rrafo, interrogarse sobre lo que se lee y establecer relaciones con los conocimientos previos que poseamos. </p>
    <p align="left">Acostumbremos a nuestros alumnos a seguir los siguientes pasos: <br />
    </p>
    <p align="left">1. leer con detenimiento cada p&aacute;rrafo </p>
    <p align="left">2. reconocer las ideas principales de cada p&aacute;rrafo (se pueden se&ntilde;alar en el texto y realizar acotaciones marginales que sinteticen la idea de ese p&aacute;rrafo) </p>
    <p align="left">3. conectar las ideas entre s&iacute; permitiendo de este modo la progresi&oacute;n tem&aacute;tica </p>
    <p align="left">4. organizar jer&aacute;rquicamente las ideas </p>
    <p align="left">5. reconocer la trama que conecta las ideas principales entre s&iacute; </p>
    <p align="left">6. identificar el tema del texto </p>
    <p align="left">Desarrollaremos estrategias de comprensi&oacute;n lectora diversas de acuerdo al tipo de texto que abordamos. En el caso del texto expositivo podemos reorganizar la informaci&oacute;n por medio de cuadros sin&oacute;pticos, mapas conceptuales l&iacute;neas de tiempo, de acuerdo a la trama que tenga el texto expositivo. </p>
    <p align="left">Los textos expositivos de trama narrativa suelen desarrollar procesos hist&oacute;ricos o procesos naturales. Para estos textos es apropiado desarrollar una l&iacute;nea de tiempo o un esquema que grafique una secuencia de pasos. </p>
    <p align="left">Los textos expositivos con trama descriptiva son aquellos textos clasificatorios, que organizan la informaci&oacute;n en clases y subclases. Este tipo de trama es muy com&uacute;n en la escuela. </p>
    <p align="left">Podemos trabajar con nuestros alumnos con la definici&oacute;n de un diccionario y solicitarles que realicen un mapa sem&aacute;ntico que grafique la informaci&oacute;n del siguiente texto. Por ejemplo, a continuaci&oacute;n citamos una definici&oacute;n de molusco que es un texto expositivo con trama descriptiva <br />
    </p>
    <p align="left">Molusco (del lat. Molluscus, blando) Zool. Tipo o filium animal con aprox. 120.000 especies, perteneciente a los deter&oacute;stomos. Los moluscos tienen piel blanda y sin protecci&oacute;n, con frecuencia recubierta por la secreci&oacute;n del pliegue del manto, la concha. Han desarrollado una forma especial la parte inferior del cuerpo, denominada pie, lo que permite que se desplacen arrastr&aacute;ndose. Se divide en dos subtipos. Los anfineuros son m&aacute;s primitivos. Exclusivamente marinos, est&aacute;n provistos de dos pares de cordones nerviosos, que atraviesan el cuerpo y forman una especie de sistema nervioso en escalera triple por medio de cordones conectivos. Las clases solenogastros, con 140 especies, y plac&oacute;foros, con m&aacute;s de 1.000 especies, y plac&oacute;foros, con m&aacute;s de 1.000 especies, pertenecen a este grupo. El segundo subtipo, conch&iacute;feros, comprende aquellos moluscos provistos de verdaderas conchas continuas. En &eacute;l se distinguen cuatro clases: los gaster&oacute;podos, con aprox. 85.0000 especies, los escaf&oacute;podos, con aprox. 300 especies; los bivalvos, con aprox. 25.000 especies y los cefal&oacute;podos, con aprox. 8.500 especies.(Tomado de Enciclopedia Clar&iacute;n, Tomo 17. Bs. As. 1999) </p> </td>
    <td valign="top"><dl>
    <dt><img src="image1.png" width="170" height="59" /></dt>
    </dl>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="center"><img src="image2.png" width="70" height="58" /><br />
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="center"><img src="image2.png" width="70" height="58" /><br />
    </p>
    <p align="center"><img src="image3.png" width="70" height="58" /></p>
    <p align="center"><img src="image4.png" width="70" height="54" /><br />
    </p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"><img src="image5.png" width="70" height="54" /></p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"><br />
    <img src="image6.png" width="70" height="70" /></p>
    </td>
    </tr>
    <tr>
    <td height="77" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->

    <tr>
    <td height="15" colspan="3" valign="top"><div align="center"><a href="#top">Ir Arriba </a></div></td>
    </tr>
    <tr>
    <td width="43" height="46" valign="top"><a href="file:index.html"><img src="file:arrowleft.png" alt="Regresar" name="Image1" width="43" height="46" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','file:redarrowleft.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td width="673">&nbsp;</td>
    <td width="43" valign="top"><a href="file:index.html"><img src="file:arrowright.png" alt="Avanzar" name="Image2" width="43" height="46" border="0" align="right" id="Image2" onmouseover="MM_swapImage('Image2','','file:arroeright.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    </tr>
    <tr>
    <td height="0"></td>
    <td></td>
    <td></td>
    </tr>

    </table></td>
    </tr>
    <tr>
    <td height="2"></td>
    <td></td>
    </tr>
    </table>
    </div>
    <div align="center">
    <table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
    <!--DWLayoutTable-->
    <tr>
    <td width="800" height="24">&nbsp;</td>
    </tr>
    <tr>
    <td height="16" valign="top" bgcolor="#000000"><div align="center"><span class="Estilo13">Copyright - Todos los derechos reservados.</span></div></td>
    </tr>
    </table>
    </div>
    </body>
    </html>
     
  5. MacLeod

    MacLeod Nuevo usuario

    Las imagenes estan en la celda derecha, perdon.
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·