Iniciar con jquery

Posted by Ivan Pinedo under
Iniciare mis aportes con respecto a esta tecnologia, a mi en lo particular me ha sido de gran utilidad, es poco el tiempo que he desarrollado con este framework, pero me permite darle un toque personal a mis desarrollos.

Iniciaremos descargando el framework de jquery que utilizaremos en nuestro desarrollo de la siguiente liga, yo utilizo la versión 1.3.1

Una vez que hemos bajado el archivo lo agregaremos a nuestro desarrollo, (yo utilizo una carpeta llamada tools/jquery a la misma altura de META-INF Y WEB-INF. Ahi agrego todas las utilerías.

Enseguida en el archivo de index.html o index.jsp agrego la siguiente linea:

<hmtl>
<head>
<script type="text/javascript" src="../tools/jquery/jquery-1.3.js">
</script>
</head>
<body>
</body>
</html>

y con esto estaremos listos para poder utilizarlo.

Centrar un div con css (crossbrowser)

Posted by Ivan Pinedo under
Utilizo una clase CSS para centra un div que utilizo como contenedor principal, esto lo he probado con FF, IE7 y Safari y me funciona correctamente.

Código CSS:
.centrarDiv
{
position: absolute;
/*nos posicionamos en el centro del navegador*/
/*top:50%;*/
left:50%;
/*indicamos el ancho del div*/
width:940px;
/*indicamos que el margen izquierdo, es la mitad del ancho*/
margin-left:-470px;
/*indicamos la altura del div*/
height:610px;
/*indicamos que el margen superior, es la mitad del alto*/
overflow:hidden;
/*limitamos el contenido, de tal manera que no se salga del div*/
}

Código HTML:
div id="contenido" class="centrarDiv"

Start my blog

Posted by Ivan Pinedo under
En este blog podemos ayudar de manera interactiva con pequeños tips a todos aquellos desarrolladores que gustan de detallar su trabajo y hacerlo de manera profesional.