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.

En quien confiar? (navegadores)

Tema en 'Programación y Diseño Web' iniciado por Faraon, 4 Ene 2005.

  1. Faraon

    Faraon Supremo Egipcio

    Bueno una pregunta quizas un poco tocada, pero veamos de nuevo.

    Estoy tratando de hacer una pagina web, como el de terminar los tutoriales q' estoy haciendo pero en ambos me he topado con algo curioso.

    Cuando le doy una previsualizacion en dreamweaver que esta por default el Internet explorer, me sale bien centrada el tuto o la web, pero cuando lo veo en mozilla sale descuadrado en la parte inferior.

    En Ie me da bien la visualizacion en otro no, mozilla, o, viceversa. Asi que, expongo la pregunta, como hacer, en que (quien) creer a la hora de visualizarlo, no he probado con el Netscape, por que no lo tengo :( pero a ver si hay soluccion para ello.

    Algo que me llama la atencion, las tablas que tienen escrito, aparecen bien en el Ie, pero en mozilla se ven como si estuvieran separadas, cosa rara, porque en dreamweaver no estan como se ven en la previsualizacion. Me pregunto, ¿donde esta el espacio que se refleja en mozilla, y en dreamweaver no he hecho tal cosa? hago un eraser de espacio en las tablas pero nada :cry:

    Bueno espero a ver que me dicen y gracias.

    Abrazos.
     
  2.  
  3. obi-alf

    obi-alf Nuevo usuario

    Puedes poner el link o el código para echarle un vistazo?

    Saludos
     
  4. Faraon

    Faraon Supremo Egipcio

    a ver donde debo estar metiendo las vendas :wink:

    <!--coloro:white--><span style="color:white"><!--/coloro--><HTML>
    <HEAD>
    <TITLE>Untitled-1</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    @import url(images/texto.css);
    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #0099CC;
    }
    -->
    </style>
    </HEAD>
    <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <TABLE WIDTH=719 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bordercolor="#000000">
    <!--DWLayoutTable-->
    <TR>
    <TD width="1"></TD>
    <TD width="30"></TD>
    <TD width="660"></TD>
    <TD width="28"></TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD COLSPAN=3 valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <TD width="718" height="30" valign="top">
    <IMG SRC="tutor/images/Untitled-1_03.jpg" WIDTH=718 HEIGHT=30 ALT=""></TD>
    </tr>
    </table></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="tutor/images/Untitled-1_05.jpg">
    <!--DWLayoutTable-->
    <tr>
    <TD width="30" height="940" valign="top">
    <IMG SRC="tutor/images/Untitled-1_05.jpg" WIDTH=30 HEIGHT=940 ALT=""></TD>
    </tr>
    </table>
    </TD>
    <TD valign="top" background="tutor/images/Untitled-1_06a.jpg"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="657" height="19"><h2 align="center">Tutorial background personalizado
    (Parte II)</h2></td>
    </tr>
    <!--DWLayoutTable-->
    </table>
    </TD>
    <TD rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="tutor/images/Untitled-1_07.jpg">
    <!--DWLayoutTable-->
    <tr>
    <TD width="28" height="940" valign="top">
    <IMG SRC="tutor/images/Untitled-1_07.jpg" WIDTH=28 HEIGHT=940 ALT=""></TD>
    </tr>
    </table>
    </TD>
    </TR>
    <TR>
    <TD></TD>
    <TD background="tutor/images/Untitled-1_06a.jpg"><table width="100%" height="898" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <td height="42" colspan="3" valign="top"><p align="justify">Comenzamos a crear File -- new, despu&eacute;s
    le damos los valores 410 x 120, medidas buenas para una cabecera de
    una web, en resoluci&oacute;n, 72 ppi, como trataremos con un dise&ntilde;o
    que no ocupa el zoon le ponemos ese valor, le damos aceptar, veremos
    la forma de la hoja con la que trabajaremos.</p>
    </td>
    </tr>
    <tr>
    <td height="84" colspan="3" valign="top"><blockquote>
    <p>1-La pintamos de negro, sin crear ning&uacute;n nuevo layer (capa),<br>
    2-Vamos a Filter -- render -- clouds,<br>
    3-Despues, diferent clouds unas 8 veces,<br>
    4-Seguido lens flare, debe de acordarse donde esta, ponga 3, pero
    trate de acomodarlo de forma de pir&aacute;mide invertida, y de hacerlo
    paso por paso, no Crtl + f.<br>
    5-Siempre en filtros, nos vamos a Glass, 20 y block.</p>
    </blockquote>
    </td>
    </tr>
    <tr>
    <td height="254" colspan="3" valign="top"><p align="center"><img src="Tutorial3_files/imwav.gif" width="264" height="254"></p>
    </td>
    </tr>
    <tr>
    <td height="56" colspan="3" valign="top"><blockquote>
    <p align="justify">6-y despues van a Wave con los siguientes valores.
    (ver imagen 1), en el teclado presionamos Ctrl + U, nos abrir&aacute; la
    imagen de Hue - Saturation, le pones los valores 52 / 93 / - 45, marcas
    colorize antes, aceptar, o si deseas puedes variar el color, y por
    ultimo nos vamos a levels y pones esto 81 + 0,56 + 218, aceptar. Debes
    de tener algo parecido a la imagen 2.</p>
    </blockquote>
    </td>
    </tr>
    <tr>
    <td height="28" colspan="3" valign="top"><div align="justify">
    <p align="justify">Si desea puede dejar la imagen as&iacute;, pero
    le vamos agregar un efecto mas, algo as&iacute; como dark, pero
    si desea, como practica, aumente los diferent clouds a 15 o los
    disminuye a tres. </p>
    </div>
    </td>
    </tr>
    <tr>
    <td height="101" colspan="3" valign="top"><div align="justify">
    <p align="center"><img src="Tutorial3_files/fond2.gif" width="320" height="101"></p>
    </div>
    </td>
    </tr>
    <tr>
    <td height="70" colspan="3" valign="top"><blockquote>
    <div align="justify">
    <p> 7-Dublique la imagen, si se ha fijado hasta el momento hemos trabajado
    con el layer principal.<br>
    Una vez duplicada el layer, le damos Edit -- transform -- flip
    vertical, en blending mode del layer le variamos, pruebe con
    los siguientes, Dark, Multiply, Ligthen, y difference, verdad
    que es fabuloso. Bueno el que hayas escogido, haz lo siguiente,
    Ctrl
    + E, despu&eacute;s levels, y le aplicas los tonos que desees
    el resultado m&iacute;o es este.(imagen 3 )</p>
    </div>
    </blockquote>
    </td>
    </tr>
    <tr>
    <td height="28" colspan="3"><p align="justify">Si desea puede dejar la imagen as&iacute;, pero le
    vamos agregar un efecto mas, algo as&iacute; como dark, pero si desea,
    como practica, aumente los diferent clouds a 15 o los disminuye a
    tres.</p></td>
    </tr>
    <tr>
    <td height="70" colspan="3"><div align="center">
    <p align="justify"> 7-Dublique la imagen, si se ha fijado hasta el momento
    hemos trabajado con el layer principal.<br>
    Una vez duplicada el layer, le damos Edit -- transform -- flip
    vertical, en blending mode del layer le variamos, pruebe con
    los siguientes, Dark, Multiply, Ligthen, y difference, verdad que
    es
    fabuloso. Bueno el que hayas escogido, haz lo siguiente, Ctrl
    + E, despu&eacute;s levels, y le aplicas los tonos que desees el resultado
    m &iacute;o es este.(imagen 3 )</p>
    </div></td>
    </tr>
    <tr>
    <td height="42" colspan="3"><p align="justify">Para dudas o permiso de utilizaci&oacute;n
    del tutorial [email protected] En la pr&oacute;xima y ultima
    entrega, veremos otro efecto, como me gustar&iacute;a poner tambi&eacute;n
    algunos trabajos de ustedes, en este ultimo tutorial.</p></td>
    </tr>
    <tr>
    <td width="139" height="49">&nbsp;</td>
    <td width="413" rowspan="4" valign="top"><div align="center"><img src="Tutorial3_files/fond3.gif" width="413" height="123"></div>
    </td>
    <td width="108">&nbsp;</td>
    </tr>
    <tr>
    <td rowspan="2" valign="top"><p align="center"><a href="Tutorial2.html">Back</a></p>
    </td>
    <td height="14" valign="top"><div align="center">
    <p>Parte III</p>
    </div>
    </td>
    </tr>
    <tr>
    <td height="4"></td>
    </tr>
    <tr>
    <td height="56"></td>
    <td></td>
    </tr>
    <tr>
    <td height="4"></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    </TD>
    </TR>
    <TR>
    <TD></TD>
    <TD COLSPAN=3 valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <TD width="718" valign="top">
    <IMG SRC="tutor/images/Untitled-1_08.gif" WIDTH=718 HEIGHT=31 ALT=""></TD>
    </tr>
    </table>
    </TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    </TABLE>

    </BODY>
    </HTML><!--colorc--></span><!--/colorc-->

    Este es el codigo del tuto que hago. al pie de la pagina es donde se ve descuadrado, en uno mas grande que otro. lo que me llama la atencion es que en el editor se ve bien.
    Abrazos :cry:
     
  5. Faraon

    Faraon Supremo Egipcio

    Ya di con el problema, era mal puesta una imagen de fondo, esto hacia que se viera como descuadrado. :wink:

    Bueno les dejo el codigo para que miren donde esta el error, que menciono.
    Claro si tienen alguna sugerencia bienvenida sea. :wink: :wink:

    Abrazos.
     
  6. kahlito

    kahlito Nuevo usuario

    Hola Faraon, yo suelo confiar en Mozilla Firefox aunque tambien tengo que revisarlo en Explorer por si acaso.... ya sabes que luego no sale como uno quiere, perlo mejor es hacerlo todo con los estandares de la w3c.

    Mira este enlace:

    <a href="http://www.w3c.es/" target="_blank">http://www.w3c.es/</a>

    Saludosss :wink:
     
  7. Faraon

    Faraon Supremo Egipcio

    Gracias Kahlito por el enlace. Si pero parece que la diferencia entre espacio siempre se da al verlo en diferentes navegadores, haz la prueba con el tuto que puse, y veras que en el numero 2 se ve una distancia entre imagen y escrito, y en mozilla se ve diferente, y en Dw se ve normal. :wink:

    Abrazos
     
  8. kahlito

    kahlito Nuevo usuario

    La verdad es que sin las imagenes no lo llegoa a apreciar bien, pero si es cierto sobre todo con Iexplorer que es el que más problemas da.. :(

    Saludosss :wink:
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·