Si bien puede llevar a ciertas confusiones, sobretodo en los diseñadores mas nuevos, el padding y el margin difieren entre si, aunque es una sutil diferencia. A pesar de esta diferencia, en ocasiones y dependiendo del diseño especifico, ambos terminan cumpliendo con las mismas funciones.

El margin se refiere a la distancia (o margen) entre una capa y otra. Para verlo de una manera mas facil, es la distancia hacia afuera de la capa.

Tiene dos formas de utilizacion, una puede ser del tipo individual

.div {

margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;

}

De esta manera podemos, visualamente, ver rapidamente cual es el margen con el resto de las capas.

La otra forma, es una forma resumida o grupal y se declara de la siguiente forma:

.div {

margin: 20px 15px 10px 5px;

}

Cuando se utiliza de esa manera, la forma de leerlo es: margin-top(20px) margin-right(15px) margin-bottom(10px) margin-left(5px)

(Entre parentesis puse los valores para que se entienda mejor) Recuerden que siempre se empieza desde arriba y se va siguiendo la ruta de las manesillas del reloj.

En cuanto al padding, es la distancia desde el borde de la capa hasta los limites del contenido, yendo hacia adentro, en pocas palabras es algo asi como la sangria de los parrafos en un texto.

Tal y como con el margin, existen dos formas de declar el padding,

tipo individual

.div {

padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;

}

Forma resumida

.div {

padding: 20px 15px 10px 5px;

}

La forma de leer la forma resumida es exactamente igual al margin, se empieza desde arriba y en sentido horario.

Creo que se entienden las diferencias entre ambos, la imagen supongo que ayudara mas que las palabras.

Cualquier duda, dejen un comentario.

Saludos

Si hay un script que se utiliza en el 99.9% de las veces que trabajamos con php para el diseño de una pagina web es la conexion a una base de datos (usualmente Mysql)

Es por esa razon que les queria dejar este pequeño script que pueden utilizar facilmente. Para ello solo pueden crear un archivo que se llame conectarse.php y escriben el siguiente codigo, obviamente reemplazan lo que esta en mayusculas por sus datos.

<?
$dbhost=”localhost”;
$dbusr=”USUARIO CREADO “;
$dbpwd=”CONTRASEÑA PARA EL USUARIO”;
$db=”NOMBRE DE LA BASE DE DATOS”;
$conexion = mysql_connect($dbhost, $dbusr, $dbpwd);
mysql_select_db($db, $conexion);
?>

De esta manera podran modificar facilmente los valores y reutilizar el codigo, simplemente incluyendolo en todos los archivos donde sea necesario

Espero les sirva y cualquier duda me pueden dejar un comentario.

Saludos

Muchas veces uno se debe hacer esta pregunta cuando diseña paginas web.

Se supone, que si uno cumple los estandares en el diseño web, esta pagina se deberia ver igual en cualquier navegador que se use, ya sea el Internet Explorer (IE), Firefox (FF), Chrome, Opera, Safari, etc.

Sin embargo es sabido que no todos los navegadores mostraran las paginas web de la misma, inclusive algunos navegadores muestran cosas que otros no. El mas claro ejemplo de esto es el IE, el cual no cumple con los renderizar una pagina web tal y como se debe, por lo que se deben aplicar algunos trucos para que esto funcione.

Entonces la pregunta del millon seria ¿hacer una web que cumnpla los estandares, o una web que se vea bien en todos los navegadores?

En lo personal prefiero lo segundo, prefiero que todos los visitantes a una pagina web tengan la misma experiencia y evitarme problemas de incompatibilidad o similares. Logico, yo preferiria cumplir los estandares, ya que esto haria el trabajo mas facil, pero la realidad indica lo contrario, hace el trabajo mas dificil.

Ustedes que piensan, o que prefieren? Dejenme un comentario para conocer sus experiencias.

Saludos

Que tienen en comuen los buenos diseños web? En realidad todos deben cumplir 3 requisitos basicos, para que cumplan su mision.

Agil.- El sitio debe cargar rapido, no podemos tener al visitante esperando 30 segundos mientras se carga nuestra asombrosa presentacion. Queremos demostrarle al mundo que sabemos manejar Flash y por eso creamos una presentacion que pesa 1 Mb.

Read the rest of this entry »

Todo diseñador (o programador)  web, sabe que debe utilizar fuentes conocidas como “fuentes seguras” son fuentes que estan presentes en la mayoria (por no decir todas) las computadoras de los usuarios.

Sin embargo esto esta cambiando.

Si bien hace tiempo que existe la posibilidad de utilizar Javascript para “instalar” una fuente en la cache del visitante, no era una solucion del todo practica, ya que hay muchos internautas que tienen Javascript desabilitado, por cuestiones de seguridad.

Read the rest of this entry »