Violetside











{noviembre 26, 2008}   Hacks ie6 – ie7 para css

Los hacks en las hojas de estilo a la hora de maquetar son una cosa poco recomendable, pero inevitable por las diferencias que existen a la hora de interpretar el código entre navegadores. Los 3 que normalmente se suelen tener mas en cuenta, hoy en dia y a la espera siempre de nuevas actualizaciones, son el Firefox 3 el Internet Explorer 6 y el Internet Explorer 7 y estos son los que vamos a intentar hackear con las recomendaciones de este artículo.

Existen varias maneras de cargar diferentes estilos dependiendo de cual sea el navegador que el usuario este utilizando para acceder a nuestra página, las dos que mejor funcionan son las siguientes:

Por un lado podemos tener 3 css diferentes, una por navegador, lo suyo es crear una css “buena” siguiendo los estándares de la w3c y en las demas meter solo los hacks para los estilos que den problemas, a estas 2 css que no son politicamente correctas las podemos llamar desde nuestro html con un “if”, para conseguir asi que al validar no se tengan en cuenta y solo revise la css ajustada a estándares, que normalmente es la que funciona 100% en Firefox.

Tambien podemos meter todos los hacks en la misma css, cosa que al menos a mi no me gusta demasiado porque es una manera de ensuciar la css que al final siempre acaba trayendo problemas, pero si no queda mas remedio y la validación no es una cosa imprescindible en nuestro proyecto podemos usar trucos como añadir un “_” o  un “*” antes del nombre del atributo para que solo vea ese atributo el navegador que nos interesa, por ejemplo de esta manera:

.clase{
margin:0px;
_margin:10px; (esto solo lo ve el ie6)
padding:0px;
*padding:10px (esto lo ven el ie6 y el ie7)
}

Si usamos este último sistema tenemos que tener en cuenta en que orden escribimos los atributos porque las css los navegadores las leen de arriba a abajo y el último que coloquemos será el que predomine sobre el resto, vamos que el orden de los factores en este caso si altera el producto ;)



Abrir el archivo archives.php y copiar el código que pinta el histórico, quitar el header y el footer que vamos a cargar desde la pagina page.php que es desde donde vamos a llamar a ese archivo tambien.

En query.php, o en el archivo donde estemos definiendo las funciones que vamos a utilizar, definir la función:

function is_historico_noticias() {
if (ereg("/confianza/historico-de-noticias/",$_SERVER["REQUEST_URI"])) return true;
else return false;
}

Para después añadir una llamada a ella en el archivo page.php de la siguiente manera:

<?php if (is_historico_noticias()) { ?>
<?php include_once ("historico.php"); ?>
<?php
}
?>

Page.php es el archivo en el que se cargan por defecto las paginas estáticas que se van creando con wordpress, para poder cargar contenido en ellas se tiene que crear la pagina en wp, dejarla en blanco y cargar el contenido mediante la función que acabo de explicar. En este tipo de páginas lo normal es que la cabecera, el pie y el menu lateral sean siempre el mismo, pero tambien se pueden cambiar utilizando funciones de php.



{enero 8, 2008}   Camisetas for everybody

Hola a todos, bueno hace un siglo o así que no escribo pero es que entre las fiestas navideñas y demás historias estoy sin tiempo para nada, prometo que en breve empezaré a ser mas constante con mis batallitas, mientras os dejo este enlace a la tienda de camisetas online mas chula de España….



et cetera
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.