martes, 7 de agosto de 2012

No se ven correctamente los acentos en PHP

Bueno... este si fue un problema que me hizo doler la cabeza.

Se trataba de un php que contenía caracteres que llegaban vía GET con acentos.
Probé múltiples soluciones.

Curiosamente, con esta cabecera, que se supone interpreta los caracteres en español, NO LO LOGRE:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Lo que funcionó fue poner esta cabecera dentro del HEAD:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Allí se las dejo.

Iframe transparente en IE

Me pase un buen rato tratando de hacer que un iframe no tuviera un borde blanco en Internet Explorer.

Usaba este código que funcionaba bien en Firefox:

<iframe width="340" height="280" frameborder="0" src="http://s2.accesoperu.com/publi_flotante.php" allowtransparency="allowtransparency"></iframe>
</div>

La solución:
Al archivo que iba dentro del iframe, en este caso publi_flotante.php, se le tenía que poner el siguiente comando dentro del body:

<body STYLE="background-color:transparent">

Y eso era todo.
Espero que te sirva.

viernes, 8 de junio de 2012

Centrar una capa. Centrar un DIV. Con CSS.


Centrar una capa con CSS es algo muy simple.

Sin embargo, cómo al buscar en Google encontré un montón de respuesta alambicadas y erróneas, les pongo el códigito que lo hace.

<style type="text/css">
<!--
.capa1 {
width: 300px;
background-color: #99FF66;
margin: auto;
}
-->
</style>

Aquí se actúa sobre una capa llamada capa1 a la que se da 300px de ancho y un color de fondo.

Pero todo el truco está en la línea:
margin: auto;
Esta línea es la que centra la capa en la pantalla.

Es tan fácil, que da cóoooolera.
Je, je.


chaveztoro


sábado, 26 de mayo de 2012

Firefox: Inspeccionar elemento

No lo podía creer.
Simplemente, di click con el botón derecho del mouse sobre una imagen, seleccioné: Inspeccionar elemento y Firefox (versión 12.0), mi navegador favorito, me mostró, en la pantalla, el html del elemento y todas la capas que había, antes y después de él.

Al principio, me apareció ésta barra en la parte inferior del navegador:




Di click en el botón del lado derecho que dice: Estilo. Y aparecieron, a la derecha, las línea de CSS relacionadas con la imagen.
Di click en el botón del lado derecho que dice:  HTML. Y apareció, en la parte inferior, el HTML relacionado con el objeto.

Dando click en cada una de las etiquetas que se ven al centro me fui moviendo por las distintas capas que habían en la página. Viendo su HTML y los estilos relacionados.

Da click sobre esta línea, con el botón derecho del mouse, si estas usando Firefox 12.0, para probarlo. Selecciona del menú que aparece la opción: Inspeccionar elemento.

Incluso se puede desactivar algún estilo para ver lo que ocurre y directamente cambiar el Width o el Heigth de una capa para ver como se modifica el diseño.

Lógicamente no se puede grabar esos cambios, pero el Inspector de Firefox te dice en qué archivo CSS y en qué línea del archivo está la propiedad que estas manipulando. Lo que hace que sea mucho más fácil la etapa de maquetación y ajuste de un diseño.

Para cerrar el Inspector, click en la X, al lado de el botón: Estilo, al lado derecho de la barra de inspección.

Espero que ésta herramienta te sea tan útil como a mi.
Ah y visita: http://accesoperu.com  , el mejor sitio para estudiar Diseño y Programación web.

chaveztoro