Archive for month: July, 2009

Centrar verticalmente contenido en un div

Categories: CSS, html - Tags: ,

Centrar un contenido en una tabla suele ser muy sencillo basta agregar un valign=”middle” pero intentar hacer eso en un div suele no ser tan sencillo aun esa propiedad en css parece no funcionar, sin embargo eso tiene solución agregando una linea mas al CSS

1
2
3
<div class="image">
    <img src="point.png" alt="square" />&nbsp;  
</div>

En ese caso vamos a centrar la imagen point.png, he agregado ese   porque a veces firefox no centra si no hay algo de texto en este caso un espacio en blanco.

Lo importante aqui es la hoja de estilos con la propiedad line-height que debe tener la misma altura que nuestro DIV y nuestra imagen debe tener el vertical-align:middle

1
2
3
4
5
6
7
8
9
10
.image {
border:thick solid;
height:8em;
width:14em;
border-color:#FF9999;
line-height:8em;
}
.image img{
vertical-align:middle;
}

Puedes ver el ejempo AQUI

Pixlr edita tus fotos online

Categories: Diseño, Otros - Tags: ,

Hace poco encontré esta fantástica herramienta que nos puede salvar de algún apuro, es un completo graficador que no requiere que lo instalemos ya que se trata de una aplicación online con una interfaz similar a Photoshop.

Este graficador puede editar los principales formatos gráficos para web e incluso PSD
Pueden verlo en acción Aquí

No se ven las tildes en mi pagina web

Categories: html - Tags: ,

Este es un error que me ocurría con cierta frecuencia, no sólo con las tildes además con la ñ, y ciertas comillas cuando se copia textos desde Word, en vez de aparecer los caracteres aparecen un signo de interrogación, un cuadrado en blanco o finalmente algunos caractees sin sentido, vamos a ver algunas formas de arreglar eso

Problemas de Codificación

Esto es lo más usual, para solucionarlo debemos fijarnos en el encabezado de nuestra página web el tipo de codifcación que estamos, usando si es para páginas en español con tildes mejor usamos codificación ISO y no UTF-8

1
2
3
4
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mi Pagina</title>
</head>

Usando caracteres especiales HTML

Si pese a cambiar la codficación sigues teniendo problemas hay un método que nunca falla sin importar que cambiemos la codificación, eso es usando caracteres especiales HTML, aqui transcribo una tabla con los más utiles (ojo existen muchisimo mas)

&Aacute; Á
&Eacute; É
&Iacute; Í
&Oacute; Ó
&Uacute; Ú
&aacute; á
&eacute; é
&iacute; í
&oacute; ó
&uacute; ú
&Ntilde; Ñ
&Otilde; Õ
&atilde; ã
&ntilde; ñ

Problemas con ciertos caracteres de Word

A veces cuando pegamos textos de Word fallan, las comillas, guiones, puntos suspensivos, para esos casos solo nos queda reemplazarlos por los correctos usando la opcion “find and replace” de Dreamweaver con el editor que usemos, es un error poco usual pero no se arregla cambiando la codificación.

Script PHP conversor de monedas simple

Categories: PHP - Tags: ,

Voy a mostrar un pequeño y muy util script para hacer conversion de monedas, podemos agregar cuantas queramos con algunos pequeños cambios.

El Formulario

En este caso voy a poner unicamente un cuadro de texto y un boton submit aunque es posible agregar mas detalles como por ejemplo validacion para evitar el ingreso de cifras en blanco o letras e incluso es posible agregarle un captcha.

1
2
3
4
<form action="index.php" method="post">
    <input type="text" size="30" name="monto" />
    <input type="submit" name="submit" value="convertir" />
   </form>

El formulario no tiene nada de especial simplemente en el action establecemos que envie el valor que deseamos convertir al mismo archivo.

PHP para la conversion

Primero hay que averiguar el monto ingresado, definir los paises y el tipo de cambio, finalmente lo calculamos y los mostramos con formato de moneda usando la funcion NUMBER_FORMAT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php        
    // averiguamos si se ingresó un motno
    if (isset($_POST['monto'])) {
      define ("cantidad", $_POST['monto']);
    } else {
      define ("cantidad", 0);
    }
    // definimos los paises
    $paises = array ("Chelín Austríaco","Escudo portugués","Florín Holandés");
    // definimos el tipo de cambio por cada pais
    $tasacambios = array (13.76,200.48,2.20);
    // imprimimos el monto ingresado
    echo "<b>".cantidad." euros</b> convertidos a las siguientes monedas:<br><br>";                                                
    // por cada pais imprimimos el cambio
    for ($i=0;$i<count($paises);$i++){
           echo "$paises[$i] ";
           // calculamos el cambio
           $cambio=$tasacambios[$i]*cantidad;
           // imprimos el resultado con el formato de moneda
           echo   number_format($cambio,3,",",".");
           echo "<br>";
    }
   ?>