[Ovillo] Partes del diseño desaparecen
Saludos Cordiales: Este quizá sea mi primer trabajo de relevancia en cuanto al diseño web, quisiera poder contar con su opinión acerca del sitio Planeta Linux (Venezuela [1], México [2], Perú [3]). Sé que aún falta trabajo por hacer, sobretodo en el encabezado del sitio, pero algunos lectores del Planeta me han comentado que tienen ciertos problemas, por ejemplo: - Desaparece de la información del autor La información se encuentra al lado derecho de cada hackergotchi [4] o de la imagen por defecto, en algunos navegadores al parecer esto no se aprecia, por ejemplo, en Firefox 1.0.7 en Ubuntu 5.10 (Live CD). Si el lector abre el sitio con la página minimizada no se ve la información de cada autor, pueden verlo en [5], al maximizarla parece arreglarse el problema, pueden verlo en [6]. - Aparece un hackergotchi antes del pie de página Según uno de los lectores de la nada aparece un hackergotchi casi al final, justamente antes del pie de página, he revisado el código de la plantilla que realice y todo me indica que está bien, el software que estoy empleando es Planet [7] - Menú de navegación Revisando los screenshots que envió el lector pude percatarme también que el menú de navegación tampoco aparece, pueden apreciarlo en [6] Ahora me pregunto, puede ser causa del renderizado del navegador?, yo lo veo perfecto en Mozilla Firefox 1.5 bajo Ubuntu Linux 5.10, también en Epiphany. Aclaratoria: El enfoque del sitio es usuarios de GNU/Linux, por lo tanto en primera instancia quisiera brindarle la mayor compatibilidad posible a los lectores que utilizan dicho Sistema Operativo, posteriormente me ocupare de Internet Explorer, la idea es no excluir a nadie si es *posible*. Cualquier sugerencia, comentario, será bien recibido. Un saludo y gracias anticipadas... [1] http://ve.planetalinux.org [2] http://mx.planetalinux.org [3] http://pe.planetalinux.org [4] http://en.wikipedia.org/wiki/Hackergotchi [5] http://i41.photobucket.com/albums/e274/ghostbar/Screenshot.png [6] http://i41.photobucket.com/albums/e274/ghostbar/Screenshot-1.png [7] http://planetplanet.org -- Milton Mazzarri, a.k.a. [MilMazz] http://www.milmazz.com Key fingerprint = 9C08 248E E9DE 8B93 CFE0 3A75 4B0A 2D93 925B ACC1 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Bloques de citas
Saludos cordiales:
Actualmente estoy desarrollando el layout para un planeta, se me han
presentado inquietudes en la manera de representar un bloque de cita con
bordes redondeados.
Por ejemplo:
HTML
blockquote cite=# title=# xml:lang=es
pEl bloque de cita/p
/blockquote
Como el publico al que va dirijido el planeta si posee navegadores
decentes (esto excluye a IE) he decidido hacer uso de los pseudo
elementos :after y :before, de la siguiente manera:
CSS
blockquote
{
width: 499px;
margin: 10px auto;
padding: 0;
}
blockquote:before,
blockquote:after
{
height: 23px;
display: block;
padding: 0;
}
blockquote:before
{
content: url(blockquote-top.png);
}
blockquote:after
{
content: url(blockquote-bottom.png);
}
blockquote p
{
background: #fff;
padding: 0 2px 0 20px;
margin-bottom: 0;
}
Las imagenes blockquote-{top|bottom}.png poseen fondo banco y las
comillas comunes en los bloques de citas. Este metodo en firefox 1.5
funciona perfectamente.
Ahora bien, el problema radica en el hecho que los autores del planeta
cuando hacen citas muchas veces olvidan colocar la etiqueta de parrafo
dentro del bloque de cita, ¿Como soluciono este problema?
Pueden ver el ejemplo en:
http://ubuntuchannel.org/pruebas/blockquote.html
Un saludo y gracias anticipadas.
--
Milton Mazzarri, a.k.a. [MilMazz]
Usuario de GNU/Linux: #369158
Ubuntu Linux
http://www.milmazz.com
http://ubuntuchannel.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bloques de citas
El dom, 26-02-2006 a las 16:59 -0300, Martin Szyszlican escribió: Porqué no juntar las declaraciones de blockquote p y blockquote? De esta forma te queda siempre el fondo blanco y los márgenes, sin importar si usan P o no. Si esto afecta el before y el after (poniendoles fondo blanco tambien) podés forzarles un fondo negro. Tambien lo intente, el problema bajo este esquema es que no puedo hacer uso del relleno, o sea, este debe estar establecido en 0, si lo modifico comienzan a aparecer espacios en blanco no deseados. Por eso deseche este metodo, me gustaria poder ofrecer un pequeño espaciado en el bloque de citas, no se ocurre como ofrecerlo bajo este esquema. -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com http://ubuntuchannel.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Un css y varios html
El lun, 12-12-2005 a las 13:17 +0100, Vanesa Ongil escribió: Lo puedo hacer con un solo css, o le tengo que adjuntar a los articulo otros css? Si tu newsletter se va a publicar en linea te dejo una pequeña muestra de unas pruebas [1] (por diversion) que hice con el newsletter de Carlos Tori NNL NEWSLETTER [2] usando un layout liquido [3], basado en el articulo de Nicolas Fantino [4]. Todo el proceso intente resumirlo en dos articulos Rediseñando NNL Newsletter I [5] y Rediseñando Newsletter II [6]. Espero te sean utiles :) [1] http://www.milmazz.com/wp-content/nnl/11.html [2] http://nnlnews.com/ [3] http://www.100px.com/articulos/ni_fijo_ni_liquido_elastico/ [4] http://www.100px.com/ [5] http://milmazz.com/archivos/2005/04/28/redisenando-nnl-newsletter-i/ [6] http://www.milmazz.com/archivos/2005/04/28/redisenando-nnl-newsletter-ii/ -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com http://ubuntuchannel.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distinguir el navegador sin usar javascript
El lun, 05-12-2005 a las 18:19 +0100, Silvia Martín Fdz.de Labastida escribió: Mi problema es que quiero cargar un archivo css u otro dependiendo del navegador pero sin utilizar javascript para discernir. Por temas de accesibilidad tengo que hacerlo con el javascript deshabilitado. Puedes crearte una hojas de estilos estandar, y separar dicha hoja estandar de una especial para el IE haciendo uso de los comentarios condicionales [1] Tambien puedes hacer uso de la regla @import [2] [1] http://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htm [2] http://www.sidar.org/recur/desdi/traduc/es/css/cascade.html#at-import Un saludo: -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com http://ubuntuchannel.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
El jue, 01-12-2005 a las 16:24 +0100, Choan C. Gálvez escribió:
Sí, la hay, pero alguna etiqueta sí que tendrás que usar.
Si mal no recuerdo, en tu web hay un enlace a la página de inicio...
Puedes utilizar este marcado (que incluye un `span` tonto pero muy útil):
a href=/ id=lnkHomeIniciospan/span/a
Choan, para evitar el uso de la etiqueta vacia span, puedes recurrir al
siguiente metodo:
h1a href=# title=# hreflang=# rel=bookmarkTitulo/a/h1
En CSS podrias hacer algo asi:
h1 a:link{
display: block;
width: XXXpx; /* ancho en px de la imagen */
padding-top: XXXpx; /* alto de la imagen */
background: url(path.png) 0 0 no-repeat;
/* La magia de ocultar el texto */
height: 0;
overflow: hidden;
}
Fuente: http://moronicbajebus.com/playground/cssplay/image-replacement/
Un saludo:
--
Milton Mazzarri, a.k.a. [MilMazz]
Usuario de GNU/Linux: #369158
Ubuntu Linux
http://www.milmazz.com
http://ubuntuchannel.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Opinión y consejos para mi segunda web
El mié, 30-11-2005 a las 22:59 +0100, Carlos escribió: Pues eso, a ver si me dicen qué opinan. Estoy abierto a sugerencias teniendo en cuenta que los temas de la web serán el Inkscape y javascript sobre todo. La web es la siguiente : http://www.carlosgo.com (está claro como me llamo ;P). Visita mi web www.carlosgo.com Lo unico que me parece molesto es el efecto de los cliparts... te sugiero que hagas uso al menos de thumbnails. Un saludo: -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com http://ubuntuchannel.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mejorar la presentacion de los bloques de codigo
El vie, 25-11-2005 a las 10:09 +0100, Choan C. Gálvez escribió: Quizá te pueda ayudar [LIPT: Inyección de listas a gogó][1] (solución JS hecha en casa). Choan, a la final no me enviaste la URL, pero gracias a Saint Google di con el artículo. El artículo incluye enlaces a otros métodos, pero no menciona estos dos que también podrían serte útiles (también JS): * dp.SyntaxHighlighter - free JavaScript syntax highlighting http://www.dreamprojections.com/SyntaxHighlighter/Default.aspx * star-light http://dean.edwards.name/my/examples/star-light/ Son mucho más completos (y mcho más pesados). Muchas gracias, ya los estoy revisando... -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com http://ubuntuchannel.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Kristina Nordlöf
2005/7/30, [EMAIL PROTECTED] [EMAIL PROTECTED]: Alguien sabe cuando vuelve de vacaciones Kristina Nordlöf? daniel Ojala regrese pronto para que desactive su mensaje, de todas maneras, doy gracias por la existencia de los filtros ;) ya le he aplicado uno :D Un saludo: -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Re: dl para galería de fotos
Te recomiendo ver la recopilación hecha por Torres Burriel de recursos CSS (extraidos de esta misma lista) en http://www.torresburriel.com/w-css/ Especificamente esta parte: http://www.torresburriel.com/w-css/?p=7 (Galería de Imágenes) Un saludo... Date: Wed, 13 Apr 2005 08:19:14 GMT From: Javier Perez [EMAIL PROTECTED] Subject: Re: dl para galería de fotos (era: Re: [Ovillo]Perdon por el mail anterior, y consulta) To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=iso-8859-1 Muchisimas gracias por tu pronta respuesta Ramón. En cuanto tenga un rato lo pruebao, y esta tarde o mañana te cuento. En confianza, entonces lo logico es hacerlo con DT y DL, ¿no? A nivel semantico y demás, digo. Gracias de nuevo, Javier ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Milton Mazzarri Usuario de GNU/Linux: #369158 Ubuntu Linux ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
