Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra

[Daniel Navarro]

Hola Jorge:

A mí también me dio error la primera vez que intenté acceder al enlace, pero
ahora parece funcionar sin problemas.

[...] que lleva un diseño elástico (se expande horizontal y verticalmente
segun tamaño de la fuente)

Si tienes claro que quieres este tipo de diseño, adelante. Pero si estás
empezando en el mundillo del diseño web (no lo sé), te recomendaría que
empezaras por un diseño de anchura fija en px (oigo rugidos de algunos).

Las versiones más modernas de los principales navegadores están incorporando
zoom completo de página en vez de zoom de texto. Por lo tanto, un diseño
fijo con px es cada vez menos traumático.

De todas formas, posteriormente es muy sencillo convertir un diseño de
tamaño fijo en uno elástico.

[...]debe ser accesible y semanticamente correcta [..]. La cuestión es que
tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos
bordes superior e izquierdo lleva una sombra, además de la propia esquina.

Esas esquinas no contienen ningún valor semántico sino que son de adorno.
Por lo tanto, OJO, no la incluyas en el documento mediante el elemento
, sino como imágenes de fondo con la propiedad CSS *background* o *
background-image*.

Te recuerdo que sólo puedes usar un background-image para cada elemento
(x)html. Para que el diseño pueda redimensionarse horizontalmente, se
necesitan, al menos, dos imágenes de fondo. Una de ellas tiene que ser lo
suficientemente grande como para que la otra se "deslice" sobre ella
ocultándola (técnica de las puertas correderas).

Nota: Para las sombras usa un programa de diseño gráfico en condiciones, que
te incluya este efecto. La imagen que propones parece hecha con el Paint.


 Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] IE no me imprime imagen dentro de una capa

[Daniel Navarro]

Hola, tendría que funcionar.

Una observación: ¿la imagen de fondo la tienes situada en una carpeta
diferente o te has confundido al teclear su nombre?
- La imagen de fondo está en "images/"
- La imagen del cursor está en"imagen/"
(cambia la última letra)

He probado el código que indicas con (imágenes propias, claro) y se
visualiza bien en Internet Explorer, tanto en la versión 6 como en la 7. Si
quieres, mándame tus archivos y los miro.

Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] IE no me imprime imagen dentro de una capa

[Daniel Navarro]

  Alexander, aunque no te solucione el problema que tienes con Internet
Explorer, procura validar tu página. Contiene errores importantes. Una forma
muy útil de hacerlo es mediante la extensión "html validator" de Firefox.
Por comentarte algo, has incluido el elemento de bloque  dentro de una
etiqueta , que es un elemento de nivel de texto o inline.

  Otro error importante es el carácter Ú (vocal "u" acentuada, en
mayúsculas) correspondientes a la primera letra de "Últimos comentarios".
Debería de contener el código correspondiente en UTF-8 y no un byte
desconocido para esta codificación. En realidad, has puesto el código "Ú" en
ISO-8859-1 o Latín-1 (que en UTF-8 no se corresponde con ningún carácter).
Vigila que tu editor trabaje en utf-8.

Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] IE no me imprime imagen dentro de una capa

[Daniel Navarro]

Te aseguro que puedo ver las imágenes en Internet Explorer 7. ¿Has probado a
visualizar la página desde otro ordenador diferente al tuyo?.


Por otro lado, el cambio que has hecho en la css no es correcto; tiene que
estar como al principio.

Donde dice
background-image: url(images/borde.png) no-repeat;

debe de ser
background: url(images/borde.png) no-repeat;  /* propiedad background, no
background-image */

o bien

background-image: url(images/borde.png);
background-repeat: no-repeat;


Independientemente de tu problema, te aconsejo que establezcas el efecto
rollover mediante css en vez de usar los eventos intrínsecos onmouseover y
onmouseout.

Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Sombras en imágenes con Css

[Daniel Navarro]

Algunos enlaces para introducir, mediante librerías javascript, sombras y
otras características en las imágenes.

http://www.swfir.com/

http://www.ruzee.com/blog/shadedborder

http://www.tastypopsicle.com/dropshadow/

http://www.erik-rasmussen.com/blog/2006/12/04/the-shadower-realistic-drop-shadows-in-javascript/

http://www.netzgesta.de/glossy/
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Png transparentes en explorer

[Daniel Navarro]

Hola.

  Además de corregir el problema de transparencia de pngs en Internet
Explorer, la biblioteca javascript IE7.js hace que Internet Explorer 5 y 6
se comporten como la versión 7. Existe también un IE8.js.

Página del autor:
http://dean.edwards.name/

Alojamiento en GoogleCode:
http://code.google.com/p/ie7-js/

Saludos
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ot:mostrar informacion de .doc

[Daniel Navarro]

Hola.

  No entiendo muy bien tus dudas. Si te planteas si usar o no tablas,
decirte que las tablas no se deben de emplear para establecer el diseño de
la página, sino para presentar datos tabulares. En tu caso sería así, una
tabla para cada ronda. Eso sí, emplea CSS para darle formato.

  También, sigue algunas pautas básicas de accesibilidad en tablas:
http://www.innovacionweb.com/tablas_accesibles.php  (castellano)
http://www.usability.com.au/resources/tables.cfm  (inglés)


  Respecto al scrolling, en principio se considera contrario a la
usabilidad, sobre todo si hay que desplazar más de tres veces la pantalla,
pero todo depende del contenido de ésta. Hoy en día los usuarios están más
acostumbrados al scrolling vertical (el horizontal sí debería evitarse). Te
propongo una solución mixta; usar una lista de enlaces tipo "rondas de fecha
tal hasta tal otra", que apuntan a páginas con tablas en las que el scroll
abarca tres páginas más o menos.


Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [OT] cargar pag. en pestaña

[Daniel Navarro]

Hola.

 Que yo sepa (y si no que alguien me corrija), depende de la configuración
del navegador. He visto en Internet algún script que promete lo que quieres,
pero ignoro si funciona. De todas formas, se considera contrario a la
usabilidad el abrir vínculos en nuevas ventanas o pestañas. Si el usuario
tiene experiencia, será él quien elija dónde abrir el vínculo (por ejemplo,
con el menú contextual que aparece al pulsar con el botón derecho). Y si es
un usuario muy muy novel, mejor no confundirlo. Lo que sí sabe hacer todo el
mundo es pulsar el botón de ir a la página anterior; es una convención muy
usada y conocida. Si, aún así, quieres abrir una nueva ventana o pestaña,
avisa antes al usuario.

Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ot: ventanas en firefox e ie

[Daniel Navarro]

A nivel práctico, Enmanuelle tiene razón. Internet Explorer muestra
incorrectamente el texto del atributo *alt *de las imágenes como una
tooltip. Afortunadamente, si también está definido el atributo *title*,
Internet Explorer hace caso a este último como texto de la tooltip y reserva
alt para cuando no se muestre la imagen, como debe de ser. Y, por supuesto,
tampoco se muestra la tooltip en el caso de los enlaces, donde el atributo
alt no está permitido.

Pero Ramón Carominas también tiene razón. La especificación html [1] no
especifica cómo tiene un navegador que renderizar el atributo title;
simplemente se limita a comentar que la mayoría de los navegadores lo hacen
mediante una tooltip:

*"title = texto [CS]
Este atributo ofrece información consultiva sobre el elemento para el
cual se establece.
[...]Los valores del atributo title pueden ser representados por los agentes
de usuario de diferentes maneras. Por ejemplo, los navegadores visuales
suelen representar el título como un "tool tip" (un mensaje corto que
aparece cuando el dispositivo apuntador se detiene sobre un objeto).*"

Aunque la mayoría de los navegadores representan el atributo title mediante
un tooltip, algunos autores señalan que esto puede provocar algunos
problemas de accesibilidad: el texto de la tooltip no cambia de tamaño,
desaparece a los pocos segundos, no se activa cuando se usa el teclado, está
desaconsejado en usuarios con dislexia, etc. Algunos navegadores representan
el atributo title de forma diferente, por ejemplo, mostrando su contenido en
la barra de estado, pero esto provoca otros problemas de usabilidad.

Desconocía que en las Directrices de Accesibilidad para Agentes de Usuario
[2] se indicara que el contenido del atributo title se tuviera que mostrar
como una tooltip. Si es así, me gustaría que alguien me lo indicara.

Otra observación: es mala práctica el usar el atributo title para
simplemente repetir el texto del enlace.

Saludos.



[1] El atributo title en la especificación html 4.01 (traducción al
castellano):
http://html.conclase.net/w3c/html401-es/struct/global.html#h-7.4.3

[2] User Agent Accessibility Guidelines 1.0
http://www.w3.org/TR/UAAG10/
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ot: ventanas en firefox e ie

[Daniel Navarro]

Hola, Ramón:

Como tú mismo has comentado, la recomendación html indica que el atributo
alt especifica texto alternativo en el caso en el que los agentes de usuario
no puedan visualizar imágenes, formularios o applets. Por lo tanto,
centrándonos en el caso de una imagen, el texto del atributo alt sólo se
deberá renderizar cuando se dé la condición y, en este caso, la condición es
que no se pueda visualizar la imagen por el motivo que sea (por que no se
encuentra en su localización, porque se han desactivado las imágenes en el
agente de usuario, porque el agente de usuario es un lector de pantalla,
etc.). Por lo tanto, si la imagen se puede mostrar, no se debe renderizar el
atributo alt ni en la forma de tooltip ni en ninguna otra forma, ya que
haría pensar que se trata de información adicional, no alternativa.

El mostrar el texto del atributo alt como un tooltip se considera un bug de
Internet Explorer. Mira la siguiente discusión en la que el equipo de
Internet Explorer reconoce que se trata de un bug que se ha corregido en la
versión 8beta2:
http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=334225

De todas formas, la duda inicial era el porqué no se mostraba un toolip
cuando en un enlace se incluía el atributo alt y esto fue contestado bien
por Emmanuelle: debía de usar *title *en vez de alt (que, además, está
prohibido en los enlaces). Tú también tenías razón cuando comentaste que los
navegadores no tienen porqué estar obligados a mostrar un tooltip de forma
obligatoria cuando se encuentran con el atributo title.

Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ot: ventanas en firefox e ie

[Daniel Navarro]

En realidad no hay nada que diga de forma expresa "*está prohibido que
el texto del atributo alt se muestre mediante una tooltip*", al igual que no
hay nada que obligue a los fabricantes de vehículos a que se encienda la
radio cada vez que cambias a la quinta marcha. ¿A que te parece ridículo
esto último?. La caja de cambios del vehículo está para eso, para cambiar y
no para molestar encendiendo la radio; para eso hay otros mandos.

  En cuanto al apartado que citas del UUAG 1.0 [1], en él se dice "*When a
specification does not explain how to provide access to this [conditional]
content, do so as follows: (1a) [...]*". O sea, que las opciones que se
indican se deben de aplicar cuando una especificación no explique cómo
proporcionar acceso al contenido condicional. Pero ese no es el caso del
atributo alt en las imágenes porque la especificación, en este caso la
Recomendación HTML4 [2], sí que lo explica. Se debe de proporcionar el texto
del atributo alt (contenido condicional) cuando no haya imagen:

  "*The alt attribute specifies alternate text that is rendered when the
image cannot be displayed (see below for information on how to specify
alternate text ). User agents must render alternate text when they cannot
support images, they cannot support a certain image type or when they are
configured not to display images.*".

  El caso del atributo title es diferente. Esto es lo que dice el glosario
del UUAG 1.0 [3]:
  "*Specifications vary in how completely they define how and when to render
conditional content. For instance, the HTML 4 specification includes the
rendering conditions for the alt attribute, but not for the title attribute.
The HTML 4 specification does indicate that the title attribute should be
available to users through the user interface ("Values of the title
attribute may be rendered by user agents in a variety of ways...").*"


  Saludos.


[1] User Agent Accessibility Guidelines 1.0 (UUAG 1.0), en su apartado 2.3
"Render conditional content (P1)"
http://www.w3.org/TR/UAAG10/guidelines.html#tech-conditional-content

[2] El elemento img en la especificación HTML 4.01

http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#h-13.2

[3] Definición de contenido condicional del glosario de UAAG 1.0
http://www.w3.org/TR/WAI-USERAGENT/glossary.html#def-conditional-content




El 19 de noviembre de 2008 13:26, Ramón Corominas <[EMAIL PROTECTED]
> escribió:

> A ver, no estaba diciendo que me pareciera correcto lo que hace Explorer
> (a mí también me parece erróneo), pero leyendo la pauta parece que se
> podría entender que mostrar el texto alt "además de" (2a) no sería
> incorrecto. Aunque también puede ser que la interpretación correcta deba
> ser que si se hace "en lugar de" (1a), ya no se haga "además de" (2a).
>
> Saludos,
> Ramón.
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Nuevo blog

[Daniel Navarro]

Hola, Rodrigo.

Veo que has usado Wordpress.

Tienes errores de validación en el código xhtml. El uso del elemento embed
para el vídeo de youtube es uno de ellos. Se debe de usar object en su
lugar, pero esto da para más de un debate.

En la parte del pie has incluido una lista no ordenada ul, pero sin
elementos li dentro de ella.
Tú haces:


  ... 
  ... 


y debe de ser:


  **... **
  **... **


Saludos




El 19 de noviembre de 2008 23:09, rodrigo ascariz telefonica <
[EMAIL PROTECTED]> escribió:

>
> La url
>
> http://blog.ascariz.es
>
>
>
>
>
> 
>
> Un Saludo Cordial de Rodrigo Ascáriz Martínez.
> Email: [EMAIL PROTECTED]
> Portafolios: www.ascariz.es
> Blog: http://blog.ascariz.es
> Seguidor de estandares WEB de W3C para la buena Programación.
> Creo páginas en SEM y SEO
> Programador & Diseñador: HTML, DHTML,AJAX, JavaScript, ASP, Macromedia
> Studio, ASP.NET, Adobe Photoshop , Microsoft SQL Server 2000/2005
>
>
>
>
>
>
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de Miguel Gonzalez
> Enviado el: miércoles, 19 de noviembre de 2008 19:24
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Nuevo blog
>
>
> ¿Y la dirección del blog es... ?
>
> ¡Saludos!
>
> Miguel González
>
>
>
>
> rodrigo ascariz telefonica escribió:
> > Buenos tardes a todo el mundo..
> >
> >
> >
> > Estoy creando un blog y me gustaría que le deis vuestra opinión.
> >
> >
> >
> > Muchas gracias
> >
> >
> >
> >
> >
> >   _
> >
> > Un Saludo Cordial de Rodrigo Ascáriz Martínez.
> > Email:   [EMAIL PROTECTED]
> > Portafolios: www.ascariz.es
> > Blog:   http://blog.ascariz.es
> > Seguidor de estandares WEB de   W3C para la buena
> > Programación.
> > Creo páginas en SEM y SEO
> > Programador & Diseñador: HTML, DHTML,AJAX, JavaScript, ASP, Macromedia
> > Studio, ASP.NET, Adobe Photoshop , Microsoft SQL Server 2000/2005
> >
> >
> >
> >
> >
> >
> >
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ot: ventanas en firefox e ie

[Daniel Navarro]

http://www.w3.org/2005/11/Translations/Lists/ListLang-es.html
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] css, outlook background

[Daniel Navarro]

¿qué versión?



2008/11/19 Joseba <[EMAIL PROTECTED]>

> Hola!
>
>
>
> Estoy intentando hacer una plantilla para el Outlook y veo que no respeta
> el
> no-repeat del background.
>
>
>
> Alguien se ha topado con ese problemilla?
>
>
>
> Gratxe.
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Alternar un fondo en css

[Daniel Navarro]

Hola
¿Web contenida en un contenedor?
¿Te refieres a que la estás incluyendo en un frame (marco)?
Aporta más datos.




2008/11/19 Jose Avia <[EMAIL PROTECTED]>

> Buenas.
>
> Me surge un problemilla.
>
> Tengo una web contenida en un contenedor.
>
> Dicho contenedor, debe tener una imagen de fondo, pero solo en su lado
> izquierdo.
>
> ¿Alguien sabe como se puede hacer esto?
>
> Gracias!
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] css para formulario (input)

[Daniel Navarro]

Hola, Ramón:

Tu contestación es buena, pero un par de puntualizaciones:

1.- La primera es quizás demasiado "puntillosa", pero supongo que te lo
tomarás a bien ya que pareces ser una persona detallista (lo digo por el
hilo del atributo alt). El nombre de una clase no debe de hacer referencia
al estilo. En vez de *class="sinborde"*, es mejor usar *class="boton"*, *
class="radio"*, etc. Esto es así para asegurar la independencia entre
contenido y presentación. El borde es presentación y debe de ir en la hoja
de estilos. Si, en un momento dado, deseas modificar el tener o no tener
borde, además de tocar la css tendrás que editar también el archivo html
para cambiar el nombre de la clase.

2.- El selector *input.sinborde* es menos específico que *table.catalogo
input*, por lo que no se aplicaría la regla.
Tendrías que escribir
*table.catalogo input.sinborde {
  border: none;
}*

Saludos




El 20 de noviembre de 2008 11:15, Ramón Corominas <[EMAIL PROTECTED]
> escribió:

> Añade una clase a esos inputs:
>
> 
>
> input.sinborde { border-width: 0; }
>
> Si Internet Explorer fuera decente, también podrías usar:
>
> input[type="radio"] { border-width: 0; }
>
> Saludos,
> Ramón.
>
>
> Encarnación Blanco Hernández escribió:
> > cuando aparece un input por ejempo type=radio o similar
> > me parecel el borde y en esos casos quiero eliminarlo
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: ver google mail sin css activo

[Daniel Navarro]

Además, está llena de errores de validación.

La vista estándar usa iframes y tiene DTD transitional. La vista
básica en HTML no tiene iframes ni DTD.



2008/11/20 Miguel Beltran R. <[EMAIL PROTECTED]>
>
> En estos momentos me dio curiosidad ver como se ve google mail en firefox
> sin estilos habilitados (menu ver -> estilos de pagina -> sin estilos) y me
> llamo antencion que maneja iframe, sobre todo que donde vemos "todo" es un
> iframe y muchos de los textos auxiliares que ven ("mensaje de ")
> estan en la pagina principal fuera del iframe.
>
> Solo es un pequeño fuera-de-tema (off-topic)
>
> --
> 
> Lo bueno de vivir un dia mas
> es saber que nos queda un dia menos de vida
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ref; tag no valido

[Daniel Navarro]

Hola:

Los atributos html *cellpadding *y *cellspacing *se pueden sustituir por sus
equivalentes en CSS.

*cellpadding *se incluye en css mediante la propiedad *padding*.

*cellspacing *se incluye en css mediante las siguientes dos reglas:
*  border-collapse: separate;
  border-spacing: 3px;*

El problema es que *border-spacing* no es soportado por Internet Explorer
(IE), que mantiene siempre un pequeño espaciado entre celdas que no se puede
redimensionar. Lo que sí permite IE, al igual que los demás navegadores, es
eliminar este pequeño espaciado y colapsar los bordes con*  border-collapse:
collapse;*

Saludos






2008/11/21 Cristian Wilgenhoff <[EMAIL PROTECTED]>

> facil:
>
>  cellpadding="0"
>cellspacing="0" height="583">
>
> a:
>
> 
>
> Igual te recomendaria hacer esto:
>
> 
> 
>
> y en la CSS:
>
> table {
>  background:url(images/bg2.gif);
>  width:804px;
> border:0;
> height:583px;
> }
>
> Saludos, Compara y fijate los errores. Una cosa que no recuerdo es que si
> cellpadding="0" cellspacing="0" se puede poner en la hoja de estilos.
>
> Cristian.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] css para formulario (input)

[Daniel Navarro]

Hola, Encarnación.

[Tú escribiste]
*Porque la otra forma que me indicabas para no
tener que tocar las páginas html no he sabido
hacerlo: *class="boton"*, *class="radio"*, etc.
*
  Perdona, supongo que no he sabido expresarme de forma clara. Verás, se
trata de elegir bien los nombres de las clases y de los ID. El nombre de una
clase no debería de hacer referencia al estilo. Así que, en este caso, no
debería de llamarse *sinborde*. Nombres más válidos son *boton*, *radio*,
etc.

  Por lo tanto, en vez de
*  table.catalogo input.sinborde {
  border: none;
  }
*
  Es mejor escribir:
 * table.catalogo input.**boton, table.catalogo input.radio {
  border: none;
  }*

por supuesto, cambiando también, en el archivo html, *class="sinborde"* por
*class="radio"* o *class="boton"*.

Otra opción es actuar a la inversa: en vez de eliminar el borde donde no lo
quieras, colocarlo donde sí que lo quieras. En ese caso harías:

*  table.catalogo input.texto{
  border: 1px solid #777;
  }*
y en el archivo html estaría *escribió:

> Muchas gracias Daniel, por fin lo he conseguido
> siguiendo las pautas que me has indicado.
> El código que he puesto es así:
>
> table.catalogo input.sinborde {
>   border: none;
> }
>
> Porque la otra forma que me indicabas para no
> tener que tocar las páginas html no he sabido
> hacerlo: *class="boton"*, *class="radio"*, etc.
>
> Un saludo,
>
>
>
> _
>
> Encarnación Blanco Hernández e-mail: [EMAIL PROTECTED]
> Servicios Informáticos, CPD  Tfno: 923294400 Ext. 1313
> Universidad de Salamanca
>
> __
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Png transparentes en explorer

[Daniel Navarro]

Hola, muestranos el código o el enlace a alguna página donde lo tengas.

Saludos.



El 23 de noviembre de 2008 11:54, Félix M <[EMAIL PROTECTED]>escribió:

> Gracias por el aporte. Lo he utilizado y funciona pero en los menús en
> los que tienen que tener más tamaño para el texto la imagen se coloca
> en el lado izquierdo y no en el centro, como me gustaría se viese en
> mi caso. Hay alguna solución. Aparte el texto que colocó lo quiero en
> la base de la caja y se queda arriba. He probado con vertical-aligh,
> poniendo line-height, que en firefox funciona pero en ie no.
>
> Aunque son dos cosas que no tienen que a ver sí me podéis ayudar
> porque llevó con el tema mas de 1 semana y muchas horas.
>
> Gracias.
>
> Félix
>
> El 17/11/2008, a las 0:37, "Daniel Navarro" <[EMAIL PROTECTED]>
> escribió:
>
> > Hola.
> >
> >  Además de corregir el problema de transparencia de pngs en Internet
> > Explorer, la biblioteca javascript IE7.js hace que Internet Explorer
> > 5 y 6
> > se comporten como la versión 7. Existe también un IE8.js.
> >
> > Página del autor:
> > http://dean.edwards.name/
> >
> > Alojamiento en GoogleCode:
> > http://code.google.com/p/ie7-js/
> >
> > Saludos
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema: li con png transparente de fondo, en IE

[Daniel Navarro]

Hola. Estoy de acuerdo con Tei.
Prueba a escribir *crop *en vez de *scroll*.

Otras consideraciones:

- Tal y como lo tienes, estás proporcionando dos veces el boliche *
bullet.png* para la versión 7 de Internet Explorer (IE7): una con *filter *y
la otra con el hack de selector hijo *html>body*. IE6 o inferior, en sus
versiones para Windows, no reconoce este hack, pero IE7 sí.

- Los navegadores sangran las listas de forma diferente. Firefox  tiene en
cuenta el relleno (padding), mientras que IE y Opera tienen en cuenta el
margen para el sangrado. Te recomiendo, para que consigas una mayor
consistencia entre los navegadores, que anules el relleno y el margen
predeterminados por el navegador:

* {
  padding: 0;
  margin: 0;
}
.. para luego indicarlos de forma explícita para los diferentes elementos.

Los boliches predeterminados se eliminan con:

ul {
  list-style: none;
}


Saludos.






El 27 de noviembre de 2008 17:32, Carolina Rodríguez <
[EMAIL PROTECTED]> escribió:

> Hola,
> Os agradecería que me dijeseis si sabéis como solucionar esto. Me ha
> ocurrido esto mismo ya varias veces.
> En una lista, pongo los bullets en los css, como imagen de fondo, segun la
> clase del li. Las imágenes de fondo son pngs de 24 transparentes. Para que
> se vean en IE utilizo:
>
> li {
> float: left;
> position: relative;
> width: 268px;
> padding: 0 0 0 20px;
> background: none;
> filter:
> progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
> sizingMethod='scroll');
> }
> html>body li {
>background: url(bullet.png) left 6px no-repeat;
> }
>
> Pero así en los IE6 y 7 el li se encoge al ancho del contenido, no obedece
> al width... Y he comprobado que si quito la linea del filter vuelve todo a
> su sitio, así que he supongo que el problema viene del sizingMethod del
> filter, pero no sé como solucionarlo.
>
> ¿Alguna idea?
>
> Muchas gracias!
>
>
>
>
>
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] fondo de menu que no se ve en ie y otros detalles

[Daniel Navarro]

Hola, le he echado un vistazo y ahora mismo no tienes la hoja de estilo
pirulo.css ¿la has eliminado?.



2008/11/28 <[EMAIL PROTECTED]>

> Hola Amigos! tengo este link:
> http://members.libreopinion.com/ar/judithg/index.html
>
> y una serie de pequeños incovenientes en IE (tengo el 8beta)
>
> 1- en firefox se ve bien la esquina izquierda del fondo del menu y en ie
> no,
> toma esa esquina
> 2- veo cuando recorro las paginas, que el index y el resto parecen no estar
> en la misma posicion (como que se corre hacia las derecha), pero no
> encuentro donde esta el error
> 3-en el hover, no consigo hacer que ese fondo sea del tamaño de la letra,
> siempre es mas chico por una o dos letras, me canse de buscar y no
> encuentro
> donde esta el error
> 4- por ultimo: hay manera de cambiarle el color de las cajas del
> formulario?
>
> *Aclaraciones*:
>
>   1. el sitio no esta terminado aun
>   2. el menu  con su CSS, lo saque de esta pagina:
>   http://www.13styles.com/css-menus/gloss/
>   3. Ya que estamos espero vuestras opiniones al respecto
>
> Muchas gracias
>
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema: li con png transparente de fondo, en IE

[Daniel Navarro]

Puedes usar los comentarios condicionales cuando quieras dirigirte a una
versión anterior a la 7 de Internet Explorer. Inclúyelo en el head del
archivo html:

**

En el ejemplo anterior, es mejor usar una hoja de estilos externa:

**


Saludos

El 28 de noviembre de 2008 14:52, Carolina Rodríguez <
[EMAIL PROTECTED]> escribió:

> Perfecto! No se de donde me saqué yo lo del 'scroll' pero sí, con 'crop'
> funciona perfectamente :-)
>
> Muchas gracias a todos!
>
>
> (Alguien me comentaba lo de el padding y el margin a cero y el
> list-style... no aparecía nada de eso en el trozo que puse porque estaba
> definido en un reset general, al comienzo de la hoja de estilos)
>
> Eso sí,
> en vez de definirlo con el html>body como lo tenía
> he tenido que ponerlo que ponerlo con el asterisco porque en IE7 me
> duplicaba el bullet
> li {
> background: url(bullet.png) left 6px no-repeat;
> *background: none;
> filter:
> progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
> sizingMethod='crop');
> }
> y creo que no es muy ortodoxo ¿no?
>
> Un saludo.
>
>
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] fondo de menu que no se ve en ie y otros detalles

[Daniel Navarro]

Vale, le echaré un vistazo.

  Por lo pronto, decirte que en Firefox se produce un salto del menú cuando
cambias de página. Esto es debido a que este navegador sólo muestra la barra
de desplazamiento vertical (scroll) cuando es necesario. Si el contenido de
la página es lo suficientemente pequeño como para que no te tengas que
desplazar verticalmente, esta barra desaparece. Pero resulta que esta barra
ocupa espacio y, como tú has centrado el menú, si la barra de scroll
desaparece entonces deja un hueco. Este hueco provoca que el menú se
desplace hacia la derecha para centrarse de nuevo, ya que las dimensiones
del viewport han cambiado (el viewport es la parte del navegador donde se
visualiza la página).

Para corregir este error, incluye lo siguiente en el archivo css:

html {
  height: 101%; /* scroll vertical siempre visible */
}

  En Internet Explorer esto no ocurre porque siempre muestra la barra de
desplazamiento vertical, sólo que aparece desactivada (sombreada) cuando no
se necesita; pero siempre está ahí ocupando espacio. Al menos en las
versiones anteriores a la 8. En IE8 no lo sé porque no lo tengo instalado.

Hasta pronto.


2008/11/30 <[EMAIL PROTECTED]>

> Daniel, gracias por tu tiempo, tienes razon en un descuido borre el css,
> pero ya lo subi otra vez, si puedes lo miras, si? muchas gracias!
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] fondo de menu que no se ve en ie y otros detalles

[Daniel Navarro]

Hola de nuevo.

Error de la imagen de fondo de los elementos del menú.
En *pirulo.css*, donde dice:

.rhm1-bg li a span{
  float:left;
  display:block;
  padding:0 *32x* 0 15px;
}

el 32x está mal, debe de ser *32px*



Error de la esquina izquierda.
En *pirulo.css*, donde dice:

.rhm1-left{
  background:  transparent *url(rhm1_l.gif)no-repeat* scroll center right;
  width:15px;
  height:64px;
  float:left;
}

hay que dejar un espacio entre *url(rhm1_l.gif)* y *no-repeat*.

Para subsanar estos errores, te hubiera sido más sencillo volver a copiar el
código CSS original.


Otros errores
Además, tienes otros errores tanto de xhtml como de css.
*En CSS*: no se permite el valor *auto *en *padding*.
*En XHTML*: falta cerrar con una barra la etiqueta *link *del *shortcut icon
*, las imágenes deben de incorporar el atributo *alt*, en la página de
servicios de obra te falta añadir algunas etiquetas de cierre **,
etc.

  Te recomiendo encarecidamente que te acostumbres a validar frecuentemente
el código que escribas. Lo puedes hacer online en la página del Consorcio
Web: http://w3.org. Busca en el menú vertical de la izquierda las entradas
"CSS Validator" y "HTML Validator".


Imagen de fondo de los elementos del menú
Como podrás comprobar cuando corrijas los errores, si el texto de los
elementos del menú ocupan mucho, la imagen de fondo se rompe. Te
sucede en *Soluciones
Complementarias*. Tienes dos formas de arreglarlo: cambiar el texto para que
ocupe menos (obvio) o editar la imagen *rhm1_hover_r.gif* para alargarla por
la izquierda.


Resaltar la navegación
También he visto que te falta resaltar en el menú la página que se está
actualmente visualizando.

En *index.html* debes de escribir:
Home
Decoración y Diseño
 ...

En la página *Decoración y Diseño*:
Home
Decoración y
Diseño
 ...

y así con todas las páginas.



Saludos



2008/11/30 <[EMAIL PROTECTED]>

> Daniel, gracias por tu tiempo, tienes razon en un descuido borre el css,
> pero ya lo subi otra vez, si puedes lo miras, si? muchas gracias!
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] fondo de menu que no se ve en ie y otros detalles

[Daniel Navarro]

Hola, estos días estoy muy ocupado, pero cuando pueda le vuelvo a echar un
vistazo a tu página.

Respecto del corte en la imagen de fondo, te lo comenté en el mensaje
anterior:
Tienes dos formas de arreglarlo: cambiar el texto para que ocupe menos
(obvio) o editar la imagen rhm1_hover_r.gif para alargarla por la izquierda.

Hasta pronto.

2008/12/1 <[EMAIL PROTECTED]>

> Hola otra vez!
>  Daniel todo lo que me has dicho lo he corregido y funciono!!
> solo me quedan estos temas:
> 1- ahora la imagen de fondo cubre todo el texto, pero, no solo en el hover,
> sino de forma permanente, yo solo quiero que sea en el hover
> 2- en la dichosa imegen de fondo de los links (hover, sí, no podia ser de
> otra forma), se ve un "corte" en la union de las dos imagenes, porque se
> produce?
> 3- respecto a que el current deberia marcar solo la pagina actual, yo no
> distingo ningun efecto o cambio  en una pagina o en otra, soy yo, o no esta
> sucediendo nada?
>
> Especiales gracias a Daniel que con sus consejos pude solucionar casi todo.
> Otra cosa mas, nunca habia oido del tema ese del scroll, he aprendido algo
> nuevo, Gracias
> Los que puedan y quieran echenle un vistazo, busco sus opiniones en cuanto
> al diseño y demas
>
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemas con las propiedades margin y padding en

[Daniel Navarro]

Hola, aunque parece que has corregido tus problemas, comentarte que muchas
veces la separación entre bloques es debido a que el margen de un elemento
interno (por ejemplo, un párrafo dentro de un div) tiene un margen que
SOBRESALE del elemento contenedor (en el ejemplo que he puest, el margen del
párrafo sobresaldría del elemento div que lo contiene).

  Una solución consiste en asignar un padding (de 1px vale) al elemento
contenedor. En el ejemplo, si se asigna un padding al div, el margen del
párrafo no rebasaría el borde del div contenedor. Es un problema muy común
pero poco conocido entre los diseñadores.

Saludos.

2008/12/2 Silvana Peralta <[EMAIL PROTECTED]>

> Hola gente,
>
>  tengo algunos problemas con estas propiedades al anidadar divs para
> darle la estructura a mi sitio. Mi idea es tener un contenedor principal
> (container), que tiene un encabezado (header), el menú (nav), el contenido
> del sitio (contents) y el pie (footer).  Mi problema surge, que cuando le
> asigno algún color de fondo o una imágen al encabezado o al cuerpo del
> sitio, noto que me queda una línea blanca entre divs (por ejemplo entre el
> header y el content, y el content y el footer).
>  Estuve buscando en internet, viendo el "modelo de cajas", pero
> evidentemente hay algo que estoy pasando por alto o algo que entendí mal.
> Probé con el paddin, el magin y me sigue pasando lo mismo, no consigo que
> los divs se "unan".
>  Si alguno me puede dar alguna pista de lo que estoy haciendo mal lo
> agradecería mucho. Igualmente pego abajo el codigo de mi css y mi html. Si
> no es muy claro lo que quiero decir podría ver la posibilidad de subir una
> impresión de pantalla donde se note correctamente mi proble.
>  Saludos y muchas gracias.
>
> Silvana.
>
>
> Acá va el código.
>
> CSS:
>
> * {
>  margin:  0;
>  padding: 0;
> }
>
> body {
>font-family: Verdana, Arial, Helvetica, sans-serif;
>font-size: 12px;
>background-image: url(images/bgmain.jpg);
>background-color: #828282;
> }
>
> #container {
>background-color: #ff;
>width: 786px;
>margin: 0px auto 0px auto;
>padding: 0px;
> }
>
> #header {
>background: url(images/header.jpg) no-repeat;
>margin: 0px;
>height: 285px;
> }
>
> #nav {
>background: url(images/bgnav.jpg) no-repeat;
>height: 40px;
>padding: 20px 25px 8px 25px;
> }
>
> #nav ul {
>list-style-type: none;
> }
> #nav li {
>display: inline;
> }
>
> #nav .active a:visited,active {
>text-decoration: none;
>display: block;
> }
>
> #contents {
>background: url(images/bgbody.jpg) repeat-y;
>margin: 0px;
> }
>
>
> #maincontent {
>text-align: justify;
>margin: 0px 70px 0px 30px;
>width: 750px;
>/*padding: 0px 0px 30px 30px;*/
>padding-right: 60px;
> }
>
> #footer {
>background: url(images/bgfooter.jpg) no-repeat;
>padding-top: 10px;
>height: 43px;
> }
>
> #footer p {
>font-family: Verdana, Arial, Helvetica, sans-serif;
>font-size: 11px;
>text-align: center;
>left: 100px;
> }
>
>
> HTML:
>
> 
>  http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>
> http://www.w3.org/1999/xhtml";>
>
> />
>Titulo
>
>
>
>
>
>
>
>
>
>
>
>Inicio
>Link_1
>Link_2
>Link_3
>Link_4
>Link_5
>
>
>
>
>
>
>Header 1
>Header 2
>Header 6 - Descripción
>
>Lorem ipsum dolor sit amet, consectetuer adipiscing
> elit. Donec placerat neque vel tortor. Duis urna. Cras
>orci eros, rutrum porttitor, viverra sit amet,
> gravida sit amet, nisl. Fusce laoreet elementum eros. Sed
>mattis volutpat magna. Class aptent taciti sociosqu
> ad litora torquent per conubia nostra, per inceptos
>himenaeos. Nulla hendrerit orci ornare ipsum. Proin
> semper sapien non libero. Sed auctor, est eget
>volutpat sodales, nulla eros auctor tortor, et
> pellentesque eros diam in odio. Etiam euismod dui eu augue.
>Integer at lacus. Duis eleifend placerat tellus.
> Cras velit. Suspendisse ut arcu.
>
>
>Vivamus in libero. Donec elementum. Vestibulum
> iaculis interdum erat. Fusce vestibulum blandit nulla.
>Nullam fringilla lacus eu sem. Sed non magna. Morbi
> ut lorem. Maecenas sem magna, iaculis mollis, placerat
>at, euismod ut, dolor. Phasellus fringilla mi. Nam
> hendrerit. Maecenas adipiscing justo ut nibh. Lorem
>ipsum dolor sit amet, consectetuer adipiscing elit.
> Quisque gravida posuere magna. Morbi in

Re: [Ovillo] fondo de menu que no se ve en ie y otros detalles

[Daniel Navarro]

Hola

Para que la página actual quede resaltada en el menú, tienes que añadir
class="current" en la etiqueta  que contiene el enlace a esa página.
Pero sólo en un , NO EN TODOS como tú lo has puesto.

En *index.html* debes de escribir:
Home
Decoración y Diseño
 ...
Fijate en que *class=current* sólo aparece una vez y, en este caso, en la
primera posición.

pero NO escribas:
Home
Decoración y
Diseño
 ...
Si escribes esto, TODOS los elementos del menú quedan señalados.


En la página *Decoración y Diseño* debes de escribir:
Home
Decoración y
Diseño
 ...
Fijate en que *class=current* sólo aparece una vez y, en este caso, en la
segunda posición.

En todas las páginas debes de escribir un  y sólo uno.
Pero ten en cuenta que en cada página lo colocarás en un  diferente.


Respecto a la imagen de hover (que además es la misma que usas para resaltar
la navegación, esto es, para señalar la página que estás visualizando) ten
en cuenta que en la css original de *Menu Gloss* la parte izquierda sí se ve
bien. Así que te habría costado menos quebraderos de cabeza el volver a
copiar la css original para luego adaptarla a tu página. De todas formas, te
indico que el fallo se debe a un valor de padding erróneo:


donde dice *15px *lo tienes que cambiar por *18px**.*
.rhm1-bg li a{
  ...
  padding:0 32x 0 *18px*; /* es 18px y no 15px */
  ...
}

Haz lo mismo con .rhm1-bg li a span {} (cambia también el 15px por 18px).

Saludos.




2008/12/1 <[EMAIL PROTECTED]>

> Hola otra vez!
>  Daniel todo lo que me has dicho lo he corregido y funciono!!
> solo me quedan estos temas:
> 1- ahora la imagen de fondo cubre todo el texto, pero, no solo en el hover,
> sino de forma permanente, yo solo quiero que sea en el hover
> 2- en la dichosa imegen de fondo de los links (hover, sí, no podia ser de
> otra forma), se ve un "corte" en la union de las dos imagenes, porque se
> produce?
> 3- respecto a que el current deberia marcar solo la pagina actual, yo no
> distingo ningun efecto o cambio  en una pagina o en otra, soy yo, o no esta
> sucediendo nada?
>
> Especiales gracias a Daniel que con sus consejos pude solucionar casi todo.
> Otra cosa mas, nunca habia oido del tema ese del scroll, he aprendido algo
> nuevo, Gracias
> Los que puedan y quieran echenle un vistazo, busco sus opiniones en cuanto
> al diseño y demas
>
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Pngs como fondo de div

[Daniel Navarro]

Hola, aunque consigas ajustar la cuadrícula en un momento dado, en cuanto
cambies el tamaño horizontal de la ventana del navegador el diseño se
volverá a desajustar. El problema reside en que la imagen en forma de
rejilla de #headerimg se mueve cuando redimensionas la ventana del
navegador, ya que está dentro de un contenedor (#head) que está centrado.
Por otro lado, la imagen de fondo *fondo.gif* del body está fija. Así que
las dos nunca podrán coincidir siempre. Si mueves despacio un lateral de la
ventana del navegador, podrás comprobar lo que te cuento.

Te planteo dos soluciones:

Solución UNO
No centrar el contenido. Tendrás que quitar la regla margin: 0 auto; pero
puedes añadir el margen izquierdo que desees.
Para ajustar las diferencias de posicionamiento de IE puedes hacer uso de
los comentarios condicionales. Antes de la etiqueta de cierre ,
incluye lo siguiente:



Solución DOS
Usa PNGs transparentes. Sustituye la imagen *headerimg.gif* por su
equivalente *headerimg.pn*g. Acuérdate de cambiar el nombre en el archivo
css.
Con IE7 no tienes problema, pero IE6 no admite la transparencia de los pngs.
En google puedes encontrar cómo solucionarlo. Si optas por javascript, te
recomiendo la librería IE7.js que hace que IE6 se comporte como IE7. Mira en
http://dean.edwards.name/

Hasta pronto.



El 8 de diciembre de 2008 18:06, Daniel Gabana Arellano <
[EMAIL PROTECTED]> escribió:

> Hola a todos,
> Hace unos días escribí un mensaje a la lista comentando mis problemas con
> un
> blog de wordpress. El asunto es que tengo que cuadrar los cuadrados que
> forman el fondo de la página, pero me resulta imposible que salga bien
> tanto
> en IE como en Firefox. Probé miles de veces cambiando el margin y padding
> de
> todas las capas pero no me funciona. El blog es
> http://nextepvision.com/blog/wordpress/ , y no esta acabado todavía. Si
> os fijáis, en IE la cabecera del blog donde esta Home, Info... no cuadra
> del
> todo con el fondo.
>
> Alguien me dijo que por que no probaba a poner PNGs como fondo , y he
> buscado algunos códigos pero solo he encontrado uno que
> sirve únicamente paras imágenes puestas con html, es decir con el . Me
> parece que me aconsejaron usar haks, pero no tengo ni idea de que es eso ni
> como funciona ni donde encontrarloalguien me puede hechar una mano?
>
> Muchas gracias
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [1/2 OT] Maketa formulario

[Daniel Navarro]

Hola Rodrigo:

Opción por defecto en botones de radio
Marcar siempre una opción por defecto en los botones de radio es una medida
de usabilidad. Mira lo que dice Jakob Nielsen en
http://www.useit.com/alertbox/20040927.html :

*9. Always offer a default selection for radio button lists. By definition,
radio buttons always have exactly one option selected, and you therefore
shouldn't display them without a default selection. (Checkboxes, in
contrast, often default to having none of the options selected.)
If users might need to refrain from making a selection, you should provide a
radio button for this choice, such as one labeled "None." Offering users an
explicit, neutral option to click is better than requiring the implicit act
of not selecting from the list, especially because doing the latter violates
the rule of always having exactly one option chosen.*

  Por definición, los botones de radio tienen opciones que son excluyentes y
SIEMPRE tienen que tener una opción marcada. Lo que sí es criticable es que
dejes marcada por defecto una opción basándote en la probabilidad de que el
usuario la elija. La opción por defecto debe de ser lo más neutra posible y,
antes de optar por no marcar ninguna, es preferible dejar por defecto una
con el nombre "sin decidir" o "no contesta" o algo parecido, como ha
apuntado Tei.
  El dejar los botones de radio sin marcar plantea otro problema de
usabilidad, como indica el artículo. Desde el momento en que el usuario
marca una opción, si seguidamente se arrepiente, le estás negando la
posibilidad de volver al estado inicial del formulario en el que ninguna
opción estaba marcada, a menos que vuelva a cargar la página.
  Además quiero indicar que estas recomendaciones también están deducidas de
estudios de usabilidad.


Evitar con JavaScript caracteres no permitidos
Validar con JavaScript en principio no es perjudicial sino todo lo
contrario, siempre que también exista validación desde el lado del servidor.
El uso de JavaScript evita llamadas al servidor y agiliza el rellenado del
formulario ya que la página no se tiene que refrescar para indicar los
errores. Pero más necesaria es la validación en el servidor para aquellos
usuarios que no empleen JavaScript.
  Respecto a no permitir de forma automática el teclear ciertos caracteres
en un campo, coincido contigo en que puede provocar frustración y hacer
pensar que no funciona el teclado. Por eso, si se usa esta técnica, en
cuanto se teclee un carácter inválido hay que mostrarle al usuario que eso
no está permitido. Así, en el ejemplo del campo del DNI, en el momento en el
que se pulse una letra en vez de un número, se puede alertar con el mensaje
"carácter inválido, sólo se permiten números" o un mensaje similar.

Saludos.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Buacador

[Daniel Navarro]

http://www.sphider.eu/
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Simular legend

[Daniel Navarro]

En Internet Explorer falla la posición absoluta y la leyenda se desplaza a
la derecha por culpa del padding del contenedor. Para solucionarlo puedes
inluir "*height: 1%*" (sin las comillas) en la CSS del div contenedor de
clase "con_leyenda".

Saludos.

El 17 de diciembre de 2008 11:21, Daniel Navarro escribió:

> Hola:
>
> Puedes crear un elemento de clase "leyenda" y posicionarlo absolutamente
> respecto del elemento que lo contiene. Para que la posición sea relativa al
> elemento contenedor, tendrás que establecer "position: relative" en éste.
>
>
> HTML
> 
>   Leyenda
>
>   
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
> dictum nulla et orci.
>   
> 
>
>
>
> CSS
> * {
>   /* Establece a 0 los rellenos y márgenes por defecto del navegador */
>   margin: 0;
>   padding: 0;
> }
>
> .con_leyenda {
>   /* Establece este elemento como marco de referencia
>  para los posicionados dentro de él de forma absoluta */
>   *position: relative;*
>
>   padding: 20px;
> *  border: 1px solid #aaa;*
>   margin: 50px;
> }
>
>
> .leyenda {*
>   position: absolute;
>   height: 1.5em;
>   top: -0.75em;
>   left: 1.2em;*
>
>   padding: 3px;
>   border: 1px solid #aaa;
>
> *  background-color: white;  /* impide que se muestre el borde del
> contenedor */
> *}*
> *
>
>
>
> 2008/12/17 Rodrigo Álvarez Virgós 
>
> Hola a todos
>>
>> ¿Existe la manera de poner un borde a una capa con una leyenda integrada
>> en el propio borde (como hace la etiqueta legend con los fieldset?)
>> ___
>> 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://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Simular legend

[Daniel Navarro]

Hola:

Puedes crear un elemento de clase "leyenda" y posicionarlo absolutamente
respecto del elemento que lo contiene. Para que la posición sea relativa al
elemento contenedor, tendrás que establecer "position: relative" en éste.


HTML

  Leyenda

  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
dictum nulla et orci.
  




CSS
* {
  /* Establece a 0 los rellenos y márgenes por defecto del navegador */
  margin: 0;
  padding: 0;
}

.con_leyenda {
  /* Establece este elemento como marco de referencia
 para los posicionados dentro de él de forma absoluta */
  *position: relative;*

  padding: 20px;
*  border: 1px solid #aaa;*
  margin: 50px;
}


.leyenda {*
  position: absolute;
  height: 1.5em;
  top: -0.75em;
  left: 1.2em;*

  padding: 3px;
  border: 1px solid #aaa;

*  background-color: white;  /* impide que se muestre el borde del
contenedor */
*}*
*



2008/12/17 Rodrigo Álvarez Virgós 

> Hola a todos
>
> ¿Existe la manera de poner un borde a una capa con una leyenda integrada
> en el propio borde (como hace la etiqueta legend con los fieldset?)
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] menus en javascript

[Daniel Navarro]

Si es un menú sin niveles de profundidad, no te hace falta javascript, basta
con CSS.
Busca en *Google *los términos:
*  menu css listas*

En el caso de un menú con varios niveles desplegables en teoría tampoco
necesitarías javascript si no fuera por Internet Explorer.

Saludos.


2008/12/16 armando 

> Hola a t...@s, estoy investigando sobre como se resuelve la funcionalidad
> de
> un menu en un sitio web. He visto que existen varias formas de hacerlo,
> normalmente tocando el lenguaje de la parte de servidor que hace que se
> cargue uno u otro contenido segun la seccion a la que accedo por medio del
> menu de navegacion.
>
> Como no tengo conocimientos sobre lenguajes de servidor, mi pregunta es si
> puedo resolver un sitio web por medio de un menu que me cargara o
> descargara
> el ocntenido correspondiente a cada seccion de manera dinamica por medio de
> javascript, y si es asi, que ventajas y desventajas tendria.
>
> Estoy investigando sobre este tema y cualquier informacion al respecto me
> sirve, tanto a mi como a cualquiera que se lo haya planteado alguna vez,
> supongo que al ser la navegacion de un sitio uno de sus principales
> elementos tanto funcionalmente como a nivel de diseño imagino que no soy el
> unico en plantearse esta cuestion y creo que puede ser un tema interesante
> para desarrollar aqui.
>
> Gracias por la atencion, cualquier informacion sera bienvenida.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Uso de ems en anchos, rellenos y márg enes

[Daniel Navarro]

Hola, Javier.

  La respuesta la tienes en la especificación CSS2.1 del W3C. La tienes en
formato pdf en http://www.w3.org/TR/CSS/css2.pdf. Esto es lo que dice en su
apartado *4.3.2 Lengths*:


*The 'em' unit is equal to the computed value of the 'font-size' property of
the element on which it is used. The exception is when 'em' occurs in the
value of the 'font-size' property itself, in which case it refers to the
font size of the parent element. It may be used for vertical or horizontal
measurement. (This unit is also sometimes called the quad-width in
typographic texts.)*

[Traducción]
*La unidad 'em' es igual al valor calculado de la propiedad
'font-size'
del elemento en el que se usa. La excepción sucede cuando 'em' aparece en el
valor de la propia propiedad 'font-size', en cuyo caso se refiere al tamaño
de la fuente del elemento padre. Puede usarse para longitudes verticales u
horizontales. (Esta unidad a veces se denomina cuadratín en los textos sobre
tipografía.)*

  Por lo tanto, en el ejemplo que has puesto, el valor equivalente de
*margin-bottom:
1em* es 20px.

Saludos.




El 21 de diciembre de 2008 13:59, Javier Guerrero escribió:

> Hola a todos.
>
> Quería consultarles el tema de las unidades de medidas* para utilizar en
> las
> cajas *(width, padding, margin).
>
> Siempre he establecido los anchos, rellenos y márgenes con pixeles lo cual
> hasta ahora me ha servido, pues casi siempre maqueto diseños con anchos
> fijos, sin embargo, la duda con respecto al uso de los pixel surgió al
> darme
> cuenta que en el tamaño de la tipografía estoy utilizando "ems",
> estableciendo como base el tamaño relativo de 62.5% (10px), así:
>
> body {
>font-size: 62.5%;  /* 16px × 62.5% = 10px */
> }
>
> *Referencia:
> http://www.maratz.com/blog/archives/2005/10/21/typetesters-base-font-size/
> *
>
> y cuando quiero establecer, por ejemplo el tamaño de un titular de primer,
> lo haría así:
>
> h1 {
>font-size: 2em; /* 10px × 2em = 20px */
> }
>
>
> Bueno, eso con las tipografías, pero ¿qué pasaría si quisiera establecer el
> margen inferior de un titular de primer nivel en "ems"? Expongo un ejemplo
> para tratar de explicar mi duda:
>
> h1 {
>margin-bottom: 1em;
> }
>
> Según la teoría:
>
> *em, relativa respecto del tamaño de letra empleado. Aunque no es una
> > definición exacta, el valor de 1 em se puede aproximar por la anchura de
> la
> > letra M ("eme mayúscula") del tipo de letra que se esté utilizando.
> >
> > http://www.librosweb.es/css/capitulo3/unidades_de_medida.html
> > *
>
>
> Ahora, yo supongo que el margen inferior que estoy estableciendo es de
> 10px,
> pues es el tamaño base que he definio en el body.
>
> ¿Qué opinan al respecto? ¿Estoy en lo cierto?
>
> Saludos
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] mostrar informacion en un div

[Daniel Navarro]

Hola, Alejandra.

Mediante *JavaScript *y el elemento *XMLHttpRequest *(en lo que se conoce
como *AJAX*) se puede cambiar sólo una parte de la página sin tener que
refrescarla toda. Hay quien usa iframes, pero están desaconsejados por el
W3C. Cuando no usas javascript, cada vez que quieras cambiar una parte de la
página te verás obligada a refrescarla toda.

Una solución muy "bruta" consiste en tener tantas páginas como imágenes
diferentes, de forma que cada enlace apunte a la página correspondiente.
Todas esas páginas serán muy parecidas y sólo se diferenciarán en el div
modificado y, a lo sumo, en el realce del enlace pulsado. Aunque te tiente
esta solución, ni se te ocurra hacerlo así. Es demasiado engorroso, te
incrementa el número de páginas y es muy fácil tener inconsistencias.
Además, cada vez que modifiques una página tendrás que modificarlas todas.

Entonces, ¿cómo hacerlo sin tener que multiplicar las páginas?: con
programación del lado del servidor. En realidad, siempre deberías de hacer
tu sitio funcional, sin la obligación de usar javascript ni plugins tipo
flash; éstos deben de ser opcionales. La página sería siempre la misma, pero
cambiará la url en función de la imagen que quieras mostrar:

http://misitio.com/galería.php?imagen=img001.jpg
">imagen1
http://misitio.com/galería.php?imagen=img002.jpg
">imagen2

Como ves, sólo cambia el parámetro "imagen" pasado en la url.

Si te interesa esta solución, dímelo y te indicaré con más detalle cómo
hacerlo.

Saludos.




2008/12/27 

> Hola Wil! gracias por la rapidez, pero creo que no me explique bien: vuelvo
> a explicar
>  a la derecha de la pagina hay un JS que pasa unas fotos, ademas al pie de
> la pagina hay una tira de imagenes thumbails con su enlace, quiero que al
> pulsar ese enlace,  aparezca la foto pulsada en el mismo espacio que ocupa
> el JS, "tapando" a este, no se si me explico, o tal vez no entendi bien lo
> que me explicas
> Gracias otra vez
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] mostrar informacion en un div

[Daniel Navarro]

Es sencillo ... para alguien que sepa algo de php. Si no sabes nada, supongo
que casi todo lo que te cuente te sonará a chino. Pero si eres valiente y le
echas coraje te recomiendo que lo intentes (bueno, no hace falta ser tan
valiente pero quería motivarte). Lo que si te ruego es que me avises si
decides en algún momento no seguir adelante. Ojo, presupongo que usas
Windows. En caso contrario dímelo.

Lo primero que tienes que saber es que las páginas hechas en php no se
pueden visualizar directamente en tu ordenador tal y como haces con los
archivos html. En estos últimos basta con hacer doble clic con el ratón para
que se abra el navegador predeterminado mostrando la flamante página que
acabas de hacer. Sin embargo, para los archivos php necesitas un *intérprete
de php*, que es un programa que analiza el código fuente de tu archivo
buscando todo aquello que esté entre las etiquetas **.
Seguidamente realiza las operaciones necesarias y te devuelve sólo código
html (con las sustituciones pertinentes).

Te preguntarás si tienes que instalar el intérprete de php. Sí y no. No,
porque los proveedores de alojamiento lo suelen ofrecer en sus paquetes,
incluso los más baratos. Y Sí, porque durante el proceso de construcción del
sitio debes de trabajar localmente en tu ordenador, no directamente en el
servidor.

¿Y es muy difícil instalar un intérprete de php en el ordenador?.
Sinceramente, no. Es más puedes tener todo un servidor web, un interprete de
php y un servidor de mysql (y más cosas) simplemente descomprimiendo un
archivo ya preparado. Lo tienes en
http://www.apachefriends.org/en/xampp-windows.html

En esa misma página, vete a *Download > XAMPP Lite* y bájate el archivo *EXE
(7-zip)*.

Una vez descargado (la versión actual es *xampplite-win32-1.7.0.exe*), haz
doble clic sobre él. Te saldrá una ventana preguntando donde descomprimirlo
y por defecto te propone la carpeta donde tienes este archivo. Cambia la
ruta a *C:\* (o cualquier otra letra de unidad donde lo quieras instalar,
por ejemplo, E:\). Aunque lo puedes descomprimir en cualquier carpeta, si lo
haces en la raiz del disco duro te evitarás ejecutar posteriormente un
fichero de configuración. No temas, que no se "ensuciará" el directorio raiz
ya que todo se descomprimirá en una sola carpeta: *C:\xampplite*\

Entra en *C:\xampplite*. Allí encontraras dos ficheros llamados *
xampp_start.exe* y *xampp_stop.exe*. Crea dos accesos directos en el
escritorio a estos archivos. Para ello, pulsa con el botón derecho en cada
uno de ellos y elige, en el menú contextual que aparece, *Enviar a >
Escritorio* (crear acceso directo).

Haz doble clic en *xampp_start.exe *(mejor en el acceso directo que acabas
de crear) y ¡TACHAN!, ya tienes tu servidor web funcionando. OJO, no cierres
nunca la ventanita en negro que aparece, sólo minimízala para que no te
estorbe. Para cerrarlo sólo tienes que ejecutar *xampp_stop.exe*. Y, lo
mejor de todo, si lo quieres desinstalar alguna vez basta con eliminar la
carpeta *C:\xampplite*. Incluso puedes copiar esta carpeta en otro ordenador
y te funcionará igualmente, con todos tus documentos y configuraciones.

¿Cómo visualizas las páginas que diseñes?. Ya no vale con hacer doble clic
sobre el archivo. Para poderlos ver tienes que colocarlos en lo que se
denomina *Document Root*, que es el directorio donde tienes que colocar los
documentos web (.html, .php, etc.) para que el servidor web los pueda
ofrecer. En el caso de xampplite, se encuentra en:

*C:\xampplite\htdocs*

Te recomiendo que crees carpetas para tus sitios, en la forma:
*C:\xampplite\htdocs\misitio1\
C:\xampplite\htdocs\misitio2\*
y así.

Supongamos que creas el archivo *mipagina.html* y lo guardas en *
C:\xampplite\htdocs\misitio\*
Para poder ver la página, tienes que abrir un navegador web y teclear en la
barra de direcciones:

*http://localhost/misitio/mipagina.html*

Aviso: fíjate que en el navegador indicas la url mediante barras "/" (*slash
*en inglés), que se obtiene con MAY+7 y no la contrabarra "\" de
Windows (*backslash
*en inglés).
Otro aviso: ¿no ves la página? Comprueba que la dirección es la correcta, y
¡que tienes la ventanita negra! En caso contrario, para el servidor con *
xampp_stop.exe* y vuelve a arrancarlo con *xampp_start.exe*.

Si nombras tu página como *index.html* (o *index.php* cuando trabajes con
php), entonces puedes obviar el nombre del documento al teclear la url en la
barra de direcciones:
*http://localhost/misitio/*

ESTABLECER SEGURIDAD AL SERVIDOR
Aunque estás trabajando en local, es bueno que te acostumbres a asegurar
mediante contraseña el servidor de base de datos y las páginas de
configuración de xampp.

La primera vez que teclees *http://localhost* en tu navegador, te aparecerá
una ventana preguntándote el idioma. Elige Español. Puedes comprobar en la
barra de direcciones que te han redirigido a *
http://localhost/xampp/index.php*.
Pulsa, en el menú de la izquierda, en *Chequeo de seguridad*. Se abrirá una
nueva ventana (o pestaña)

Re: [Ovillo] mostrar informacion en un div

[Daniel Navarro]

Gracias por tus críticas, Ángel.

Tienes razón. Sólo comentarte que no pretendo que mis correos caigan en saco
roto. Cuando me preguntan algo que ya he respondido en alguna ocasión,
siempre me acuerdo de que tengo que plasmarlo por escrito para no repetir el
esfuerzo, pero pocas veces lo hago, generalmente por falta de tiempo o
porque le doy más prioridad a otras tareas. Por eso, el correo electrónico
(en general, no hablo de esta lista de distribución en concreto) me da la
oportunidad de almacenar mis respuestas para poder reutilizarlas
posteriormente.

Procuraré a partir de ahora hacer lo que dices, resolver dudas concretas en
esta lista y extenderme más en los correos privados.

Saludos.






El 28 de diciembre de 2008 12:13, Angel Martin Alganza escribió:

> Hola, Daniel,
>
> On Sun, Dec 28, 2008 at 02:50:23AM +0100, Daniel Navarro wrote:
> > valiente pero quería motivarte). Lo que si te ruego es que me avises si
> > decides en algún momento no seguir adelante.
>
> No pretendo desmerecer tu esfuerzo, que me parece enorme, sino al
> contrario. Pero, ¿todo eso no está ya explicado en libros, manuales y
> tutoriales por todos los sitios?
>
> ¿No es más lógico indicar alguno/s de esos recursos en lugar de
> reescribirlos en mensajes de correo y dedicar el esfuerzo a aclarar
> dudas concretas y explicar puntos que no estén claros o no se
> entiendan bien, etc.?
>
> Perdón por meterme donde no me llaman, pero me parece demasiado
> esfuerzo, además de no ser un objetivo de una lista de mensajería, en
> mi opinión. Otra cosa sería que desearas emplear todo ese esfuerzo en
> escribir un manual, en ese caso todo esfuerzo sería poco.
>
> Un saludo,
> Ángel
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] tutorial sobre uso de divs en css

[Daniel Navarro]

Hola, William.

Lo primero que tienes que hacer es establecer en modo de estándares al
Internet Explorer. Para ello escribe una declaración doctype válida al
principio del documento, por ejemplo:

http://www.w3.org/TR/html4/strict.dtd";>

Ten en cuenta que tiene que ser lo primero que aparezca; no sitúes nada
antes.

Con sólo insertar esa línea consigues que IE procure seguir los estándares
(bueno... como puede) en vez de intentar visualizar la página como lo haría
IE5 (compatibilidad hacia atrás).

También te recomiendo que añadas el complemento "HTML Validator" a Firefox
para validar tus páginas. Tras instalarlo, elige "serial" como método de
validación. Acuérdate de pulsar en el icono que aparece en la parte derecha
de la barra de tareas del firefox para ver tus fallos de validación.

Seguramente esto no resuelva el problema de la raya que comentas, pero es lo
primero que tendrías que corregir.

Saludos.




2008/12/29 William Diaz Pabón - Hotmail. com 

> Buenas tardes a todos de la lista.
>
> soy nuevo en esto del CSS y deseo conseguir un tutorial para aprender a
> manejar los divs que dan mucho problema sobre todo en el posicionamiento.
>
> Tengo una pagina que se ve super bien en Firefox, chrome, pero en IE 7 no
> se ve bien una partecita y quiero estudiar mas sobre el tema a para ver si
> lo puedo solucionar.
>
> si alguien me puede ayudar con el problemita aquí esta la página en
> Internet:
> http://infotechsoluciones.com/fex/template/default/index_ppal.htm
> El problema es que la parte inferior de la pestaña muestra una linea, cosa
> que no se ve en firefox ni en chrome.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] tutorial sobre uso de divs en css

[Daniel Navarro]

El código es demasiado complicado para una página tan sencilla. Supongo que
para el menú has usado Dreamweaver u otro programa que te ha generado el
código automáticamente ¿o has copiado ese engendro de algún sitio?.

En fin, prueba a añadir, en tu archivo css, la declaración "position:
relative;" (sin las comillas, claro) en la regla de #tabs-inside:

#tabs-inside {
padding-top:0px;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
position: relative; /* Hack que sitúa el div por encima en IE */
z-index: 20;  /* no hace falta */
}

Saludos


2008/12/29 William Diaz Pabón - Hotmail. com 

> Buenas tardes a todos de la lista.
>
> soy nuevo en esto del CSS y deseo conseguir un tutorial para aprender a
> manejar los divs que dan mucho problema sobre todo en el posicionamiento.
>
> Tengo una pagina que se ve super bien en Firefox, chrome, pero en IE 7 no
> se ve bien una partecita y quiero estudiar mas sobre el tema a para ver si
> lo puedo solucionar.
>
> si alguien me puede ayudar con el problemita aquí esta la página en
> Internet:
> http://infotechsoluciones.com/fex/template/default/index_ppal.htm
> El problema es que la parte inferior de la pestaña muestra una linea, cosa
> que no se ve en firefox ni en chrome.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ot: Opiniones y criticas de web

[Daniel Navarro]

No soy diseñador gráfico, así que lo que te comento seguidamente tómatelo
como sugerencias. Te lo digo porque la mayoría de mis críticas versan sobre
la apariencia del sitio y porque adopto un tono de "haz esto y esto
otro...".



- Si el logotipo de la empresa no es necesariamente el que se muestra, mejor
cámbialo; el efecto de bisel y relieve + sombra paralela sobre una fuente de
tipo sans serif está muy visto. En la página http://www.fontica.com/ tienes
muchas fuentes gratuitas. Prueba a bajarte alguna de tipo script (sólo para
el logo).

- Has alineado el logo a la derecha, pero no hay nada más que lo acompañe,
ni siquiera la línea de etiquetas "E S P A C I O  +  D I S E Ñ O" que la has
centrado, al igual que el menú.

- Quita el borde superior y el izquierdo de "#contenido". El inferior lo
puedes dejar. Supongo que lo pusiste cuando estabas depurando la página.

- El resaltado de la opción de menú es asimétrico porque has cambiado la css
original. Vuelve a copiarla de nuevo y cambia lo que necesites (texto del
menú, ubicación de las imágenes, etc.). Si no la tienes, cógela de
http://www.13styles.com/css-menus/gloss/

- Por favor, retira ese efecto de transición de cubo en las imágenes. No
queda bien, sobre todo porque las imágenes son de diferente tamaño aunque,
como sólo se reproduce en IE, puede servir de castigo a los que usan este
navegador :))
Mejor un efecto de transición suave (fading) entre imágenes. Prueba a buscar
en Google "javascript fade". Aunque no lo he usado, mira en
http://brainerror.net/scripts/javascript/blendtrans/

- Has mejorado las imágenes añadiéndoles bordes y sombras. Queda mucho
mejor. Sólo comentarte a efectos de información que esto también lo puedes
conseguir sin necesidad de editar cada imagen que añadas. Existen soluciones
CSS y también librerías javascript que hacen todo el trabajo.

- Evita la mezcla que has hecho de imágenes verticales con horizontales. Se
produce un salto desagradable cuando cambia la orientación de éstas y las
horizontales sobresalen del límite visual que marcan los demás elementos. Si
quieres mantener los dos tipos, enmárcalas en un contenedor visual común que
no se mueva.

- En un mensaje anterior preguntabas cómo arreglar el texto que aparecía
bajo la imagen cuando pasabas el cursor sobre la miniatura correspondiente.
Aunque bastaba con aplicar la anchura adecuada al contenedor de ese texto
(declaración "width: 256px;" en la regla de ".thumbnail:hover span"), veo
que lo has quitado. Te felicito; está mejor así.

- Las imágenes en miniatura se tienen que asociar visualmente con la imagen
ampliada. Colócalas debajo de ella. Además, te permitirá aumentar el texto
del cuerpo de la página sin que te estorben las miniaturas.

- Cuando pasas el ratón sobre las imágenes en miniatura el cursor se
convierte en una mano invitando a pensar que se puede hacer clic. Puedes
cambiar las hojas de estilos para que cuando se pulse con el ratón se
muestre la imagen ampliada hasta que se vuelva a pulsar en otro sitio (ya lo
comenté en otro post). Pero, como prefieres que no pase nada al hacer clic,
mejor deja el cursor por defecto con la declaración
 ".gallerycontainer a.thumbnail{ cursor: default; }" (sin comillas, claro).

- Al pasar el cursor entre las imágenes en miniatura se produce un efecto de
parpadeo en la imagen ampliada. Esto sucede porque hay un espacio entre cada
miniatura. Si quieres mantener este espacio sin que se produzca este feo
efecto, sitúa juntas las miniaturas y genera la sensación visual de
separación añadiendo a éstas un borde ancho de color blanco o un padding.

- El nombre de fuente 'Lucida Sans' que has indicado en la CSS, no está en
la mayoría de los sistemas operativos. Supongo que quisiste escribir 'Lucida
Sans Unicode' que viene por defecto en Windows. En Mac OS tienes 'Lucida
Grande', pero en Linux desconozco si existe una fuente parecida (no sólo en
forma, sino también en tamaño). Mejor usa
  font-family: verdana, "Bitstream Vera Sans", sans-serif;
Con esto te aseguras que Windows y Mac usarán verdana y Linux "Bitstream
Vera Sans".


- Una duda: ¿Las imágenes son trabajos realizados por la empresa? En caso
contrario deberías pensar en no incluirlas en el documento html, sino en las
css. De todas formas, tienes cosas más importantes que cambiar antes que
esto.





- Separa las hojas de estilos. Mantén los estilos del menú y las pequeñas
imágenes de éste separados del resto. Ganarás claridad; sobre todo porque es
trabajo de un tercero y te costará entenderlo mucho más que el tuyo propio.

- Organiza los archivos. Incluye todas las imágenes en la carpeta "img/",
excepto las del menú que las puedes incluir en "menu/". Tendrás que cambiar
las rutas tanto en los archivos html como en el css.

- Corrige los errores de validación del código fuente. Para ello te aconsejo
que instales el complemento para Firefox "HTML Validator" (elige "serial" en
la configuración).

- La página de formulario de contacto está mostrando la dirección de correo

[Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net

[Daniel Navarro]

Ante todo, pido perdón por la extensión de este correo, que es una respuesta
sobre la petición de críticas que hizo Wilfredo del sitio

http://www.musipan.net/


- - - - - - - - -

Hola, Wilfredo.

Veo que se ha empleado bastante esfuerzo en construir el sitio aunque, como
todo, es susceptible de mejorar.

Ya que la temática de esta lista son las CSS y el diseño con estándares,
empezaré comentando algunas deficiencias del sitio en este aspecto.

- - - - - - - - - - -
ANÁLISIS DEL CÓDIGO
Has encerrado todo el contenido en un iframe dentro de index.php, pero no le
encuentro justificación, a menos que quieras fastidiar al usuario medio para
que no pueda enlazar a una página interna ni incluirla en marcadores
(favoritos).

Si se analiza la página incluida en el iframe, "principal.php", se descubre
un diseño basado en tablas y con numerosos errores. En ésta falta la
declaración doctype que es importante no sólo para validar la página, sino
para conmutar al modo de estándares (aunque como el diseño es por tablas
tampoco es tan dramático). El código contiene, entre otros errores,
atributos desautorizados, atributos inexistentes (como "alt" para las
imágenes o "type" para las etiquetas 

[Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net

[Daniel Navarro]

Ante todo, pido perdón por la extensión de este correo, que es una respuesta
sobre la petición de críticas que hizo Wilfredo del sitio

http://www.musipan.net/


- - - - - - - - -

Hola, Wilfredo.

Veo que se ha empleado bastante esfuerzo en construir el sitio aunque, como
todo, es susceptible de mejorar.

Ya que la temática de esta lista son las CSS y el diseño con estándares,
empezaré comentando algunas deficiencias del sitio en este aspecto.

- - - - - - - - - - -
ANÁLISIS DEL CÓDIGO
Has encerrado todo el contenido en un iframe dentro de index.php, pero no le
encuentro justificación, a menos que quieras fastidiar al usuario medio para
que no pueda enlazar a una página interna ni incluirla en marcadores
(favoritos).

Si se analiza la página incluida en el iframe, "principal.php", se descubre
un diseño basado en tablas y con numerosos errores. En ésta falta la
declaración doctype que es importante no sólo para validar la página, sino
para conmutar al modo de estándares (aunque como el diseño es por tablas
tampoco es tan dramático). El código contiene, entre otros errores,
atributos desautorizados, atributos inexistentes (como "alt" para las
imágenes o "type" para las etiquetas 

Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net

[Daniel Navarro]

Hola Cristian.
No me has entendido, seguramente porque no me he explicado bien. Con
"atributos inexistentes" no me refiero a que no existan en la especificación
html, sino a que no lo han puesto en el código fuente de la
página (etiquetas img) y son obligatorios, como tú bien dices. Quizás
debería de hacer escrito "faltan atributos obligatorios como alt", que se
entiende mejor.
Gracias por la aclaración.

2009/1/12 Cristian Wilgenhoff 

> errata:
>
> - " atributos inexistentes (como "alt" para las imágenes"
> Es obligatorio usar el atributo alt, q sirve para que cuando no se pueda
> hacer el retrive de la imagen se ve el texto, ejemplo: "logo".
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net

[Daniel Navarro]

Es primordial indicar un doctype para conmutar los navegadores al modo de
estándares y aumentar la consistencia de comportamiento entre ellos. De esta
forma podemos olvidarnos, por ejemplo, del modelo de cajas erróneo (entre
otros fallos) de Internet Explorer y hacer un código más sencillo.

Coincido con vosotros en la importancia de validar porque, aunque no debería
de ser un fin (el fin es conseguir un sitio funcional, usable y accesible,
fácil de editar, etc.), es fundamental para encontrar errores en el código.

Saludos.

El 12 de enero de 2009 13:12, DJ-Dom  escribió:

> Creo que antes de pedir opinion sobre una web, lo mejor es que al menos la
> revisen en w3c...
>
> Saludo,
> DJ-Dom
>
> El 12 de enero de 2009 3:17, Daniel Navarro  escribió:
>
> > Hola Cristian.
> > No me has entendido, seguramente porque no me he explicado bien. Con
> > "atributos inexistentes" no me refiero a que no existan en la
> > especificación
> > html, sino a que no lo han puesto en el código fuente de la
> > página (etiquetas img) y son obligatorios, como tú bien dices. Quizás
> > debería de hacer escrito "faltan atributos obligatorios como alt", que se
> > entiende mejor.
> > Gracias por la aclaración.
> >
> > 2009/1/12 Cristian Wilgenhoff 
> >
> > > errata:
> > >
> > > - " atributos inexistentes (como "alt" para las imágenes"
> > > Es obligatorio usar el atributo alt, q sirve para que cuando no se
> pueda
> > > hacer el retrive de la imagen se ve el texto, ejemplo: "logo".
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] A dentro de DIV y posiciones ...

[Daniel Navarro]

Hola, Ardilla Roja. Una página bonita y hecha con gusto. Me han gustado las
referencias al mundo de la carretera, en especial las opciones del menú en
forma de carteles de señalización.

 Entiendo que además del posicionamiento de la imagen del trailer, también
quieres que éste forme parte del enlace a la página de inicio.
*"Lo que no logro hacer, es que el div 'trailer' se posicione [...], y
detrás del *"

Para conseguirlo, haz lo siguiente.


EN EL ARCHIVO HTML

Elimina la línea
   

Cambia la línea
  Contreras Trucking - Inicio

para envolver el texto con una etiqueta span:
  Contreras Trucking - Inicio



EN EL ARCHIVO CSS

Elimina todo el bloque de declaraciones
#encabezado div.trailer {...}

y sustitúyelo por

#encabezado h1 a span {
  background-color: #99FF00;
  background: url(../interface/trailer-01.png) no-repeat center center;
  width: 368px;
  height: 242px;
  position: absolute;
  top: 0;
  left: 35px;
  cursor: pointer;  /* para IE, convierte cursor en una mano */
  text-indent: -1000px;  /* ocultar el texto */
}

Por último, elimina la propiedad text-indent de
#encabezado h1 a {...}


Saludos.


2009/1/12 Ardilla Roja 

> Buen dia a todos,
>
> Aqui con un problemita:
>
> Estoy trabajando en este sitio
> http://www.kamikazedesarrollo.net/archivos/contrerastrucking/ 
>
> Tengo este codigo:
>
> 
>Contreras Trucking - Inicio
> 
> 
>
> #encabezado { width: 874px; height: 181px; margin: 0 auto;  }
> #encabezado h1 { height: inherit; }
> #encabezado h1 a { display: block; width: 100%; height: 100%;
> text-indent: -1px; }
>
> Lo que no logro hacer, es que el div 'trailer' se posicione a la
> izquierda del #encabezado, y detras del   Ya le di vueltasy
> vueltas, probe con las posiciones segun las especificaciones y nada...
> :S
>
> Espero alguien me pueda dar luz con esto xD
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] (sin asunto)

[Daniel Navarro]

Hola.

Si lo que quieres es imprimir una página no diseñada por ti, puedes
configurar el navegador como te ha respondido david0152, o capturar la
pantalla mediante las teclas alt+impr o mediante una utilidad de captura.

Si lo que quieres es que los usuarios puedan imprimir imágenes de tus
páginas, tienes que tener en cuenta que la mayoría de ellos sólo pretenderán
obtener impreso el contenido, sin imágenes de adorno que puedan malgastar
tinta y papel o dificultar la legibilidad. Si la imagen no tiene sentido
semántico, entonces ésta debe de añadirse con background-image; en caso
contrario (ejemplo, una galería de fotos) debe incluirse en el documento
mediante la etiqueta .

Si sigues interesado en que se puedan imprimir las imágenes de fondo puedes
usar soluciones como el hack de list-style-image, pero mejor te propongo que
ofrezcas una impresión con sólo el contenido por un lado y, por otro, un
enlace a una versión pdf descargable con las imágenes de fondo que quieras.

Saludos.


El 14 de enero de 2009 12:24, Tonimb  escribió:

> Buenos días, buenas tardesa t...@s,
> en primer lugar agradecer a todos la aportación que haceis para los que ,
> como yo,empezamos en el mundo del CSS,muchisimas gracias sin vosotros no
> lograriamos maquetar mas o menos en condiciones.
> Mi duda es la siguiente.
> Maquetando una web con css y html como podría hacer para que se puediese
> imprimir la web tal y como la ve el usuario? quiero decir que si pongo las
> imagenes en el archivo CSS creo que no se imprimen, solo se imprime lo que
> está en el archivo html. Al menos eso es lo que he visto navegando por ahi.
> He visto páginas muy bonitas con hermosas fotos pero que al mandar a
> imprimir, aún seleccionando todo, solo se imprime el texto que aparece en
> la
> web y no sus imagenes, investigando en su codigo fuente he visto que las
> imagenes estaban en el Css con background:url() y no en el html con  src="">.
> Sabeis como se podría hacer para que una web se pueda imprimir todo y
> estando sus imagenes en el CSS?
> Gracias de antemano por vuestras respuestas.
>
> Un codial saludo para todos.
>
> --
> Tonimb
> cada projecte, una estructura
> www.comin.cat
>
>
>
>
>
> Sent to you using Uebimiau Webmail version 3.11
> Developed by Dave and Todd at http://www.manvel.net and http://www.tdah.us
>
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Personalizar colores en un sitio web.

[Daniel Navarro]

Hola, Javier.

La página que mencionas funciona tanto con javascript como sin él.

Los pequeños botones que permiten conmutar de color son elementos "anchor"
en el código fuente:

red
orange
yellow
[...]


CON JAVASCRIPT

Si tienes activado javascript, cuando pulsas en uno de los enlaces se
ejecuta la función *set_style()* que está dentro de *scripts.js*. A esta
función se le envía como parámetro el enlace en sí (*this*) y usa el valor
del atributo "*id*" para construir la dirección de la hoja de estilos.


 function set_style(obj){
  if(!document.getElementById) return false;

   var sheet=document.createElement('link');
   sheet.setAttribute('rel','stylesheet');
   sheet.setAttribute('media','all');
   sheet.setAttribute('href',_siteRoot+'css/'+obj.id+'/colour.css');
   document.body.appendChild(sheet);

   var img=new Image();
   img.src=obj.href;
 }


SIN JAVASCRIPT
Si el navegador no tiene activado javascript, se envía al servidor el color
correspondiente como parámetro en la url. Así, por ejemplo, cuando pulsas en
el botón rojo y no tienes javascript, verás que la barra de direcciones de tu
navegador muestra lo siguiente:
http://www.nue-media.com/?style=red

El parámetro *style* con el valor *red* es usado por el servidor para
incluir la siguiente línea en el código fuente.



Si tecleas directamente lo siguiente:
http://www.nue-media.com/?style=yellow

Podrás comprobar cómo cambia el código fuente:



Saludos



El 16 de enero de 2009 19:23, Javier Guerrero  escribió:

> Es decir, si visitan esta página:
>
> http://www.nue-media.com/
>
> verán que en la parte superior hay una paleta de colores en el que se
>  puede
> seleccionar un color, el cual cambia en la botonera y en los titulares del
> cuerpo de la página, mi preguntas son ¿cuál es el nombre de este efecto?
> ¿como sería la hoja de estilos para esto? ¿utiliza algún plugin en
> particular de las librería javascript que utilizar para dicho efecto?
>
> Saludos
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] selector css

[Daniel Navarro]

Hola, Andrés.

El selector que estás usando se denomina "selector de atributo". IE6 no
soporta este selector pero los navegadores más modernos sí. No has indicado
el código html pero, para que funcione, "color" tiene que ser un atributo de
:

Esto es un enlace

Sin embargo, este código tiene varios inconvenientes. Por un lado, "color"
no es un atributo válido que puedas incluir en la etiqueta . Por otro,
estás indicando información de estilo (nada menos que el color) en el
documento html y éste se debe de reservar para mostrar sólo la estructura y
el contenido de la página.



Si lo que tienes en el html es algo parecido a:

Esto es un enlace

(o con el color indicado en una hoja de estilos externa)
entonces la regla css anterior no va a funcionar en ningún navegador y, como
dice Ignacio Ricci, mejor busca una solución javascript.

Saludos.




2009/1/17 Andres 

> Hola,
>
> Necesito seleccionar la única etiqueta a del div#enviar que tiene color
> #f30.
> Estoy probando con esto, pero no me funciona
> #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
>
> ¿Alguna sugerencia?.
> ¿Como funcionan estos selectores en ie?.
>
> Gracias.
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] selector css

[Daniel Navarro]

Sólo debería de haber un elemento con el ID #enviar en el documento, pero
dentro de él sí se pueden incluir más de un anchor y Andrés quiere
referenciar sólo uno de estor anchor (en concreto, el que tenga el color
#f30). Rectifico lo dicho anteriormente de buscar una solución javascript ya
que, si tiene acceso al documento html (y casi seguro que lo tendrá), lo
lógico sería que diferenciara ese enlace de forma que se pueda referenciar
en la css.




El 17 de enero de 2009 20:21, Ignacio Ricci escribió:

> Buen si , porque en realidad esta mal usado el ID. No debería haber más de
> 1
> elemento con el mismo id en esa pagina.
>
> 2009/1/17 Victor Hugo Arias Valencia 
>
> > A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
> > color, pues seguro tiene una clase, a la cual le puedes aplicar los
> estilos
> > que dices...
> >
> > El 17 de enero de 2009 14:05, Daniel Navarro 
> > escribió:
> >
> > > Hola, Andrés.
> > >
> > > El selector que estás usando se denomina "selector de atributo". IE6 no
> > > soporta este selector pero los navegadores más modernos sí. No has
> > indicado
> > > el código html pero, para que funcione, "color" tiene que ser un
> atributo
> > > de
> > > :
> > >
> > >Esto es un enlace
> > >
> > > Sin embargo, este código tiene varios inconvenientes. Por un lado,
> > "color"
> > > no es un atributo válido que puedas incluir en la etiqueta . Por
> otro,
> > > estás indicando información de estilo (nada menos que el color) en el
> > > documento html y éste se debe de reservar para mostrar sólo la
> estructura
> > y
> > > el contenido de la página.
> > >
> > >
> > >
> > > Si lo que tienes en el html es algo parecido a:
> > >
> > >Esto es un enlace
> > >
> > > (o con el color indicado en una hoja de estilos externa)
> > > entonces la regla css anterior no va a funcionar en ningún navegador y,
> > > como
> > > dice Ignacio Ricci, mejor busca una solución javascript.
> > >
> > > Saludos.
> > >
> > >
> > >
> > >
> > > 2009/1/17 Andres 
> > >
> > > > Hola,
> > > >
> > > > Necesito seleccionar la única etiqueta a del div#enviar que tiene
> color
> > > > #f30.
> > > > Estoy probando con esto, pero no me funciona
> > > > #page #content #enviar a:link[color="#f30"]{margin:5px 0 0 5px;}
> > > >
> > > > ¿Alguna sugerencia?.
> > > > ¿Como funcionan estos selectores en ie?.
> > > >
> > > > Gracias.
> > > >
> > > > ___
> > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Tutor - Soporte
> > Conocimiento Virtual Academia
> > www.ConocimientoVirtual.edu.co
> > www.ConocimientoVirtual.edu.co/foro
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ↓۝ Ignacio Ricci
> www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] selector css

[Daniel Navarro]

Ampliando lo dicho, ahora los "selectores contextuales" también se llaman
"selectores descendientes".

Los "selectores contextuales" es una denominación de CSS1:
http://www.w3.org/TR/REC-CSS1/#contextual-selectors

que en CSS2 se renombró a "selectores descendientes":
http://www.w3.org/TR/CSS/selector.html#descendant-selectors

Saludos



El 18 de enero de 2009 14:33, "Hernán Beati - SaberWeb.com.ar" <
her...@saberweb.com.ar> escribió:

> Hola Andrés,
>
> Andres escribió:
>
> > 
> >  enviar
> >   volver
> > 
> >
> > Como parece que por el color no se puede, ¿podría seleccionar la segunda
> > etiqueta  dentro del div#enviar?.
>
> Puedes dividir el problema en dos pasos:
>
> 1) Primero aplicas un color a TODOS los enlaces dentro de "dostercios",
> lo cual incluirá ese segundo enlace suelto que quieres alcanzar;
>
> 2) y luego puedes indicar otro color distinto para el primer enlace:
>
> div.dostercios a {
> /* seleccionas todos los enlaces "a" que estén dentro de dostercios,
> incluyendo el SEGUNDO enlace */
> color:red;
> }
>
> div.btn a {
> /* ahora cambias la apariencia solo del primero */
> color:blue;
> }
>
> De esa manera, te quedan los dos enlaces de distintos colores.
>
> Esta técnica se denomina "selectores contextuales", puedes investigar.
>
> Saludos!
>
> Hernán Beati
> http://www.saberweb.com.ar
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] lista top 10

[Daniel Navarro]

Hola, si buscas en google los términos "css gallery" o "css showcase" te
sorprenderá la cantidad de recopilaciones de sitios que te pueden servir de
inspiración.



El 18 de enero de 2009 5:50, Jonathan C.  escribió:

>  buenas, me gustaría saber si existe una web o blog frecuentado por la
> mayoría aquí, donde pueda encontrar una lista de los mejores 10 sitios
> diseñados usando los estándares y aplicando correctamente las css y xhtml,
> algo así como un top 10 de websites, quizás mas.
>
>  me gustaría conocer sitios con diseños que puedan servirme de guia para
> estar actualizado de las tendencias en diseño, colores y el layout mas
> común
> actualmente.
>
>  saludos a la lista!
>
> --
> Jonathan C.
> lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemas con Footer

[Daniel Navarro]

Hola. Es mejor que adjuntes un enlace a la página en vez de al código. Con
la página delante y herramientas como el complemento de firefox "web
developer toolbar" es más sencillo estudiarla.

Supongo que lo que quieres es un pie que permanezca en la parte inferior de
la ventana hasta que el contenido se haga lo suficientemente amplio como
para desplazarlo. Si es así mira en
   http://www.csslab.cl/2006/11/06/%C2%A1abajo/

Si no es eso lo que quieres no dudes en corregirme pero sería conveniente
que dejaras un enlace a tu página. Un proveedor gratuito y sin propaganda
donde puedes alojarla lo tienes en http://www.000webhost.com/.
Saludos.



2009/1/19 Mauricio Dulce 

> Hola, buenos dias, estoy teniendo problemas con el loyout de una
> pagina que estoy maquetando, el cual consiste en que el footer se me
> esta montando encima de los contenidos, ya que le tengo un contenedor
> con el 100% de alto para que este me envie el fotter al final, el cual
> a su vez se encuentra con una margen negativa para que se me ubique en
> el 100% en dado caso de que el contenio no sea suficiente y no me
> genere scrooll
>
>
> pego condigo html y css
>
> Html
> http://pastie.org/364559
> Css
> http://pastie.org/364562
>
>
> Gracias
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] probar desarrollos en IE 6 sobre Windows Vista

[Daniel Navarro]

Si no tienes un Windows XP original te puedes bajar de Microsoft una imagen
de xp con ie6 para VirtualPC. Lo llaman *Internet Explorer Application
Compatibility VPC Image*. El único inconveniente es que tiene fecha de
caducidad y, cuando lo hace, se cierra a la hora. Pero no es trágico si no
te importa volver a bajarla. La última caduca en abril.

Mira el siguiente enlace
http://ekort.blogspot.com/2008/09/utilizar-ie6-ie7-e-ie8-juntos-en-el.html

Nota: aunque en los requisitos de Virtual PC 2007 no aparezca Windows Vista
Home, sí que funciona en este sistema operativo.

Saludos.


El 23 de enero de 2009 10:30, sebastian garcia-valenciano <
sebast...@garcia-valenciano.net> escribió:

> Hola,
>
> hace poco decidí dejar de usar el formato GIF (aunque su patente haya
> expirado) y pasarme al PNG (recomendado por el W3C). El problema como
> sabeis
> son las transparencias en IE6.
> He estado investigando las diferentes soluciones con JS, el problema es que
> no las he podido comprobar ya que tengo IE7 (sobre windows vista).
> He googleado especialmente en la lista Ovillo, y de momento todo lo que he
> probado falla:
>
> 1. Simulador  IETester  (
> http://www.my-debugbar.com/wiki/IETester/HomePage
> )
> En un principio funciona, pero al simular IE6 las transparencias no las
> respeta en páginas donde supuestamente están preparadas para ello, como por
> ejemplo estas:
> http://www.bpsite.net/miniemotes/index.html
> http://www.twinhelix.com/css/iepngfix/demo/
> ¿Quizás no haga bien la simulación?
>
> 2. IE 6 for Vista   ( http://tredosoft.com/IE6_For_Vista_Part_1  )
> Pese a ejecutarlo con "compatibilidad para xxx"  me es imposible ejecutarlo
> sobre Vista.
>
>
> 3. Multiple  IE(  http://tredosoft.com/Multiple_IE )
> NO funciona en Windows Vistam ,para este SO reenvian a "IE 6
> Standalone"
>
>
> 4. IE 6 standalone  (  http://browsers.evolt.org/?/ie/32bit/standalone)
> Me da problemas sobre windows Vista :(
>
>
>
> ¿Alguna otra solución?
>
> gracias! in advanced!
>
> saludos
> sebas
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] En Opera con dos imagenes, la segunda desborda el div

[Daniel Navarro]

Hola.

Edita el código html e incluye un espacio en blanco (  no vale) o
un salto de línea (no un ) entre las dos etiquetas  que
contienen a las imágenes.

Saludos

2009/2/5, Maira Vykus :
> Hola a todos.
>
> Tengo un problema en el siguiente sitio:
> http://www.maximopc.org/articulos/zotac-geforce-gtx-285.html
>
> Como verán la parte central tiene varias imagenes. Las mismas
> normalmente se colocan de a pares. En el código sería:
>
>  src="/images/articulos/661/present01.jpg"/>
>
> No tiene nada adicional más que los dos llamados a la imagen. Y en los
> CSS no tienen float ni nada. De esta forma
> si las imagenes son suficientemente pequeñas para entrar una al lado de
> la otra en el ancho del DIV contenedor lo hacen, de lo contrario la
> segunda imagen baja al renglón siguiente.
>
> Esto funciona correctamente en Firefox y en explorer, en los cuáles la
> segunda imagen va abajo. En opera 9.63 no pasa esto. Si bien el texto se
> adapta al ancho del DIV,
> la segunda imagen queda al lado de la primera y es solapada por el
> contenido de la columna derecha.
>
> Hice una busqueda importante de información para encontrar una solución
> pero no he encontrado nada. A alguien le ha pasado lo mismo? o leyó por
> casualidad sobre esto?
>
> Desde ya muchas gracias!
> Maira.
>
>
>   
> __
> LLama Gratis a cualquier PC del Mundo.
> Llamadas a fijos y móviles desde 1 céntimo por minuto.
> http://es.voice.yahoo.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal

[Daniel Navarro]

Hola, José Manuel. Gracias por mostrarnos esta página. Analizando sitios se
puede aprender mucho.

Las imágenes están incluidas en el documento html en la forma:


  
  
  ...


En las hojas de estilo:
- El div#imagenes se posiciona de forma absoluta
- Las imágenes se establecen con display:block y se flotan a la izquierda.
- Con la propiedad z-index se controla que los diferentes elementos se
sitúen por encima de las imágenes.

Para el movimiento usa javascript, más concretamente la función *animate* de
jQuery. Puedes ver ejemplos de uso en
http://docs.jquery.com/Effects/animate

Saludos.

El 9 de febrero de 2009 10:11, Jose Manuel Segovia
escribió:

> Hola a todos,
>
> Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el efecto
> que he visto en una web y no se como lo hacen.
> Esta es la web: www.ayerviernes.com
>
> Y lo que hacen es desplazarla a izquierda o derecha según la selección del
> menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También
> tienen un efecto de centrado del fondo dependiendo del tamaño de la ventana
> que tampoco se como lo consiguen.
>
> Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo
> agradecería.
>
> Saludos,
>
> Jose
>
>
> 2008/11/16 Javier Guerrero 
>
> > Hola, yo tambièn estaba buscando una soluciòn para hacer que el footer
> > siempre se posicione en la parte inferior del navegador, y para mi
> alegrìa
> > encontrè estas soluciones:
> >
> > http://ryanfait.com/sticky-footer/
> > http://www.csslab.cl/ejemplos/footer.html
> >
> > Saludos cordiales
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Recomendaciones de manuales

[Daniel Navarro]

El PC Cuaderno núm. 33 (ISBN: 2-915605-62-9) titulado "*CSS, un juego de
niños*" es barato (sólo 5€), con ejemplos que te puedes bajar del sitio y es
fácil de entender. Para empezar y tener un conocimiento básico de css en
poco tiempo está bien.

http://www.pc-cuadernos.com/newsite/booklet.php?id=83

Como mejor lectura para empezar te recomiendo "*Head First HTML with CSS &
XHTML*" (ISBN: 0-596-10197-X) pero vale más dinero, es más gordo y está en
inglés. Es un libro fantástico.

http://oreilly.com/catalog/9780596101978/
Suerte.
El 9 de febrero de 2009 12:46, 2tonewarrior setfsdg
<2tonewarr...@gmail.com>escribió:

> Buenas, queria saber donde podia encontrar una página con manuales paso a
> paso de CSS desde un nivel muy básico y con ejemplos si es posible (y en
> español). He visitado muchos pero tengo poco tiempo y cojo un poco de aqui
> y
> un poco de allí, por lo que nunca acabo de aprender bien. Me gustaria que
> me
> recomendarais vosotros alguno bueno y unificado (también se admiten
> sugerencias de libros de texto).
>
>
> Saludos
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal

[Daniel Navarro]

Estoy de acuerdo. Efectivamente, el sitio tiene defectos graves, pero eso no
quita que, pese a mi alergia a javascript, pueda aprender algo de él.
Siempre insisto en que un sitio tiene que ser usable y accesible sin
necesidad de usar javascript ni flash ni cualquier otro tipo de plugin.

Saludos.

El 10 de febrero de 2009 0:50, Mauricio Dulce
escribió:

> Si pero esta pagina tiene un grave problema, si la vemos en una
> resolución superior a 1024 puede ver los otros contenidos, desde mi
> punto de vista nunca usaría un tipo de solución como esta.
>
> Si no estoy mal la idea original viene de
>
> http://www.panic.com/coda/
>
> y creo que usaron este template, aunque lo modificaron un poco pero
> básicamente están usando jquery
>
> http://bustatheme.com/wordpress/wp-coda/
>
> Pero lo que digo, no es aconsejable usar este tipo de interfases,
> pueden ser muy llamativas, pero complican un poco el tema de
> accesibilidad.
>
> El 9/02/2009, a las 18:43, Daniel Navarro escribió:
>
> > Hola, José Manuel. Gracias por mostrarnos esta página. Analizando
> > sitios se
> > puede aprender mucho.
> >
> > Las imágenes están incluidas en el documento html en la forma:
> >
> > 
> >  
> >  
> >  ...
> > 
> >
> > En las hojas de estilo:
> > - El div#imagenes se posiciona de forma absoluta
> > - Las imágenes se establecen con display:block y se flotan a la
> > izquierda.
> > - Con la propiedad z-index se controla que los diferentes elementos se
> > sitúen por encima de las imágenes.
> >
> > Para el movimiento usa javascript, más concretamente la función
> > *animate* de
> > jQuery. Puedes ver ejemplos de uso en
> > http://docs.jquery.com/Effects/animate
> >
> > Saludos.
> >
> > El 9 de febrero de 2009 10:11, Jose Manuel Segovia
> > escribió:
> >
> >> Hola a todos,
> >>
> >> Quizá esta pregunta es un poco OffTopic pero es que me ha gustado
> >> el efecto
> >> que he visto en una web y no se como lo hacen.
> >> Esta es la web: www.ayerviernes.com
> >>
> >> Y lo que hacen es desplazarla a izquierda o derecha según la
> >> selección del
> >> menú. Por lo que veo no es Flash y no se muy bien como lo hacen.
> >> También
> >> tienen un efecto de centrado del fondo dependiendo del tamaño de la
> >> ventana
> >> que tampoco se como lo consiguen.
> >>
> >> Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo
> >> agradecería.
> >>
> >> Saludos,
> >>
> >> Jose
> >>
> >>
> >> 2008/11/16 Javier Guerrero 
> >>
> >>> Hola, yo tambièn estaba buscando una soluciòn para hacer que el
> >>> footer
> >>> siempre se posicione en la parte inferior del navegador, y para mi
> >> alegrìa
> >>> encontrè estas soluciones:
> >>>
> >>> http://ryanfait.com/sticky-footer/
> >>> http://www.csslab.cl/ejemplos/footer.html
> >>>
> >>> Saludos cordiales
> >>> ___
> >>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>>
> >> ___
> >> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> Mauricio Dulce
> mauricio.du...@gmail.com
> +57 315 4183043
> http://www.3zona.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Recomendaciones de manuales

[Daniel Navarro]

Hola, Cristian.

El libro que recomiendas es muy bueno. Yo compré la versión en castellano
que se llama "*CSS Manual Avanzado*" de Anaya (ISBN: 9788441521377). Aunque
está bien explicado, yo lo recomendaría como segunda lectura, cuando ya se
tenga un conocimiento general de css.

También me encanta
*CSS, The Definitive Guide* (Third Edition), de Eric Meyer, Ed. O'Reilly
(ISBN: 0-596-52733-0)
http://oreilly.com/catalog/9780596527334/
Fundamental para tener un buen conocimiento de css, aunque éste se ajusta
todavía menos a a lo que pide 2tonewarrior. Además, creo que no está
traducido al castellano.

Saludos


2009/2/10 Cristian Wilgenhoff 

> CSS Mastery, un libro con tapa verde...
>
> Salu2
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Recomendaciones de manuales

[Daniel Navarro]

Sí, CSS Manual Avanzado es la traducción de CSS Mastery.



El 10 de febrero de 2009 14:35, 2tonewarrior setfsdg <2tonewarr...@gmail.com
> escribió:

> Pero el libro del que hablas (CSS Manual Avanzado) es exactamente el mismo
> que el CSS Mastery pero traducido?, o es otro libro distinto?
>
>
> saludos
>
>
>
>
> El 10 de febrero de 2009 10:23, Daniel Navarro  >escribió:
>
> > Hola, Cristian.
> >
> > El libro que recomiendas es muy bueno. Yo compré la versión en castellano
> > que se llama "*CSS Manual Avanzado*" de Anaya (ISBN: 9788441521377).
> Aunque
> > está bien explicado, yo lo recomendaría como segunda lectura, cuando ya
> se
> > tenga un conocimiento general de css.
> >
> > También me encanta
> > *CSS, The Definitive Guide* (Third Edition), de Eric Meyer, Ed. O'Reilly
> > (ISBN: 0-596-52733-0)
> > http://oreilly.com/catalog/9780596527334/
> > Fundamental para tener un buen conocimiento de css, aunque éste se ajusta
> > todavía menos a a lo que pide 2tonewarrior. Además, creo que no está
> > traducido al castellano.
> >
> > Saludos
> >
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Recomendaciones de manuales

[Daniel Navarro]

El libro que comentas de Jennifer Niederst Robbins no lo conocía, pero lo he
ojeado en O'Reilly y parece un libro genial.

CSS Cookbook de Christopher Schmitt está muy bien, pero hay que tener
cuidado en conseguir la segunda versión (octubre 2006). Yo tenía una versión
más antigua y la regalé porque, entre otras cosas, le faltaba indicar la
compatibilidad de los navegadores con las soluciones que planteaba. La
última versión, la segunda, la compré en español (ojo, no indica nada de que
sea la segunda versión, pero se sabe porque es del 2007):

Curso de CSS, Christopher Schmitt, ed. Anaya, ISBN: 978-84-415-2198-8

http://www.anayamultimedia.es/cgi-bin/monta_ficha.pl?codigo_comercial=2327256

Respecto de los apuntes de BenKo, indicarte que contiene errores muy graves.
Una pena porque es agradable de leer. 2tonewarrior, si lo vas a estudiar,
podemos discutir su contenido; así también se aprende mucho.

http://cafeina.ladybenko.net/wp-content/xhtml_tuto_beta.pdf

Saludos
El 10 de febrero de 2009 15:14, Rafael García Lepper escribió:

> Hola,
>
> Sobre libros de texto, yo te recomendaría el libro "Diseño web, guía de
> referencia" de Jennifer Niederst Robbins. No es solo de css pero lo que te
> cuenta de css es más que suficiente para tener las cosas claras y además te
> habla sobre html/xhtml, javascript, servidores, accesibilidad, navegadores,
> formatos de imagen, medios... y es el único libro que he encontrado que te
> hable sobre microformatos. En mi opinión es sencillamente un libro que hay
> que tener, lo único malo es que en español no está traducida la edición más
> actual, pero solo afecta al capitulo que habla sobre navegadores y poco
> más.
>
> Solo de css puedes encontrar un libro que a mi me gusta bastante, que en
> español se llama: "Curso de css" de Christopher Schmitt, excelente también,
> pero más enfocado en plan "recetas" el titulo en inglés es "css cookbook"
> lo
> que se debería haber traducido como "libro del cocinero de css", pero...
> debe ser poco comercial ;-)
>
> Y gratuito puedes encontrar un libro en pdf que se llama: "XHTML+CSS de una
> maldita vez" escrito por Belen Albeza (BenKo) bastante claro y divertido
> aunque no profundiza demasiado y como ya te han dicho, los de librosweb que
> están muy muy bien.
>
> Saludos
>
> Rafa
>
>
> 2tonewarrior setfsdg  escribió:
>
> > Buenas, queria saber donde podia encontrar una página con manuales paso a
> > paso de CSS desde un nivel muy básico y con ejemplos si es posible (y en
> > español). He visitado muchos pero tengo poco tiempo y cojo un poco de
> aqui y
> > un poco de allí, por lo que nunca acabo de aprender bien. Me gustaria que
> me
> > recomendarais vosotros alguno bueno y unificado (también se admiten
> > sugerencias de libros de texto).
> >
> >
> > Saludos
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Recomendaciones de manuales

[Daniel Navarro]

Sigo pensando en recomendarte PC Cuaderno núm 33. Está en castellano, es de
nivel básico con ejemplos (te puedes bajar el código de los emplos del sitio
web) y es rápido de leer (tú comentas que tienes poco tiempo).

Acabo de entrar en la página de BenKo y no he tenido problemas

http://cafeina.ladybenko.net/

El manual está en el menú "stuff". De todas formas, te lo mando a tu email.

Saludos.


2009/2/10 2tonewarrior setfsdg <2tonewarr...@gmail.com>

> Gracias a todos por vuestras recomendaciones. Creo que me decidiré por el
> CSS Mastery (o la traducción). Y si lo acabo y me quedo con ganas seguire
> por los siguientes que me habeis recomendado.
>
> Respecto a lo de BenKo, Daniel, me gustaria discutir los errores, seguro
> que
> no puedo aportar mucho pero aprenderia. Pero lo que pasa es que no me deja
> acceder a la pagina, me deniega el acceso como si hubiera cambiado los
> permisos del FTP.
>
> Saludos
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Problema en Opera con overflow: hidden

[Daniel Navarro]

Tengo un problema de diseño que no logro resolver para Opera. Estoy usando
Opera 9.63 en WinVista 32bits.

Cuando un elemento contiene flotantes en su interior, éstos pueden
sobresalir de los límites de su contenedor. Una solución que se puede
adoptar para que el contenedor se ensanche con los flotantes consiste en
establecer la propiedad clear:both a algún elemento dentro del contenedor
que esté detrás de los flotantes. Si no se dispone de ninguno, se puede se
colocar de forma artificial en el código html, bien directamente (ej. , bien mediante el pseudoelemento :after en las css.

Existen otros métodos como se explica en
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

En el ejemplo que más abajo os muestro, estoy usando el método de Paul
O'Brien que consiste en establecer overflow:auto en el contenedor. También
vale overflow:hidden.

Sin embargo, en cuanto establezco esta declaración Opera calcula de forma
diferente los márgenes y el contenido se estrecha demasiado. Podéis probar a
incluir o no overflow:hidden para ver su efecto.

Por último, aunque no es de mi agrado, he intentado usar el hack para Opera
  html:first-child #contenido {
margin: 0;
  }
pero no funciona ¿?

¿alguna idea?


*CÓDIGO HTML*

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="es-ES" lang="es-ES">

  
  Problema Opera
  





  




  




Problema en Opera 9 con overflow:hidden
El div#content, con fondo rojizo, debe de extenderse para incluir a los dos
párrafos flotantes.
 Para ello, se ha establecido overflow: hidden.
 Se ha dejado espacio para las barras laterales estableciendo margin: 0
250px;


  Párrafo flotante a la izquierda



  Párrafo flotante a la derecha

 







*CSS*

/* Anula rellenos y márgenes predeterminados del navegador */
* {
  padding: 0;
  margin: 0;
}

#content {
  overflow: hidden; /* Declaración con la que se produce el problema en
Opera */
  margin: 0 220px;  /* espacio para alojar las barras laterales.
   Opera lo calcula mal si se establece overflow:hidden
*/
  background-color: #fcc;
  border: 2px solid red;
}

html:first-child #content {
  margin: 0;  /* Este hack para Opera no funciona ¿por qué? */
}


p#p1 {
  float: left;
  width: 250px;
  height: 400px;
  background-color: #ccf;
}

p#p2 {
  float: right;
  width: 250px;
  height: 400px;
  background-color: #cfc;
}


#bar1 {
  float: left;
  width: 200px;
  height: 100px;
  background: #eee;
}


#bar2 {
  float: right;
  width: 200px;
  height: 100px;
  background: #eee;
}



Gracias.
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema en Opera con overflow: hidden

[Daniel Navarro]

El ejemplo que he puesto es una versión reducida al mínimo de una
plantilla de un gestor de contenidos y se supone que el ancho es
variable dentro de unos límites. De todas formas, me valdría dejarlo
fijo, lo probaré. También puedo usar otras soluciones como flotarlo
todo o añadir un elemento que limpie los flotantes. Pero sobre todo lo
que me interesa es saber si este comportamiento de Opera tal y como
está el código es normal y si tiene fácil solución. En caso contrario
el usar el método de overflow:hidden para limpiar flotantes perdería
toda su efectividad.

Gracias.



El 11/02/09, Ignacio Ricci  escribió:
> Probaste agregarle un ancho al contenedor aparte de overflow hidden?
>
> 2009/2/10 Daniel Navarro 
>
>> Tengo un problema de diseño que no logro resolver para Opera. Estoy usando
>> Opera 9.63 en WinVista 32bits.
>>
>> Cuando un elemento contiene flotantes en su interior, éstos pueden
>> sobresalir de los límites de su contenedor. Una solución que se puede
>> adoptar para que el contenedor se ensanche con los flotantes consiste en
>> establecer la propiedad clear:both a algún elemento dentro del contenedor
>> que esté detrás de los flotantes. Si no se dispone de ninguno, se puede se
>> colocar de forma artificial en el código html, bien directamente (ej. > style="clear:both">, bien mediante el pseudoelemento :after en las css.
>>
>> Existen otros métodos como se explica en
>> http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
>>
>> En el ejemplo que más abajo os muestro, estoy usando el método de Paul
>> O'Brien que consiste en establecer overflow:auto en el contenedor. También
>> vale overflow:hidden.
>>
>> Sin embargo, en cuanto establezco esta declaración Opera calcula de forma
>> diferente los márgenes y el contenido se estrecha demasiado. Podéis probar
>> a
>> incluir o no overflow:hidden para ver su efecto.
>>
>> Por último, aunque no es de mi agrado, he intentado usar el hack para
>> Opera
>>  html:first-child #contenido {
>>margin: 0;
>>  }
>> pero no funciona ¿?
>>
>> ¿alguna idea?
>>
>>
>> *CÓDIGO HTML*
>>
>> >  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>> http://www.w3.org/1999/xhtml"; xml:lang="es-ES" lang="es-ES">
>> 
>>  
>>  Problema Opera
>>  
>> 
>>
>> 
>>
>> 
>>  <div id="bar1">
>> 
>>
>> 
>>  <div id="bar2">
>> 
>>
>> 
>> Problema en Opera 9 con overflow:hidden
>> El div#content, con fondo rojizo, debe de extenderse para incluir a los
>> dos
>> párrafos flotantes.
>>  Para ello, se ha establecido overflow: hidden.
>>  Se ha dejado espacio para las barras laterales estableciendo margin: 0
>> 250px;
>>
>> 
>>  Párrafo flotante a la izquierda
>> 
>>
>> 
>>  Párrafo flotante a la derecha
>> 
>>  
>>
>> 
>> 
>>
>>
>>
>>
>> *CSS*
>>
>> /* Anula rellenos y márgenes predeterminados del navegador */
>> * {
>>  padding: 0;
>>  margin: 0;
>> }
>>
>> #content {
>>  overflow: hidden; /* Declaración con la que se produce el problema en
>> Opera */
>>  margin: 0 220px;  /* espacio para alojar las barras laterales.
>>   Opera lo calcula mal si se establece overflow:hidden
>> */
>>  background-color: #fcc;
>>  border: 2px solid red;
>> }
>>
>> html:first-child #content {
>>  margin: 0;  /* Este hack para Opera no funciona ¿por qué? */
>> }
>>
>>
>> p#p1 {
>>  float: left;
>>  width: 250px;
>>  height: 400px;
>>  background-color: #ccf;
>> }
>>
>> p#p2 {
>>  float: right;
>>  width: 250px;
>>  height: 400px;
>>  background-color: #cfc;
>> }
>>
>>
>> #bar1 {
>>  float: left;
>>  width: 200px;
>>  height: 100px;
>>  background: #eee;
>> }
>>
>>
>> #bar2 {
>>  float: right;
>>  width: 200px;
>>  height: 100px;
>>  background: #eee;
>> }
>>
>>
>>
>> Gracias.
>> ___
>> 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://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
>
> --
> ↓۝ Ignacio Ricci
> www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Resolucion inicial

[Daniel Navarro]

Para ordenadores de escritorio, 1024x768 es la más usada. La página que
comentas está creada pensando en esta resolución. Pero debes de hacer el
sitio también accesible para otros dispositivos como pdas y teléfonos
móviles enlazando la hoja de estilos correspondiente.

Mira en
http://www.w3schools.com/browsers/browsers_display.asp

Saludos

El 11 de febrero de 2009 13:35, 2tonewarrior setfsdg <2tonewarr...@gmail.com
> escribió:

> Buenas, me gustaría hacer un tema para wordpress desdo 0 (mi primer tema).
> Tengo bastantes dudas sobre CSS pero la que más me importa es: Con que
> tamaño empezar a diseñar? o sea para que resoluciones de pantalla? no se
> cuáles son las más utilizadas. Por otra parte, quiero que quede hueco no
> sólo para el contenido sino tambien para una imagen de fondo tipo
> http://www.webdesignerwall.com/, que se vean bien tanto el contenido como
> el
> background.
>
>
> Espero que me podais ayudar, Saludos.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] centrar pagina web

[Daniel Navarro]

IE6 admite perfectamente margin: 0 auto;
El hack de centrar el texto para luego volverlo a alinear a la izquierda es
para versiones anteriores. Ya no hace falta.

Si no te funciona para la versión 6 de IE es porque no configuras tu código
para que el navegador pase al modo de estándares. Para ello, incluye un
doctype adecuado al principio del documento html. Pero ojo, no incluyas nada
antes de esta línea, ni siquiera una línea de comentario; tampoco la
declaración xml.

Saludos.





El 11 de febrero de 2009 15:10, Rodrigo Álvarez Virgós <
rodri.vir...@gmail.com> escribió:

> Hola, Lucas
>
> Lucas Franco escribió:
> > No habia tambien que agregar "text-align:center" en el body ?... o lo
> estuve
> > haciendo todos estos años innecesariamente ? :S
> >
>
> También. Sino no funciona el margin:0 auto; en IE6
>
> > 2009/2/11 Sergio.Iglesias 
> >
> >
> >> Pon el margin: 0 auto; en el #contenedor_general
> >>
> >> Un saludo
> >>
> >> 2009/2/11 Manuel Rojas 
> >>
> >>
> >>> Buenas, tengo un problema con una web. estoy usando div para la
> >>>
> >> maquetación
> >>
> >>> de a web. todo bien hasta el momento, solo que no logro a que se
> centre.
> >>>
> >> no
> >>
> >>> entiendo porqué. alguna opcion?
> >>>
> >>> estos son los css del body y del contenedor principal, que en este caso
> >>>
> >> se
> >>
> >>> llama contenedor general
> >>>
> >>> body
> >>> {
> >>>background-image: url(../images/fondo1.jpg);
> >>>background-repeat: repeat-x;
> >>>margin: 0 auto 0 auto;
> >>> }
> >>> #contenedor_general
> >>> {
> >>>width:750px;
> >>> }
> >>>
> >>> espero su ayuda.
> >>>
> >>> Ing. Manuel Rojas
> >>> 0426-5180245
> >>> Caracas DF
> >>> Venezuela
> >>> ___
> >>> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>>
> >>>
> >>
> >> --
> >> Sergio Iglesias Sánchez
> >> ser.igles...@gmail.com
> >> www.sergioiglesias.net
> >> ___
> >> 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://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> >>
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con caja (div) y archivo flash (swf)

[Daniel Navarro]

Hola, Daniel Rodríguez. Se me ocurren dos posibilidades.

Puede ser por el margen superior del elemento que esté debajo del div que
contiene la animación. Asegúrate que este margen no se "entrometa" en el
elemento superior. Para ello, establécelo en cero o aplícale un borde o un
padding (aunque sea de 1px) a este elemento inferior.


También puede ser porque la animación esté sobre la línea base (es el
comportamiento predeterminado, a menos que tú lo cambies). La línea base es
donde se sitúa el texto y los demás elementos inline. Debajo de la línea
base siempre hay un hueco para dejar espacio a los trazos descendentes de
letras como la q, p, etc. Si este es tu problema, tienes varias
posibilidades:

- Cambiar a *doctype transitional* (no te lo recomiendo)

- Establecer *display: block; *en el elemento 

- Establecer *vertical-align: bottom; *en el elemento 

- Establecer *line-height: 0px;* en el div contenedor del object. Válido si
éste sólo contiene una línea.

No tienes que usar todas las soluciones anteriores, sólo una de ellas.


Si esto no resuelve tu problema, indícanos el código o un enlace a la
página.

Saludos.




2009/2/14 Daniel Rodriguez 

> Hola amigos, tengo el siguiente problema:
>
> Tengo una caja (div) con todos sus margenes y rellenos en 0 (cero) y un
> borde de 1 pixel solido, pero cuando le coloco dentro un archivo swf de
> flash, entre el swf y el borde inferior de la caja me deja un espacio
> como de 1 o 2 pixeles en blanco en firefox (no tengo ese problema en IE).
>
> Sabe alguien si esto tiene solucion por medio de algun Hack o no tendre
> mas remedio que darle ese borde de 1 pixel directamente desde flash.
>
> Desde ya muchas gracias, Daniel
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con caja (div) y archivo flash (swf)

[Daniel Navarro]

Me alegro. Ten en cuenta que ese hueco inferior también ocurre con las
imágenes. Por defecto éstas se sitúan sobre la línea base como los demás
elementos inline.

Saludos




El 16 de febrero de 2009 17:17, Daniel Rodriguez escribió:

> Gracias , me ha resultado perfecto con "display: block" o tambien con
> "vertical-align: bottom;" trabajando sobre "object"
>
> Saludos y Muchas gracias de nuevo, Daniel Rodriguez
>
>
>
> El 15 de febrero de 2009 11:55, Daniel Navarro  >escribió:
>
> > Hola, Daniel Rodríguez. Se me ocurren dos posibilidades.
> >
> > Puede ser por el margen superior del elemento que esté debajo del div que
> > contiene la animación. Asegúrate que este margen no se "entrometa" en el
> > elemento superior. Para ello, establécelo en cero o aplícale un borde o
> un
> > padding (aunque sea de 1px) a este elemento inferior.
> >
> >
> > También puede ser porque la animación esté sobre la línea base (es el
> > comportamiento predeterminado, a menos que tú lo cambies). La línea base
> es
> > donde se sitúa el texto y los demás elementos inline. Debajo de la línea
> > base siempre hay un hueco para dejar espacio a los trazos descendentes de
> > letras como la q, p, etc. Si este es tu problema, tienes varias
> > posibilidades:
> >
> > - Cambiar a *doctype transitional* (no te lo recomiendo)
> >
> > - Establecer *display: block; *en el elemento 
> >
> > - Establecer *vertical-align: bottom; *en el elemento 
> >
> > - Establecer *line-height: 0px;* en el div contenedor del object. Válido
> si
> > éste sólo contiene una línea.
> >
> > No tienes que usar todas las soluciones anteriores, sólo una de ellas.
> >
> >
> > Si esto no resuelve tu problema, indícanos el código o un enlace a la
> > página.
> >
> > Saludos.
> >
> >
> >
> >
> > 2009/2/14 Daniel Rodriguez 
> >
> > > Hola amigos, tengo el siguiente problema:
> > >
> > > Tengo una caja (div) con todos sus margenes y rellenos en 0 (cero) y un
> > > borde de 1 pixel solido, pero cuando le coloco dentro un archivo swf de
> > > flash, entre el swf y el borde inferior de la caja me deja un espacio
> > > como de 1 o 2 pixeles en blanco en firefox (no tengo ese problema en
> IE).
> > >
> > > Sabe alguien si esto tiene solucion por medio de algun Hack o no tendre
> > > mas remedio que darle ese borde de 1 pixel directamente desde flash.
> > >
> > > Desde ya muchas gracias, Daniel
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Opinión y ayuda con la web

[Daniel Navarro]

Hola, jis.

Veo que te has basado en una plantilla de Andreas Viklund [1] (esto es sólo
un comentario). Podrías mejorar un poco el menú centrando el texto
verticalmente (te ha quedado un pelín alto). También creo que el texto de la
cabecera quedaría mejor fuera de la imagen, al lado de ésta. Dando un
apretoncito más de tuerca a la cabecera, la imagen la dejaría con su
proporciones originales, sin deformar (ahora está achatada) y rellenaría el
resto del hueco de la cabecera para integrarlo con la imagen.


Dejando el diseño de lado, algunas recomendaciones sobre las que puedes
trabajar:
- Haz el sitio accesible sin necesidad de javascript. Tal y como lo tienes,
sin javascript no puedes buscar inmuebles.
- Cambia la apariencia de los enlaces. No se distinguen del resto de texto
en negrita y, para saber donde están, hay que rastrear con el ratón hasta
que se convierte el puntero en una mano. Debería de ser más obvio.
- No abras nuevas ventanas.

Por último, felicitarte. Aunque lo puedes mejorar, tienes un sitio en
funcionamiento que seguro que cumple las expectativas de tu primo.

Saludos.

REFERENCIAS:
[1] http://andreasviklund.com/files/demo/andreas09/






El 22 de febrero de 2009 22:19, ji s  escribió:

> Hola t...@s.
>
> Hace un tiempo os pedí ayuda para realizar un web para un familiar y (por
> supuesto) vuestras respuestas me sirvieron de mucho. Siempre sigo la lista,
> pero no me atrevo a responder unas veces por desconocimiento y otras porque
> creo que no tengo suficiente nivel, ya que soy de los que saben poco de
> varias
> cosas. En fin (que me enrrollo), si me hacéis el favor os pediría que os
> pasaséis por la web os comentaba que hice a un primo mío y que estoy
> planteandome darle una vuelta. Con el tiempo la he ido afinando y la he
> validado para html 4.01 transitional y css. Por daros algo información la
> carga
> de la parte de vivienda nueva y segunda mano es dinámica y los datos salen
> de
> una pequeña aplicación que les hice (java+jsp+mysql). Lo que más me
> interesa
> son críticas (sin cebaros mucho) de posibles técnicas que esté haciendo mal
> y
> posibles mejoras que veáis que podría hacer en la página para una segunda
> revisión que quiero hacerle. De paso también me gustaría conocer vuestra
> opinión.
>
> La web es de una inmobiliaria de Haro (La Rioja) y la dirección es
> http://www.inmobiliariavistaalegre.com
>
> Gracias de antemano y perdón si no interesa el tema o me he enrrollado
> mucho.
>
> Besos y abrazos (Cada uno que coja lo que quiera (se puede repetir))
>
> jis
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Opinión y ayuda con la web

[Daniel Navarro]

Andreas Viklund, como indica en su página de copyright [1], da libertad para
quitar el enlace que hace mención a su nombre. Eso sí, si el sitio es
comercial y se quita ese enlace, ruega encarecidamente que se haga una
pequeña donación via paypal.

Saludos.


[1] http://andreasviklund.com/about/copyright/
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Bloquear IE

[Daniel Navarro]

Algunas incompatibilidades las puedes solucionar con IE7.js o IE8.js.

Dices:
*"si a un div le ponemos un ancho y a eso un relleno y un margen ie lo
toma como un todo, cosa que en muchas ocasiones me genera problemas
con la diagramacion del sitio."*

¿Problemas con el modelo de cajas?. Para que IE se comporte en el modo de
estándares tienes que aprovechar la conmutación doctype [2]. Basta con que
coloques un doctype adecuado como primera línea del archivo html. No
coloques nada antes, ni siquiera la declaración xml que, por otro lado, no
es obligatoria en los documentos xhtml si la codificación es utf-8 [3].

Saludos.


[1] http://code.google.com/p/ie7-js/
[2] http://es.wikipedia.org/wiki/Quirks_Mode
[3] http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11.htm#normative
(último párrafo del apartado 3.1.1)



2009/2/23 Mauricio Dulce 

> La decisión tomada es por los siguientes inconvenientes.
>
> min-h y min-w no funcionan en ie6,
>
> si a un div le ponemos un ancho y a eso un relleno y un margen ie lo
> toma como un todo, cosa que en muchas ocasiones me genera problemas
> con la diagramacion del sitio.
>
> Tengo que usar condicionales especiales para dicho navegador.
>
> La forma en que renderiza las fuentes me parece fatal comparada con
> safari.
>
> Problemas con los png
>
> Problemas con menús desplegables (toca usar javascript)
>
> Algunas cosas que se hace con jquery o prototype no funcionan de una
> manera adecuada.
>
> Es obsoleto
>
> No respeta lo que los demás pusieron como regla para css (estandares)
>
> Si se trata de hacer el sitio con un seo escore alto, el sitio se ve
> fatal en internet explorer
>
> No tengo un ordenador con windows instalado, tampoco tengo las
> licencias y mucho menos pienso comprar una ya que el proyecto para el
> cual e decidido hacer esto es mi portafolio
>
>
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] A dentro de A en IE7...

[Daniel Navarro]

Hola, miraré el error, pero lo puedes arreglar posicionando ese enlace de
forma absoluta:

position: absolute;
top: 0px; right: 0px;

Saludos


2009/2/25 Ardilla Roja 

> Saludos a todos los listeros,
>
> Aqui con una pregunta...
>
> tengo esta esctructura:
>
> 
>English Version » 
>Contreras Trucking -
> Inicio
> 
>
> Pueden verlo aqui http://www.contrerastrucking.com en el encabezado,
> resulta que el a.liga-lenguaje empuja hacia abajo el h1, aunque el a
> este flotado... ya trate de darle inline al h1, flotandolo, etc,
> etc... pero no logro dar con la solucion... lo pueden ver en FF para
> que vean el comportamiento que debiera ser normal...
>
> Saludos y gracias,
>
> A:R
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] IE Developer Toolbar

[Daniel Navarro]

Hola, comprueba en las opciones de internet (Herramientas > Opciones de
Internet) lo siguiente:

* (pestaña) Seguridad > (icono) Intranet Local > (botón) Nivel personalizado
  que se permite la ejecución de controles y complementos ActiveX

* (pestaña) Programas > (botón) Administrar complementos
  que está habilitado el complemento de IE Developer

* (pestaña) Opciones Avanzadas
  que está marcada la casilla "Habilitar extensiones de explorador de
terceros" (requiere reiniciar el navegador)

Saludos.



El 24 de febrero de 2009 10:43, Juan Luis Blanco escribió:

> Hola,
>
> gracias al polémico hilo "Bloquear IE" he descubierto la herramienta
> Internet Explorer Collection. Yo antes usaba MultipleIE, y multiples fueron
> también las ocasiones en que intenté instalar la extensión Web Developer
> Toolbar sin lograrlo. Pero mira por dónde el instalador del Explorer
> Collection te permite instalar el Web Developer Toollbar  a la vez que
> instalas las versiones de Explorer que te interesan. Asunto solucionado,
> pensé. Manos a la obra.
>
> El caso es que una vez realizada la instalación, la extensión no funciona.
> Aparece en la barra de herramientas, pero en tono gris (o sea
> inhabilitada).
> He tratado de activarlo de todas las maneras que he encontrado Googleando,
> pero no hay forma.
>
> ¿Hay alguien a quien le haya ocurrido esto mismo? ¿Cómo lo habéis
> solucionado?
>
> Gracias,
> Juan Luis
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] A dentro de A en IE7...

[Daniel Navarro]

Este error es un problema antiguo de IE. Lo tienes documentado en varios
sitios, por ejemplo:

http://www.positioniseverything.net/floatmodel.html   (en inglés)

En resumen, cuando tienes elementos estáticos (en tu caso el h1) junto a uno
flotado (en tu caso, el enlace del idioma), si estableces una anchura al
elemento estático (el h1), IE desplaza éste para que no coincida con el
flotado. Si además no caben los dos juntos en el contenedor, lo desplaza
debajo.

Para solucionarlo, como dije en el mensaje anterior, posiciona de forma
absoluta el enlace en vez de flotarlo.

Saludos.




2009/2/25 Ardilla Roja 

> Saludos a todos los listeros,
>
> Aqui con una pregunta...
>
> tengo esta esctructura:
>
> 
>English Version » 
>Contreras Trucking -
> Inicio
> 
>
> Pueden verlo aqui http://www.contrerastrucking.com en el encabezado,
> resulta que el a.liga-lenguaje empuja hacia abajo el h1, aunque el a
> este flotado... ya trate de darle inline al h1, flotandolo, etc,
> etc... pero no logro dar con la solucion... lo pueden ver en FF para
> que vean el comportamiento que debiera ser normal...
>
> Saludos y gracias,
>
> A:R
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] CSS: Contenidos para usuarios avanzados.

[Daniel Navarro]

Para mí, sin duda, lo más complicado es la compatibilidad de los diferentes
navegadores con las especificaciones css.

Saludos.

2009/2/25 dreagnout 

> Hola, quisiera que los usuarios dieran su opinión sobre qué parte de
> CSS le parece más "avanzada" y complicada, para saberlo y poder
> ayudarles.
>
> Un saludo.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: Los invito a que visiten mi sitio D iseño Atsui.

[Daniel Navarro]

Coloca una copia local de las imágenes de estos marcadores para que se
carguen rápido. Si te fijas, en la página que tú mismo comentas están así:
http://www.stripegenerator.com/ (los iconos están en la parte inferior).

Saludos.



El 28 de febrero de 2009 16:56, Diseño Atsui escribió:

> ¡Muchísimas gracias por sus comentarios, sugerencias y criticas gente
> Ovillera!
>
> Ahora paso a comentarles que mi página fue hecha con los siguientes
> recursos:
>
> Hardaware:
> Pentium III de 666 Mhz con 385.648 Kb de memoria RAM.
> Placa de vídeo: nVidia GeForce 4 MX 4000
> Sonido: Sound Blaster Live! Value (EMU10k1)
>
> Y en este Hardware corre:
> Sistema Operativo: Mandriva Linux Spring 2008.1 Spring (sin escritorio
> 3D porque sino me resta rendimiento).
> Aplicación para desarrollo web: Bluefish 1.0.7
> Edición de imágenes: GIMP 2.4.5
> Creación y manipulación de gráficos vectoriales: Inkscape
> (anteriormente usaba Sodipodi).
>
> Como podrán ver estas son las herramientas que utilizo para el
> desarrollo web. Al menos con esto me basta y sobra y por el momento no
> me meteré con Eclipse o similares. Es que son muy grandes para los
> proyectos que yo tengo entre manos.
> Y el tema de poner un formulario se me paso por la cabeza pero me dí
> cuenta que el hosting que tengo (que figura más abajo) no soporta PHP
> y MySQL. Y, además, mi dominio sobre programación es algo escaso para
> hacer algo así.
>
> El hosting lo tengo en Free Web Town que es gratis y nunca me ha dado
> problemas. Quizás algún mantenimiento que se tomo su tiempo pero nada
> más.
>
> Les comento que el logo en un principio fue hecho en Sodipodi luego lo
> tuve que rehacer en Xara Xtreme (quedo archivo en un archivo .xar) y
> finalmente retome el original hecho en Sodipodi gracias a Inkscape y
> su soporte para archivos .svg.
>
> Siguiendo con el temas imágenes les digo que lo único que no hice yo
> desde mi máquina fueron los fondos que los obtuve de Stripe Generator
> (http://www.stripegenerator.com/)
>
> Para ir finalizando les comento que me parece que el tema de la carga
> de la página y su tardanza se debe a los marcadores sociales que le
> puse, voy a ver como reacciona si les saco algunos y si sigue con el
> problema le quito todos menos el de Facebook (que por lo que ví ese
> anda bien).
>
> Gente, muchísimas gracias nuevamente por las opiniones que tuvieron
> sobre mi sitio. Esto me fue de gran ayuda.
>
> Nos vemos la próxima.
>
> Saluda atentamente,
> Tadeo.
>
> P.D.1: Y no tengo banda ancha en mi casa, así que uso Dial Up. Por
> ahora con eso me arreglo ;-)
>
> P.D.2: Victor, ya estoy revisando el error de CSS que me advertiste.
> Seguro que fue algo que se me paso.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] CSS Avanzado. Partes.

[Daniel Navarro]

ORGANIZAR CSS

Mientras esperas a que te conteste dreagnout, te doy mi opinión.

No conozco un método para ordenar las css que esté consensuado por todo el
mundo. Sí que puedes encontrar en Internet muchas opiniones (y truquillos
como indentar las reglas, usar declaraciones abreviadas, etc.), pero lo más
importante es que sigas un método y seas consistente con él. Piensa, por
ejemplo, en cómo organizar los libros clase. Puedes ordenarlos por materias
(todos los de matemáticas juntos, todos los de física, etc.) o por curso
(todos los de primer curso juntos, todos los de segundo, etc.). Cuando
quieras buscar el libro de inglés del tercer curso, si has seguido un método
lo encontrarás en seguida (en la estantería del tercer curso o en la de
libros de idiomas, según cómo los ordenaste). El problema surge cuando no
sigues ningún orden: ¡Jaime!, ¿me tiraste el libro de tercero de ingles? ¡No
lo encuentro!

Aparte de la clasificación obvia: screen.css, print.css, etc., puedes
organizar las css en la siguiente forma:

- CSS genérica: estilos.css con la estructura básica del sitio (número de
columnas, ubicación de las secciones, etc.) e información general sobre la
tipografía, los colores, los enlaces, etc.
- CSS página de inicio: inicio.css.
- CSS por secciones: menu.css, formulario.css, noticias.css, foro.css.

Respondiendo directamente a tu pregunta, excepto por los estilos genéricos,
ordeno por secciones del documento. Aunque te presento las hojas de estilo
en archivos independientes, en el caso de que estuvieran en un único
archivo, también estarían claramente separadas.

En general, el mantener la apariencia global en el archivo de estilos
generales estilos.css y confiar en la herencia, te puede bastar. Pero si el
sitio empieza a ser grande y es posible que cambies, por ejemplo, el color,
es mejor crear una hoja de estilos aparte llamada color.css. Te evitará
tener que estar navegando por los diferentes archivos css cada vez que
quieras hacer un cambio de color. Piensa, por ejemplo, en una plantilla que
reutilizas en más de un sitio. Seguramente quieras cambiar de forma rápida
la apariencia y tener el color centralizado te será de ayuda. Hay quien hace
esto mismo para las fuentes, pero dado el poco margen de juego que da la
tipografía en html, prefiero tenerlo en el archivo de estilos genéricos.

Si trabajas con un gestor de contenidos te será sencillo adjuntar las hojas
de estilo css a tu proyecto. El gestor se encarga de añadir esa hoja de
estilos a todas las páginas. Algo parecido puedes hacer si trabajas con
lenguaje del lado del servidor. Puedes escribir una única línea de código en
todos tus documentos que incluya un fichero con las hojas de estilos
enlazadas que desees, en la forma:
  INCLUIR(FICHERO_DE_CSS);
Así, si quieres añadir o borrar una hoja de estilos, sólo tendrás que editar
FICHERO_DE_CSS y añadir (o borrar) una línea . Lo
harás una única vez.
  Pero si trabajas con páginas html puras, cada vez que quieras añadir una
hoja de estilos, tendrás que hacerlo en todas y cada una de las páginas.
Para evitarlo, enlaza un único fichero, por ejemplo, estilos.css y, dentro
de él, importa las demás hojas de estilos con la directiva @import.

Dentro de cada fichero, también es importante seguir un orden (a nadie se le
ocurre indicar los estilos del pie antes que el de la cabecera). Es mejor
colocar las reglas con menos especificidad antes. También son importante los
comentarios:

/*  */
/* - NOTICIAS - */
/*  */
#noticias {
}

#noticias p {
}

#noticias p em {
}
/* -- Fin de noticias -- */


Dentro de las reglas, hay quien prefiere colocar las diferentes
declaraciones por orden alfabético de las propiedades. Yo prefiero
ordenarlas según su posición en el formato de caja, de más interior a más
exterior:

#viaja {
  width: 100px;
  font: ...
  color: ...
  background: ...
  padding: ...
  border: ...
  margin: ...
}


NOTA. Para evitar llamadas al servidor, hay quien reune todas las hojas de
estilos en un archivo único. Particularmente me parece excesivo, sobre todo
teniendo en cuenta la ingente cantidad de llamadas que realiza cualquier
página con un mínimo de imágenes y otros recursos.


Saludos.




El 26 de febrero de 2009 17:59, Chr5  escribió:

> ¿ Qué modo de organizar un CSS es el más eficiente de cara al futuro
> de una aplicación / desarrollo web ?
>
> ¿ Organizarías los estilos por areas en la interfaz  ? Header,
> Contenido, Footer
> ¿ Por módulos de la aplicación?   Cajas, mensajes_sistema, parrafos
> especiales
> ¿ Por tipos ?  h1, p, ul, del, ins
> ¿ Por propiedades de elementos ?   p, h1, ul, ol { margin-left: 1em; }
> ¿ O quizás una mezcla de todos ellos ?
>
> ¿ Separarías los estilos en varias hojas o en cambio los mantendrías
> todo en la misma ?, ¿ sería reutilizable de este modo ?
>
> Espero que te sirvan de algo mis incertidumbres,
> ahul,
>
> carlos
>
> 2009/2/26 dreagnout :
> > Hola, quisiera que los usuarios dieran su opinión sobr

Re: [Ovillo] sustituto para el

[Daniel Navarro]

He tenido problemas en algunos navegadores con esta solución y no me ha
servido. Cuando se establece overflow:hidden a un elemento con floats a su
lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se
le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta
los floats laterales, pero cuando se establece overflow:hidden los márgenes
los calcula respecto de los floats, destrozando el diseño.

Mira el mensaje que envié a esta misma lista de Ovillo:

http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html

Puedes copiar el código y comprobar lo que digo.

Saludos.

El 4 de marzo de 2009 20:22, Martin Etxauri  escribió:

> Aupa
>
> No se si la mayoría por aquí conoceréis esto que mando pero ahí va.
> No convencido del famoso  limpiador con el clear:both para cerrar
> bien las capas que contienen elementos flotados y que no sobresalgan
> por encima de estas, he encontrado un artículo [1] donde explican
> varios métodos y señalan uno como definitivo (o al menos el mejor en
> su opinión), y es tan simple como ponerle a dicha capa (la contenedora
> de los elementos flotados) overflow: auto;
>
> Yo personalmente he alucinado con el tema y me parece que funciona muy
> bien. En el mismo artículo advierte que con algunas combinaciones de
> margin y padding pueden salir algún scroll pero es cuestión de tener
> cuidado.
>
> Espero que sea de utilidad
>
> saludos
>
>
> [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] sustituto para el

[Daniel Navarro]

Perdona por no explicarme bien: hay un elemento con floats en su interior,
al que se le aplica overflow:hidden para que se extienda y englobe a estos
floats interiores. Pero, a su vez, al lado de este elemento también hay
floats (las barras laterales en un diseño a tres columnas).

Lo mejor es que lo veas en acción. He colgado el ejemplo en:
http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html

Nota: no hagas caso al código javascript que incluye este proveedor al final
de los documentos.

Saludos


El 4 de marzo de 2009 21:16, Ignacio Ricci escribió:

> No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con
> overflow hidden?
> En ese caso no lo necesitarias porque el elemento padre de los floats
> tambien esta flotado y no se produce el bug,.
>
> 2009/3/4 Daniel Navarro 
>
> > He tenido problemas en algunos navegadores con esta solución y no me ha
> > servido. Cuando se establece overflow:hidden a un elemento con floats a
> su
> > lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no
> se
> > le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta
> > los floats laterales, pero cuando se establece overflow:hidden los
> márgenes
> > los calcula respecto de los floats, destrozando el diseño.
> >
> > Mira el mensaje que envié a esta misma lista de Ovillo:
> >
> > http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html
> >
> > Puedes copiar el código y comprobar lo que digo.
> >
> > Saludos.
> >
> > El 4 de marzo de 2009 20:22, Martin Etxauri  escribió:
> >
> > > Aupa
> > >
> > > No se si la mayoría por aquí conoceréis esto que mando pero ahí va.
> > > No convencido del famoso  limpiador con el clear:both para cerrar
> > > bien las capas que contienen elementos flotados y que no sobresalgan
> > > por encima de estas, he encontrado un artículo [1] donde explican
> > > varios métodos y señalan uno como definitivo (o al menos el mejor en
> > > su opinión), y es tan simple como ponerle a dicha capa (la contenedora
> > > de los elementos flotados) overflow: auto;
> > >
> > > Yo personalmente he alucinado con el tema y me parece que funciona muy
> > > bien. En el mismo artículo advierte que con algunas combinaciones de
> > > margin y padding pueden salir algún scroll pero es cuestión de tener
> > > cuidado.
> > >
> > > Espero que sea de utilidad
> > >
> > > saludos
> > >
> > >
> > > [1]
> http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
> > > ___
> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ↓۝ Ignacio Ricci
> www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] sustituto para el

[Daniel Navarro]

¿Raro?. Es un diseño a tres columnas con las columnas laterales de ancho
fijo, sacado de una plantilla. Si haces un diseño en porcentajes y no
incluyes márgenes al elemento con overflow:hidden, entonces no se
reproducirá este problema, pero será otro diseño con otras características,
que podrá valer o no.

Saludos



El 5 de marzo de 2009 2:23, Ignacio Ricci escribió:

> Bueno pero ese es un armado raro. Para mi eso serían 3 floats con anchos en
> porcentajes.
> 2009/3/4 Daniel Navarro 
>
> > Perdona por no explicarme bien: hay un elemento con floats en su
> interior,
> > al que se le aplica overflow:hidden para que se extienda y englobe a
> estos
> > floats interiores. Pero, a su vez, al lado de este elemento también hay
> > floats (las barras laterales en un diseño a tres columnas).
> >
> > Lo mejor es que lo veas en acción. He colgado el ejemplo en:
> >
> >
> http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html
> >
> > Nota: no hagas caso al código javascript que incluye este proveedor al
> > final
> > de los documentos.
> >
> > Saludos
> >
> >
> > El 4 de marzo de 2009 21:16, Ignacio Ricci  > >escribió:
> >
> > > No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno
> con
> > > overflow hidden?
> > > En ese caso no lo necesitarias porque el elemento padre de los floats
> > > tambien esta flotado y no se produce el bug,.
> > >
> > > 2009/3/4 Daniel Navarro 
> > >
> > > > He tenido problemas en algunos navegadores con esta solución y no me
> ha
> > > > servido. Cuando se establece overflow:hidden a un elemento con floats
> a
> > > su
> > > > lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si
> > no
> > > se
> > > > le aplica overflow:hidden, Opera calcula los márgenes sin tener en
> > cuenta
> > > > los floats laterales, pero cuando se establece overflow:hidden los
> > > márgenes
> > > > los calcula respecto de los floats, destrozando el diseño.
> > > >
> > > > Mira el mensaje que envié a esta misma lista de Ovillo:
> > > >
> > > >
> > http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html
> > > >
> > > > Puedes copiar el código y comprobar lo que digo.
> > > >
> > > > Saludos.
> > > >
> > > > El 4 de marzo de 2009 20:22, Martin Etxauri 
> escribió:
> > > >
> > > > > Aupa
> > > > >
> > > > > No se si la mayoría por aquí conoceréis esto que mando pero ahí va.
> > > > > No convencido del famoso  limpiador con el clear:both para
> cerrar
> > > > > bien las capas que contienen elementos flotados y que no
> sobresalgan
> > > > > por encima de estas, he encontrado un artículo [1] donde explican
> > > > > varios métodos y señalan uno como definitivo (o al menos el mejor
> en
> > > > > su opinión), y es tan simple como ponerle a dicha capa (la
> > contenedora
> > > > > de los elementos flotados) overflow: auto;
> > > > >
> > > > > Yo personalmente he alucinado con el tema y me parece que funciona
> > muy
> > > > > bien. En el mismo artículo advierte que con algunas combinaciones
> de
> > > > > margin y padding pueden salir algún scroll pero es cuestión de
> tener
> > > > > cuidado.
> > > > >
> > > > > Espero que sea de utilidad
> > > > >
> > > > > saludos
> > > > >
> > > > >
> > > > > [1]
> > > http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
> > > > > ___
> > > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > > ___
> > > > 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://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > >
> > >
> > >
> > > --
> > > ↓۝ Ignacio 

Re: [Ovillo] sustituto para el

[Daniel Navarro]

He estado investigando un poco y resulta que el problema del margen en
elementos con overflow hidden tiene su explicación. También tiene una
solución sencilla.


DESCRIPCIÓN
 Tenemos un elemento que se debe de expandir para contener a los floats que
tiene en su interior. Pero, a su vez, este elemento está junto a otros
flotantes. Para que se produzca esta expansión, establecemos la propiedad
overflow en hidden (también vale auto). El problema surje cuando este
elemento está junto a flotantes (no confundir con los flotantes internos) y,
además, le añadimos un margen para crear un efecto de columna. Entonces,
unos navegadores (ej. IE7 o Firefox3 bajo Windows) calculan este margen
desde el borde de la caja que contiene a este elemento (y a los floats
adyacentes), mientras que otros (ej. Opera, Safari, Firefox en Linux) lo
calculan desde el límite de los floats laterales.

- Al parecer, la mayoría de los navegadores modernos calculan los márgenes
del elemento con overflow:hidden desde los bordes de las caja flotantes que
pudieran tener a su lado.



¿QUÉ DICEN LAS ESPECIFICACIONES?
  Establecer la propiedad overflow a hidden (o cualquier valor distinto de
visible) hace que que se genere un nuevo contexto de formato de bloque [1].
  CSS2.1 impide que el elemento con este nuevo contexto se solape con los
flotantes. Para ello da la opción de que la caja se haga más estrecha o bien
limpie los flotantes pasando a estar debajo de ellos [2]. En CSS3 sucede lo
mismo. En CSS2 no he visto nada.

  Por lo tanto, según esto, ni Internet Explorer 6 y 7 ni Firefox bajo
Windows siguen la especificación CSS2.1 en adelante, ya que contraen el
contenido inline del elemento, pero no la caja, que se solapa con los
flotantes laterales y, como consecuencia, calculan mal los márgenes.



SOLUCIÓN
  Para que el comportamiento sea congruente con los diferentes navegadores,
la solución no podía ser más sencilla:

  * Envolver el elemento con overflow:hidden dentro de otro y establecer los
márgenes sólo al elemento padre.

  Aunque se puede alegar que esto añade marcado no semántico (una etiqueta
nueva sólo para añadir márgenes), hay que tener en cuenta que no se aplica a
todos los elementos con overflow:hidden, tan sólo a los que estén
posicionados junto a floats y queramos que tengan un margen para crear el
efecto de columna. Además, según el caso, puede que este elemento padre ya
estuviese creado, con lo que sólo añadiríamos el margen en las css.


Saludos


Referencias
[1] http://www.w3.org/TR/CSS21/visuren.html#block-formatting
[2] http://www.w3.org/TR/CSS21/visuren.html#bfc-next-to-float








El 4 de marzo de 2009 20:22, Martin Etxauri  escribió:

> Aupa
>
> No se si la mayoría por aquí conoceréis esto que mando pero ahí va.
> No convencido del famoso  limpiador con el clear:both para cerrar
> bien las capas que contienen elementos flotados y que no sobresalgan
> por encima de estas, he encontrado un artículo [1] donde explican
> varios métodos y señalan uno como definitivo (o al menos el mejor en
> su opinión), y es tan simple como ponerle a dicha capa (la contenedora
> de los elementos flotados) overflow: auto;
>
> Yo personalmente he alucinado con el tema y me parece que funciona muy
> bien. En el mismo artículo advierte que con algunas combinaciones de
> margin y padding pueden salir algún scroll pero es cuestión de tener
> cuidado.
>
> Espero que sea de utilidad
>
> saludos
>
>
> [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con imagen de fondo

[Daniel Navarro]

Hola. El margen superior del elemento p que está dentro del pie sobresale de
los bordes de #pie y es el causante de ese espacio. Para evitarlo, aplica
overflow:hidden a  #pie. También puedes añadirle un padding-top: 1px. Una
tercera solución es eliminar el margen superior de ese elemento p.

Saludos.


2009/3/6 Jesus Torralba 

> Hola de nuevo,
> lo he probado y parece que funciona pero al final no se une al pie, al
> final de la página no se llega a unir. El pie no tiene margen.
>
> la web: http://eayohues.educa.aragon.es/jesus_play/
> el CSS: http://eayohues.educa.aragon.es/jesus_play/estilos/estilos.css
>
>
> Gracias de nuevo.
>
>
> El 06/03/2009, a las 13:01, ovillo-requ...@lists.ovillo.org escribió:
>
> > Hola Jesus,
> > Lo unico que tienes que hacer para solucionar el problema es incluir
> > en tu css a la capa fondo el overflow:auto, te quedaria asi:
> >
> > #fondo {
> >   padding:0px;
> >   margin: auto;
> >   width:840px;
> >   height:100%;
> >   background-image: url(../imagenes/cuerpo.jpg);
> >   background-repeat: repeat-y;
> >   overflow:auto;
> > }
> > Pruebalo y nos comentas
> > Un saludo
>
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Como poner 4 imagenes como bordes de una capa con css

[Daniel Navarro]

Hola,

Depende, voy a presuponer que quieres una solución compatible con IE6 y sin
usar javascript (en caso contrario podrías evitarte marcado no semántico).
También entiendo que te basta con un ancho de caja fijo.

Puedes usar la técnica de las puertas correderas para usar sólo dos
imágenes, no tres. Además, es conveniente que uses algún elemento que sí sea
semántico, como un título hx, por ejemplo.

HTML

  
Título de la caja
  
  Algo más


Prepara dos imágenes, una con los bordes superiores y otra con los
inferiores, pero esta última sobredimensionada, esto es, lo suficientemente
alta para ajustarse a las diferentes alturas de caja que pudieras tener.

A h2 le asignas la imagen con los bordes superiores y a #caja la imagen
sobredimensionada que contiene los bordes inferiores y cuya parte superior
quedará oculta por la de h2.

Sería algo así:

#caja {
  width: 200px;
  background: url(abajo.png) no-repeat left bottom;
}

h2 {
  background: url(arrib.png) no-repeat left top;
}

Detrás del h2, pero dentro de #caja, tendrás otros elementos como párrafos.
También tendrás que hacer algunos ajustes como añadir padding para separar
el texto de los bordes.


Saludos



El 6 de marzo de 2009 20:31, Daniel González  escribió:

> Hola a todos.
>
> Quiero poner los 4 bordes a una capa con sendas imagenes.
>
> Se me ocurre que puedo poner una imagen de fondo que contenga los bordes
> laterales y una capa superior e inferior que contenga las imagenes de
> arriba
> y de abajo
> algo asi como:
>
> 
>  
>  Aqui el contenido de la caja
>  
> 
>
> Pero entiendo que esto no es correcto ya que estoy utilizando dos capas sin
> contenido lógico. ¿Cual es la solución correcta?
> Saludos y gracias.
>
>
>
>
> Daniel González Cerviño
> tel 653965048
> ikar...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Consulta acerca de la layout de mi blog

[Daniel Navarro]

Hola, Pedro Corchero. Creo que algunos (o muchos) están entendiendo tus
mensajes como un intento de posicionar mejor tu sitio en los buscadores.

Te concedo el beneficio de la duda. Me gustaría darte mi opinión a lo que
preguntas, pero no entiendo a qué te refieres cuando hablas de estructura
¿la estructura del documento html?. O puede te estés refiriendo a cómo
organizas y presentas el contenido y si hacerlo o no en forma de blog ¿?. Tú
dirás.

Yo encuentro tu sitio interesante y, lo que más valoro es la clasificación
por categorías. Conocer las últimas entradas está muy bien para los que
acceden de forma habitual. Para los demás, es más importante poder encontrar
alguna información de su interés entre todas las entradas. Por eso, quizás
podrías resaltar más el apartado de secciones y situarlo antes que el de
"últimas entradas" y "comentarios recientes" que, por otro lado, los tienes
repetidos en el pie.

Saludos.



El 6 de marzo de 2009 22:56, dreagnout  escribió:

> Hola, querría preguntarnos si la estructura que tengo puesta ahora
> mismo en mi blog, es correcta para su contenido (CSS), o sería mejor
> cambiarla por otra. Si sería mejor crear otra o cambiarla, especificar
> cúal.
>
> El blog es: http://www.cssblog.es
>
> Saludos.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Consulta

[Daniel Navarro]

Hola, Javier Herrán.

Es importante la planificación previa antes de diseñar un sitio. Para ello
tendrás que obtener toda la información que puedas del cliente (objetivos,
colores y logo, secciones, etc.). Antes de escribir código tienes que tener
un prototipo de la página (imagen, no html), aunque sea un simple boceto en
papel, como ha apuntado Andres Karp. Luego analiza este boceto para
"descubrir" cuál es la estructura inherente que tendrás que plasmar en html
(encabezado arriba, luego menú horizontal, luego breadcrums, etc.). Crea el
documento html con esta estructura y, después, añades el estilo con css para
que tu página se parezca lo más posible al boceto (por lo que cuentas, tú ya
lo haces así: primero html, luego css).

Pero, si te tengo que dar alguna recomendación es esta: apréndete bien la
teoría. Te ahorrarás muchos quebraderos de cabeza y sabrás cuando un
determinado comportamiento es particular de un navegador o es conforme a los
estándares, aunque éste pueda parecer desconcertante. Me sorprende que
conocimientos que deberían de ser básicos como la conmutación doctype o los
detalles sobre la combinación de márgenes, por poner dos ejemplos, a veces
los desconocen diseñadores con muchos años de profesión. Muchos ni siquiera
saben nada sobre la cabecera http, de que su flamante código XHTML (con "X")
es interpretado como HTML (sin "X") por los navegadores ya que así se lo
marca el servidor web y que incluso puede que no funcione si se trata como
xhtml. Profundiza en la teoría; darás un salto cualitativo y te evitarás
muchas frustraciones.

También es importante el inglés para encontrar información, como ha
comentado Daniel Rodríguez.


Respecto a la propiedad float, tienes el comportamiento básico en
http://www.librosweb.es/css/capitulo5/posicionamiento_float.html
http://www.librosweb.es/css_avanzado/capitulo1/limpiar_floats.html
Luego tienes los numerosos bugs asociados con los float, sobre todo con IE
(margen doble, texto que desaparece, hueco de 3px, etc.) y cómo
solucionarlos.
Nota. Aunque estas páginas no dicen nada al respecto, es importante que
indiques un ancho a todo elemento que quieras flotar para evitar efectos no
deseados.

La propiedad float es un recurso muy utilizado para posicionar elementos. Te
la encontrarás en cualquier sitios: columnas, menús, formularios, etc. A
veces existe más de una solución para realizar algo pero generalmente la
solución con floats es más elegante o incluye menos marcado semántico.
Entiendo perfectamente tu duda sobre cuando usar y cuando no floats, porque
seguramente estés pensando en el sentido original, que fue el permitir que
el texto fluyera alrededor de una imagen. Pero con la llegada de CSS y la
propiedad float, que se puede aplicar a cualquier elemento, se amplió su
aplicación práctica y se empezó a usar, por ejemplo, para hacer columnas o
para que los elementos de una lista se apilaran uno junto a otro en
disposición horizontal. Despejarás tus dudas si estudias algún código que
usa floats e intentas hacer algo parecido sin su uso. Recuerda que si no
entiendes porqué se usa floats en un determinado código puedes mandar un
mensaje a esta lista y así aprendemos analizándolo.

Finalmente, recomendarte la especificación CSS2.1 original en el W3C o su
traducción: http://www.w3.org/Style/css2-updates/translations.html


Saludos y ánimo.







El 6 de marzo de 2009 19:12, Javier Herrán Sainz escribió:

> Hola, me llamo Javier Herrán Sainz y estoy aprendiendo a programar páginas
> web dinámicas en un curso de especialista de la UNED.
>
>
>
> Estoy intentando configurar la forma de la página usando estilos css.
>
>
>
> La verdad que estudiando HTML, XHTML y CSS no tengo problema. Más bien el
> problema es a la hora de, como diría yo, plasmar la ‘visión’ de la página
> en
> código. Supongo que será
>
> cuestión de meter horas y adquirir experiencia para asimilar la teoría con
> la práctica. Pero la cierto es que cuesta ¿Quisiera preguntar si os pasaba
> lo mismo al principio? Porque supongo que
>
> Empezaríais como yo…jaja…
>
>
>
> Por otro lado decir que utilizo la herramienta Dreamweaver CS3 y, intento
> hacer las páginas escribiendo el código puro y duro, esto hace que sea más
> difícil pero también proporciona
>
> Un control mayor sobre el diseño.
>
>
>
> Quería preguntar, cuando diseñáis páginas como lo hacéis de forma visual o
> escribiendo el código, o sea, por decirlo de alguna manera “a pelo”.
>
>
>
> Yo diseño la pagina en un archivo HTML y después la intento dar forma
> usando
> una hoja de estilos css.
>
>
>
> Una cosa que me cuesta “ver” es cuando uso la propiedad float, pues los
> elementos se salen de su flujo normal ¿Sabéis dónde puedo encontrar
> ejemplos
> sobre esta característica para profundizar más sobre ella?
>
>
>
>
>
> A ver si me animáis y me dais un empujón en esto.
>
>
>
> Gracias.
>
>
>
>
>
>
>
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a 

Re: [Ovillo] fuente pixelada en IE7

[Daniel Navarro]

Hola, IE7 usa cleartype para mostrar las fuentes de forma más legible.
Prueba a desactivarlo desmarcando la casilla correspondiente en
Opciones de Internet > (pestaña) Opciones Avanzadas
(hay que cerrar y volver a abrir IE)
Saludos.

2009/3/9, sebastian garcia-valenciano :
> Hola,  me esta sucediendo una cosa extraña en IE7:
>
> Ciertos textos en links los veo pixelados como podeis ver en esta imagen:
>
> http://www.imagenonline.com/imagenes/107/a107360.gif
>
> Es como si la fuente no existiese para IE7pero sin embargo en firefox,
> opera, chrome se ve bien... a alguien le ha sucedido al parecido?
>
> font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
> color:#2b2b2b;
> font-size:16px;
>
>
> (cada uno está en diferentes divs, no sé... parece como si IE no reconciera
> la fuente en el segundo enlace)
>
> saludos
> gracias
> sebas
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] fuente pixelada en IE7

[Daniel Navarro]

Puedes probar a añadir esa funcionalidad sólo con css, sin js (aunque
seguramente haga falta para ie6). Sería interesante que indicaras un enlace
a un ejemplo.
Saludos.

2009/3/9 sebastian garcia-valenciano 

> >
> >
> > Prueba a desactivarlo desmarcando la casilla correspondiente en
> > Opciones de Internet > (pestaña) Opciones Avanzadas
> >
> >
>
> Al final dí con el foco del problema, -aunque de momento no con la
> solución.
> Me di cuenta que los textos "pixelados" son exactamente aquellos que son
> mostrados/ocultados con JavaScript mediante un link "mostrar/ocultar".  Si
> quito el JS siguiente, el texto se ve perfecto... sigo investigando
>
> 
> $(document).ready(function(){
>
>//inicialmente escondo todas las respuestas
> $(".responses").hide();
>
> //collapse all messages
>$(".ocultar").click(function(){
>$(this).next(".responses").slideUp(500)
>return false;
>});
>
> //collapse all messages
>$(".mostrar").click(function(){
>$(this).parent().children(".responses").show(500)
>return false;
>});
>
>
> });
> 
>
>
>
> saludos
> gracias
> sebas
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Consulta

[Daniel Navarro]

Lo que hace que el servidor sirva las páginas *.htm o *.html como text/html
es la configuración del servidor. No tiene nada que ver con la declaración
xml al principio del documento.

Te propongo una prueba. Abre una página que tengas en tu ordenador con
Firefox. Ve a Herramientas > Información de la página y mira lo que dice en
Tipo; verás que indica text/html. Ahora cámbiale la extensión de *.htm a
*.xht (o *.xhtml) y vuélvela a abrir con Firefox. Si tienes suerte y tu
código es xhtml correcto, visualizarás la página. Vuelve a mirar en
Información de la página. ¿Qué indica ahora en Tipo?. Por último, intenta
abrir este mismo documento con Internet Explorer ¡tachán! ¡No lo puedes
ver!.

Por cierto, los navegadores no hacen caso al content-type indicado en la
etiqueta meta (aunque sí a la codificación, pero sólo si ésta no ha sido
indicada antes por el servidor web).

Las especificaciones xhtml 1.0:
http://www.w3.org/TR/xhtml1/  (en especial, el apéndice C.)
http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11.htm  (traducción al
castellano)

Tipo de contenido para xhtml:
http://www.w3.org/TR/xhtml-media-types/

Saludos

El 9 de marzo de 2009 17:32, Alberto García escribió:

> Gracias por la respuesta, pero lo que no entiendo es por qué el servidor
> la sirve como text/html. Entiendo que se omite la declaración xml para
> evitar que ciertos navegadores renderizen en quirks, pero ¿es esto lo
> que hace que el servidor las sirva como text/html?
>
>
> Alberto García
>
> **
>
> Tei escribió:
> > 2009/3/9 Alberto García :
> >> Daniel Navarro escribió:
> >>
> >> "[...]Muchos ni siquiera saben nada sobre la cabecera http, de que su
> >> flamante código XHTML (con "X") es interpretado como HTML (sin "X") por
> >> los navegadores ya que así se lo marca el servidor web y que incluso
> >> puede que no funcione si se trata como xhtml.[...]"
> >>
> >> Hola Daniel, yo soy uno de los que no saben, ¿Que significa que los
> >> navegadores interpretan como HTML en lugar de XHTML porque lo marca el
> >> servidor? Nunca había oído esto antes y no en encontrado referencias en
> >> mis manuales ni en la red.
> >>
> >
> > La idea es que el tipo mime de XHTML no se puede usar, porque no la
> > acepta IE, entonces hay que servir XHTML como text/plain.  Asi que el
> > navegador estaria interpretando el fichero XHTML no como XHTML, sino
> > como otro documento HTML mal formado ... pero mal formado de una
> > manera particular.
> >
> > El truco en mantener la cordura, es el hablar un XHTML que es a la vez
> > buen HTML. Y declarar que estamos usando XHTML en el doctype.  Que es
> > como fingir que aqui no ha pasado nada.
> >
> > Esta pagina, por ejemplo, me la sirve el servidor como text/html, sin
> > embargo no es un HTML, sino XHTML.  Mi navegador web, Firefox 3 Linux
> > se entiende suficientemente bien para usar el modo de render "Standar
> > compliant mode", en lugar del temido Quirks Mode, que es el modo para
> > la tag soup. Asi que algo han debido de hacer bien, estos señores de
> > SIDAR.
> > http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml-basic.html
> >
> >
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] fuente pixelada en IE7

[Daniel Navarro]

Gracias por compartir tu información (aunque no sea css).

Saludos.

El 9 de marzo de 2009 15:15, sebastian garcia-valenciano <
sebast...@garcia-valenciano.net> escribió:

> me autorespondo, para que queda registrada la solución en la lista:
>
> En IE7 falla la renderización de texto cuando se muestra/oculta con jQuery
> ciertos elementos, el texto aparece pixelado.
> solución: Aplicar:this.style.removeAttribute('filter');
>
> Ejemplo:
>
> jQuery.fn.fadeIn = function(speed, callback) {
>return this.animate({opacity: 'show'}, speed, function() {
>if (jQuery.browser.msie)
>this.style.removeAttribute('filter');
>if (jQuery.isFunction(callback))
>callback();
>});
> };
>
>
> Más info en:
> http://malsup.com/jquery/fadetest.html
>
> saludos
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Urgente y desesperado

[Daniel Navarro]

Hola,

En http://webpelon.net78.net/ovillo/2009-mes03-10-option_mayor_que_select/he
puesto una prueba sin javascript . El problema es que no muestra la
flecha que despliega las opciones (aunque éstas sí se despliegan al hacer
clic, tanto en IE5 como IE6). Tal y como está lo veo de poca utilidad pero
creo que se puede integrar en una solución javascript mucho más sencilla que
la que usas ahora, similar a la indicada en
http://www.htmlforums.com/archive/index.php/t-66108.html, pero que tiene el
problema de ensanchar el select cuando se muestran las opciones (que es lo
que pretendo evitar).


HTML


   




CSS. Excepto para IE (estilos.css)
form select {
  width: 130px; /* modificado en ie.css para que no recorte los option */
}



CSS. Sólo para Internet Explorer (ie.css):
/* Caja que envuelve al select para recortarlo */
form div {
  width: 130px;  /* parte visible del select */
  overflow: hidden;  /* recorta */
}

form select {
  width: 400px;  /* mayor anchura para los option */
}


Saludos.



2009/3/10 Nesta Guerrero Pancorbo 

> Haber koleguis miren esto:
>
> http://www.hedgerwow.com/360/dhtml/ui_select_with_fixed_width/bk/demo.php
>
> quiero hacer lo mismo, utilizo el ja drop y los explorer no se comen el
> fixed
> del select, explico este bug del IE por si alguien no lo sabe, tu pones un
> select a 100px pero las opciones son mas grandes, al desplegar en nuestro
> firefox u otro navegador normal se te despliega a la mas grande
> automaticamente, en los IE no, se despliega al tamaño del select cortando
> el
> ption, me podéis exar una manita?
>
> thnx!
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] etiqueta o , cual es la indicada

[Daniel Navarro]

Hola,

Me gustaría aclarar algunos conceptos. Los elementos desaprobados
(deprecated), al contrario de los obsoletos (obsolete), deben de seguir
teniendo soporte por motivos de compatibilidad. Sin embargo, la etiqueta 
no está ni obsoleta ni desaprobada en la especificación html 4.01.
Simplemente, se desaconseja su uso en favor de las hojas de estilo ya que la
información no semántica de si algo está o no en negritas no debería de
estar en el documento html, sino en las css.

El uso de la etiqueta  en los ejemplos que has visto no se hace como
sustituto de , sino. como te explica Carlos Zuniga, porque es más
corto que . De todas formas, incluir etiquetas sin contenido semántico
no se considera buena práctica.

Saludos.




Definición de desaprobado y de obsoleto. Obligación de soporte a los
desaprobados.
  http://html.conclase.net/w3c/html401-es/conform.html#deprecated

Lista de elementos desaprobados y obsoletos.  no está entre ellos:
  http://html.conclase.net/w3c/html401-es/appendix/changes.html#h-A.3.1.2

Sobre el uso de 
  http://html.conclase.net/w3c/html401-es/present/graphics.html#h-15.2




2009/3/15 Jonathan C. 

>  buenas, hace un rato estaba examinando un poco los ejemplos de una de las
> fuentes por excelencia para tecnicas css, cssplay, siempre he notado que a
> nichols le encanta usar la etiqueta , practicamente la utiliza para
> todo,
> desde bordear esquinas con css, hasta lo que se le ocurra, pero ahora me
> viene una pregunta.
>
>  cual es la diferencia principal entre  y ?
>
>  porque para mi son la misma cosa, ambas muestran el mismo efecto visual
> por
> lo que he notado. digamos, usa  porque es mas corto?, costumbre?, o solo
> le gusta para en teoria hacer mas liviano el codigo?
>
>  no se, quizas tengo los conceptos un tanto errados, pero crei leer alguna
> vez que esta etiqueta  ya esta en la lista de las obsoletas y que se
> recomienda el uso de , aunque se que tienen algo que ver con la
> semantica del documento.
>
>  que me dicen los demas colegas de la lista.
>
>  saludos a todos!
>
> --
> Jonathan C.
> lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] etiqueta o , cual es la indicada

[Daniel Navarro]

Hola Carlos,

Supongo que te refieres a la propiedad content aplicada con los
pseudoelementos :before y :after. Que yo sepa, esto no modifica el árbol
DOM. O sea, que añaden contenido a un elemento, pero no elementos hijos como
te planteas.

Una solución muy utilizada para insertar estas etiquetas es mediante
javascript, de forma que el código original se mantenga limpio, aunque se
ensucie el generado. El código generado lo puedes ver, por ejemplo, con el
complemento Web Developer toolbar de Firefox (View Source > View Generated
Source). Mira el código fuente de esta página, tanto el original como el
generado: http://www.html.it/articoli/niftycube/nifty1.html

Saludos.


El 15 de marzo de 2009 7:01, Carlos Zuniga  escribió:

> Si he visto que la suelen usar para redondear esquinas o similares.
> Básicamente la colocan para tener algo donde aplicar el css y utilizan
>  (por no escribir ). Que otra opción podría usarse que vaya
> más acorde a la coherencia?. Se me ocurre utilizar :before y :after
> pero muchas de esas técnicas necesitan varias etiquetas. Se puede
> aplicar varios :before en un elemento? algo como #cosa:before:before ?
>
> Que otras alternativas existen?
>
> Saludos
>
> 2009/3/14 Ignacio Ricci :
> > La etiqueta B es 'deprecated' porque toma su nombre del término bold, o
> > negrita. Esta definiendo el estilo del elemento en vez de destacar su
> > función, que es de dar importancia como es el caso de strong.
> > Y como bien se sabe, las hojas de estilo nacieron para separar el
> contenido
> > del diseño. Por lo tanto tener etiquetas que estén nombradas por como se
> > ven, no es muy coherente.
> >
> > Es el mismo caso de i (italica) y em, emphasis.
> >
> > On Sat, Mar 14, 2009 at 11:56 PM, Jonathan C. 
> wrote:
> >
> >>  buenas, hace un rato estaba examinando un poco los ejemplos de una de
> las
> >> fuentes por excelencia para tecnicas css, cssplay, siempre he notado que
> a
> >> nichols le encanta usar la etiqueta , practicamente la utiliza para
> >> todo,
> >> desde bordear esquinas con css, hasta lo que se le ocurra, pero ahora me
> >> viene una pregunta.
> >>
> >>  cual es la diferencia principal entre  y ?
> >>
> >>  porque para mi son la misma cosa, ambas muestran el mismo efecto visual
> >> por
> >> lo que he notado. digamos, usa  porque es mas corto?, costumbre?, o
> solo
> >> le gusta para en teoria hacer mas liviano el codigo?
> >>
> >>  no se, quizas tengo los conceptos un tanto errados, pero crei leer
> alguna
> >> vez que esta etiqueta  ya esta en la lista de las obsoletas y que se
> >> recomienda el uso de , aunque se que tienen algo que ver con la
> >> semantica del documento.
> >>
> >>  que me dicen los demas colegas de la lista.
> >>
> >>  saludos a todos!
> >>
> >> --
> >> Jonathan C.
> >> lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> >
> >
> >
> > --
> > ↓۝ Ignacio Ricci
> > www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
>
>
>
> --
> Linux Registered User # 386081
> A menudo unas pocas horas de "Prueba y error" podrán ahorrarte minutos
> de leer manuales.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos

[Daniel Navarro]

Hola, Ramón.

Puedes usar position: absolute para situar el segundo elemento encima del
primero y javascript para calcular la altura de éste y así poder desplazar
el primer elemento más abajo en esa misma cantidad. Lo podrías implementar
con lenguaje del lado del servidor, pero tendrías el problema del zoom de
sólo texto o el redimensionado de la ventana (en el caso de que las
dimensiones de los contenedores de las noticias varíen). En ese caso, habría
que hacer una nueva llamada al servidor para que se mostrara bien el diseño.
Con Javascript tienes el mismo problema, pero basta con refrescar la página
con F5.

Aquí tienes una solución javascript:
http://webpelon.es/ovillo/2009-mes03-17-Intercambiar_visualmente_orden_elementos/

Este es un ejemplo con dos divs con ids, pero en tu caso, con varios
titulares, habría que modificar el código, aunque se puede hacer igualmente.
Si te sigue interesando, dímelo y te lo preparo para tu código.

Saludos.


El 12 de marzo de 2009 0:47, Ramón Corominas
escribió:

> Me debo explicar fatal, porque enseguida se desvía el hilo hacia cosas
> que no son el meollo del problema técnico, pero en fin, para que quede
> claro...
>
> Martin Etxauri escribió:
> > personalemente he intentado antes algo así y... creo que es imposible ;)
> >
> Eso creo yo, pero me gustaría asegurarme 
>
> > pero en este caso hay algo que no entiendo:
> > ¿si el ante título es ante, porque no ponerlo antes del el título
> > también en el código?
> >
> La razón es la semántica. El antetítulo, por muy "ante" que sea,
> pertenece al contenido principal, a la noticia en sí; es una
> *aclaración* de lo que la noticia expresa, y sólo debe aparecer antes
> visualmente porque se empeñan los editores, pero sigue siendo parte de
> la noticia. Visualmente no hay demasiado problema en identificar este
> antetítulo como una parte integrante de la noticia en sí (está cerca del
> título, separada de la interfaz, dentro del mismo espacio visual, etc.);
> pero para un usuario de lector de pantalla, que puede navegar yendo
> directamente a los encabezados, podría quedar "fuera" de la noticia. El
> usuario de JAWS, por ejemplo, iría al encabezado de sección de nivel 1,
> y a continuación NO se leería este antetítulo, sino el contenido
> principal. El antetítulo quedaría "oculto" a este usuario, salvo que
> navegue toda la página de forma lineal, cosa que se considera un
> problema grave de usabilidad.
>
> Victor Hugo Arias Valencia escribió:
> > Si es un ante-titulo puede ser un H3, y el titulo de la noticia un H2, y
> > pues me parece lógico lo que dice martin, si va antes, pues ponerlo antes
> de
> > una vez...
> >
> El contenido de la página ES esa noticia, y lo correcto semánticamente
> es que su  sea el título de la noticia (que será único, sí). Además,
> los encabezados, por definición, DEBEN encabezar (describir) contenido,
> no se deben usar para crear efectos visuales o de otro tipo. No veo que
> tenga ningún sentido semántico colocar un  delante de un  sin
> ningún contenido intermedio. ¿Qué contenido describe el ? Recuerdo
> la especificación de HTML donde se definen los encabezados [1]:
>
> "A heading element briefly describes the topic of the section it
> introduces. Heading information may be used by user agents, for example,
> to construct a table of contents for a document automatically."
>
> Traducción: "Un elemento de encabezado describe brevemente el tema de la
> sección a la que introduce. La información de los encabezados puede ser
> usada por los agentes de usuario, por ejemplo, para construir una tabla
> de contenidos del documento de forma automática".
>
> De todos modos, repito que lo de menos es que el orden de los
> encabezados deba ser uno u otro, el tema aquí es si se puede o no se
> puede alterar el orden visual de las dos filas que representan el  y
> el .
>
> Hernán Beati - SaberWeb.com.ar escribió:
> > El "orden" de los factores no altera el producto... los encabezados no
> > son "enumeraciones" de una lista ordenada, son señales de lo que es más
> > o menos "importante" dentro de un documento. Quizás el documento empiece
> > con cosas no demasiado "importantes".
> No contesto al tema de la otra estructura que propones porque ya he
> explicado que en este caso el  es el título principal del documento
> (no hay varias noticias en la misma página). Pero sí quiero reiterar que
> los encabezados no son sólo "señales". Son elementos que introducen
> contenidos y que deben describir los contenidos que introducen. Colocar
> un  con un  detrás, sin contenido intermedio, es un uso
> inadecuado según la especificación. Y si suponemos que el 
> "encabeza" al , se está alterando el orden de la jerarquía, lo que
> va en contra de las WCAG 1.0 y, sencillamente, de la pura lógica.
>
> En todo caso, también me gustaría que os pusierais en la piel de un
> usuario de un lector de pantalla como JAWS. Inicialmente puede pulsar la
> tecla "1" para ir al primer encabezado de nivel 1 de la página. Leerá el
> tí

Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos

[Daniel Navarro]

Hola, Tei.

Gracias por la información, pero ¿has probado a refrescar la página?.
En mi sistema Windows Vista con Chrome e Iron portable se muestra
correctamente.

Saludos.

El 17 de marzo de 2009 19:14, Tei  escribió:
>
> 2009/3/17 Daniel Navarro :
> ...
> > Aquí tienes una solución javascript:
> > http://webpelon.es/ovillo/2009-mes03-17-Intercambiar_visualmente_orden_elementos/
> >
>
> En chrome (motor WebKit) falla: el segundo parrafo esta media canada mas 
> abajo.
>
> --
> --
> ℱin del ℳensaje.
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Listas vs tablas

[Daniel Navarro]

Hola Asela,

Hoy en día el uso de tablas se debe de relegar a la presentación de
datos tabulares y no, como se hacía antes, para posicionar los
diferentes elementos de la página. Tu carta, dejando de lado los
diferentes apartados y categorías, en algún momento serán datos
tabulares y, por lo tanto, será correcto representarlos mediante una
tabla.

Ejemplo:


  
...
  
  
...
  
  ...



Eso no quita que también puedas representar esos datos sin tablas,
pero me gustaría transmitirte que las tablas no son tabú, siempre que
cumplan con su función, claro.

Saludos.





El día 17 de marzo de 2009 23:03, Asela Ortiz de Murua
 escribió:
> Hola
> Me ha surgido una duda semántica a la hora de elegir listas o tablas para el
> menú de un restaurante.
> Se trata de incluir listas de vinos con sus precios, así como los platos de
> la carta.
> Inicialmente pensaba hacerlo con listas desordenandas.
> Luego he pensado utilizar listas con definición para las distintas
> variedades (carta, carta de vinos, puros, etc).
> Lo que he visto por ahí son tablas.
> Al final, después de darle mil vueltas, me he atascado y no se cómo hacerlo
> bien.
> ¿Alguna sugerencia?
> Gracias
> Un saludo
> Asela Ortiz de Murua
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos

[Daniel Navarro]

Hola Ramón.

Parece claro que el problema que planteas no se puede resolver sólo con css.
Algo que podrías plantearte es el dejar el antetítulo antes del título
(tanto visual como en el marcado) pero colocar un enlace al antetítulo justo
después del título. De esta forma, aunque el lector salte de título en
título, cuando decida leer una noticia en concreto siempre tendrá la
posibilidad de acceder al antetítulo.

Te he dejado un ejemplo en
http://webpelon.es/ovillo/2009-mes03-18-Acceso_al_antetitulo/

Saludos



El día 12 de marzo de 2009 0:47, Ramón Corominas 
escribió:
> Me debo explicar fatal, porque enseguida se desvía el hilo hacia cosas
> que no son el meollo del problema técnico, pero en fin, para que quede
> claro...
>
> Martin Etxauri escribió:
>> personalemente he intentado antes algo así y... creo que es imposible ;)
>>
> Eso creo yo, pero me gustaría asegurarme 
>
>> pero en este caso hay algo que no entiendo:
>> ¿si el ante título es ante, porque no ponerlo antes del el título
>> también en el código?
>>
> La razón es la semántica. El antetítulo, por muy "ante" que sea,
> pertenece al contenido principal, a la noticia en sí; es una
> *aclaración* de lo que la noticia expresa, y sólo debe aparecer antes
> visualmente porque se empeñan los editores, pero sigue siendo parte de
> la noticia. Visualmente no hay demasiado problema en identificar este
> antetítulo como una parte integrante de la noticia en sí (está cerca del
> título, separada de la interfaz, dentro del mismo espacio visual, etc.);
> pero para un usuario de lector de pantalla, que puede navegar yendo
> directamente a los encabezados, podría quedar "fuera" de la noticia. El
> usuario de JAWS, por ejemplo, iría al encabezado de sección de nivel 1,
> y a continuación NO se leería este antetítulo, sino el contenido
> principal. El antetítulo quedaría "oculto" a este usuario, salvo que
> navegue toda la página de forma lineal, cosa que se considera un
> problema grave de usabilidad.
>
> Victor Hugo Arias Valencia escribió:
>> Si es un ante-titulo puede ser un H3, y el titulo de la noticia un H2, y
>> pues me parece lógico lo que dice martin, si va antes, pues ponerlo antes
de
>> una vez...
>>
> El contenido de la página ES esa noticia, y lo correcto semánticamente
> es que su  sea el título de la noticia (que será único, sí). Además,
> los encabezados, por definición, DEBEN encabezar (describir) contenido,
> no se deben usar para crear efectos visuales o de otro tipo. No veo que
> tenga ningún sentido semántico colocar un  delante de un  sin
> ningún contenido intermedio. ¿Qué contenido describe el ? Recuerdo
> la especificación de HTML donde se definen los encabezados [1]:
>
> "A heading element briefly describes the topic of the section it
> introduces. Heading information may be used by user agents, for example,
> to construct a table of contents for a document automatically."
>
> Traducción: "Un elemento de encabezado describe brevemente el tema de la
> sección a la que introduce. La información de los encabezados puede ser
> usada por los agentes de usuario, por ejemplo, para construir una tabla
> de contenidos del documento de forma automática".
>
> De todos modos, repito que lo de menos es que el orden de los
> encabezados deba ser uno u otro, el tema aquí es si se puede o no se
> puede alterar el orden visual de las dos filas que representan el  y
> el .
>
> Hernán Beati - SaberWeb.com.ar escribió:
>> El "orden" de los factores no altera el producto... los encabezados no
>> son "enumeraciones" de una lista ordenada, son señales de lo que es más
>> o menos "importante" dentro de un documento. Quizás el documento empiece
>> con cosas no demasiado "importantes".
> No contesto al tema de la otra estructura que propones porque ya he
> explicado que en este caso el  es el título principal del documento
> (no hay varias noticias en la misma página). Pero sí quiero reiterar que
> los encabezados no son sólo "señales". Son elementos que introducen
> contenidos y que deben describir los contenidos que introducen. Colocar
> un  con un  detrás, sin contenido intermedio, es un uso
> inadecuado según la especificación. Y si suponemos que el 
> "encabeza" al , se está alterando el orden de la jerarquía, lo que
> va en contra de las WCAG 1.0 y, sencillamente, de la pura lógica.
>
> En todo caso, también me gustaría que os pusierais en la piel de un
> usuario de un lector de pantalla como JAWS. Inicialmente puede pulsar la
> tecla "1" para ir al primer encabezado de nivel 1 de la página. Leerá el
> título de la noticia, y a continuación podrá pulsar Insert + flecha
> abajo para continuar leyendo el resto del contenido. ¿Por qué iba a
> intentar acceder a encabezados previos de niveles inferiores, si ya ha
> encontrado lo que estaba buscando (el contenido principal)? ¿Debería
> este usuario pulsar "2" para ir al siguiente encabezado de nivel 2? ¿Con
> qué se encontraría? Desde luego no se encontraría con nada que estuviera
> *antes* del , salvo que

Re: [Ovillo] fOT:? forma adecuada de organizar una web, de muchas paginas

[Daniel Navarro]

Hola, Alejandra.

Con un sistema gestor de contenidos vas a tener varias ventajas. Por un
lado, te puedes beneficiar de módulos ya hechos que hacen el trabajo de
programación por ti: gestión de news, formularios de contacto, etc. Por
otro, gestionar muchas páginas se hace más sencillo ya que tú trabajas sobre
plantillas que el sistema se encarga de trasladar de forma automática a cada
página que se cree. Pero, sobre todo, te va a permitir independizarte de la
inclusión de contenidos en el sitio, que quedará relegado a los editores. Tú
harás el diseño web y, una vez acabado tu trabajo, éste consistirá en un
mantenimiento técnico pero no en el esfuerzo rutinario de actualizar los
contenidos.

Saludos.


El 22 de marzo de 2009 5:48,  escribió:

> Hola Ovilleros, estoy re diseñando el criticadisimo sitio (las criticas
> sirvieron, estamos en franco cambio  :D )
>
> www.clubajedrezphilidor.com.ar
>
> que recordaran fue muy visitado y criticado  en su momento, y me surje una
> duda:
> ¿Cual es la mejor forma de organizar un sitio con muchas paginas? en este
> caso hay varias de torneos diversos, ademas de ranking, y debera haber
> tambien partidas que se puedan "ver" en movimiento, tambien un apartado de
> novedades, uno de auspiciantes, etc, etc,
> Que me aconsejan? ¿Hay algun documento que toque ese tema de forma actual?
>
> Quedo al aguardo de sus comentarios.
>
> Muchas Gracias
>
> Alejandra
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Es malo importar muchas hojas de estilos CSS

[Daniel Navarro]

Hola, preguntaste:

> Sí, hombre, si ya sabemos que funcionar funciona. Lo que yo me
> pregunto es si es más eficiente servir N ficheros de X tamaño desde N
> dominios que servir un fichero de N*X tamaño desde un dominio. Para
> distintos valores de N y X y eso.

Evidentemente, un sólo fichero con todo aglutinado tardará menos, pero
¿concatenarás todos los recursos además de las css?. El límite de 2
conexiones se aplica también a las imágenes, por ejemplo.

Cuando se amplía el número de conexiones paralelas, el tiempo de carga puede
ser más que apreciable:
http://www.ajaxperformance.com/2006/12/18/circumventing-browser-connection-limits-for-fun-and-profit/

No creo que merezca la pena unir las css en una sola por varios motivos:
- Apenas se notará la diferencia de tiempo.
- El navegador cachea las css por lo que las demás llamadas serán locales.
- La separación de css permite gestionarlas de forma más efectiva.

Por lo tanto, es preferible tener los ficheros de hojas de estilo separados
frente a la pequeña ventaja de una inapreciable carga más rápida en la
primera llamada al sitio. Sin embargo, la opción que plantea Mauricio sí que
puede ser interesante. Particularmente, como en el proceso de diseño hay
tantos parámetros a tener en cuenta (compatibilidad navegadores,
optimización motores de búsqueda, etc.) prefiero reducirlos al mínimo, al
menos al principio. Eso no quita para que se unan algunos archivos css en
uno solo como, por ejemplo, los de jquery.

Saludos.






El 26 de marzo de 2009 16:23, Choan Gálvez 
escribió:
>
> On Mar 26, 2009, at 16:00 , Mauricio Dulce wrote:
>
> > [...]
> >
> > El problema es que los navegadores modernos se auto-imponen la
> > limitación de establecer sólo dos conexiones por dominio. Incluso si
> > tus usuarios tienen conexiones a internet de banda ancha, tendrán que
> > esperar hasta que todos los recursos web hayan sido descargados
> > secuencialmente.
> >
> > [...]
> >
> >
> > Utilizando el nombre de varios servidores de recursos engañamos al
> > navegador para que abra varias conexiones a la vez incluso si los
> > recursos se encuentran físicamente en el mismo servidor.El resultado
> > es un envío más rápido de los recursos al navegador..
> >
> > Después necesitas que tu servidor web acepte peticiones para los
> > subdominios de los recursos web.
> >
> > [...]
> >
> >
> > Pues si se a lo que te refieres pero a mi me a funcionado
> > perfectamente en sitios que e hecho en rails con nginx, eso si en vps,
> > no se como valla en los shared.
>
>
> Sí, hombre, si ya sabemos que funcionar funciona. Lo que yo me
> pregunto es si es más eficiente servir N ficheros de X tamaño desde N
> dominios que servir un fichero de N*X tamaño desde un dominio. Para
> distintos valores de N y X y eso.
>
> Si me dices que he de tener fe, como si no me dices nada.
>
> --
> Choan
>
> Scriptia, JavaScript y buenas prácticas en español
> 
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Es malo importar muchas hojas de estilos CSS

[Daniel Navarro]

Hola, Choan.

Celebro que estemos de acuerdo en mantener las css separadas, al menos en la
fase de desarrollo.

Para acortar el tiempo de carga de las css, como ya habéis comentado, se
puede adoptar la estrategia de unirlas en una sóla (una única petición al
servidor) o usar el método de los alias que plantea Mauricio y cargarlas en
paralelo. En principio, el segundo método debería de ser más rápido (lo
siento, no es lo que dije en el anterior mensaje).

Pero da igual... el tiempo que se gana por cualquiera de los dos métodos no
es significativo. Lo que sí puede ser efectivo es aplicar el método de los
dominios que cuenta Mauricio pero A TODOS LOS RECURSOS (en especial a las
imágenes si hay muchas). En la dirección que te dejé en el mensaje anterior
http://www.ajaxperformance.com/2006/12/18/circumventing-browser-connection-limits-for-fun-and-profit/
tienes un ejemplo en donde disminuye el tiempo de carga en un 40% cuando se
realizan 6 accesos en paralelo al servidor en lugar de dos. Las
temporizaciones las ha tomado la aplicación de rendimiento online que ofrece
http://www.gomez.com/

Sin embargo, en las pruebas del equipo de yahoo que explican en
http://yuiblog.com/blog/2007/04/11/performance-research-part-4/#what-if
llegan a la conclusión de que subir el número de accesos simultáneos por
este método puede ser perjudicial, pudiendo ser un número óptimo entre 2 y 4
conexiones en paralelo. Además, la resolución dns que se produce en la
primera carga de una página del sitio también puede ser perjudicial, aunque
quedarán cacheadas y apenas intervendrán en la temporización para las
sucesivas páginas del sitio.


Resumiendo: En mi opinión, mejor tener las css separadas. Ganaremos poco
uniendo las css a menos que tengamos una cantidad realmente alta. Por otro
lado, el método que plantea Mauricio de subdominios a la misma ip podría
funcionar si se aplica sobre todo a las imágenes ya que son los recursos más
usados. Sería interesante que Mauricio nos dijera el resultado de sus
pruebas.


Saludos

P.D. Choan, no hace falta que vuelvas a repetir lo que has dicho en este
hilo, sobre todo para los puntos en los que coincidimos.







El 26 de marzo de 2009 18:12, Choan Gálvez escribió:

> Hola.
>
> On Mar 26, 2009, at 17:39 , Daniel Navarro wrote:
>
> > Hola, preguntaste:
> >
> >> Sí, hombre, si ya sabemos que funcionar funciona. Lo que yo me
> >> pregunto es si es más eficiente servir N ficheros de X tamaño desde N
> >> dominios que servir un fichero de N*X tamaño desde un dominio. Para
> >> distintos valores de N y X y eso.
> >
> > Evidentemente, un sólo fichero con todo aglutinado tardará menos, pero
> > ¿concatenarás todos los recursos además de las css?. El límite de 2
> > conexiones se aplica también a las imágenes, por ejemplo.
> >
> > Cuando se amplía el número de conexiones paralelas, el tiempo de
> > carga puede
> > ser más que apreciable:
> >
> http://www.ajaxperformance.com/2006/12/18/circumventing-browser-connection-limits-for-fun-and-profit/
> >
> > No creo que merezca la pena unir las css en una sola por varios
> > motivos:
> > - Apenas se notará la diferencia de tiempo.
> > - El navegador cachea las css por lo que las demás llamadas serán
> > locales.
> > - La separación de css permite gestionarlas de forma más efectiva.
> >
> > Por lo tanto, es preferible tener los ficheros de hojas de estilo
> > separados
> > frente a la pequeña ventaja de una inapreciable carga más rápida en la
> > primera llamada al sitio. Sin embargo, la opción que plantea
> > Mauricio sí que
> > puede ser interesante. Particularmente, como en el proceso de diseño
> > hay
> > tantos parámetros a tener en cuenta (compatibilidad navegadores,
> > optimización motores de búsqueda, etc.) prefiero reducirlos al
> > mínimo, al
> > menos al principio. Eso no quita para que se unan algunos archivos
> > css en
> > uno solo como, por ejemplo, los de jquery.
>
> Supongo que cada vez que escriba a la lista tendré que contar mi vida.
>
> Resumo mis mails anteriores en este mismo tema:
>
> """
> Si el paquete de ficheros se usa siempre completo, concaténalos y
> sírvelos en una sola petición (pero sigue desarrollando por separado,
> que ahí sí que vas bien).
>
> Si no se usa todo el paquete, concatena lo que sea común y añade una
> referencia extra cuando corresponda.
> """
>
> """
> Ahora, cabe tener presente lo que comentaba antes... si tienes un
> fichero CSS para pintar un selector de fechas y el selector de fechas
> solo aparece en un par de páginas del sitio, es muy posible que no
> aporte nada incluirlo en el fichero concatenado.
> """
>
> """
> U

Re: [Ovillo] Es malo importar muchas hojas de estilos CSS

[Daniel Navarro]

Hola, Mauricio.

Gracias por la prueba. Has usado Safari, que usa cuatro conexiones
simultáneas. Deduzco que en los navegadores como IE7 que usan sólo dos (lo
recomendado por la especificación HTTP1.1), la diferencia de tiempos será
mayor. No sé si alguna vez aplicaré esta técnica, pero me parece
interesante.

Saludos.

El 27 de marzo de 2009 5:44, Mauricio Dulce escribió:

> Hola Daniel y Choan, aca muestro un ejemplo de tiempos de carga en una
> aplicación rails
>
> 1 ejemplo aplicando subdominios a carga de imagenes, hojas de estilos,
> javascript, 3 subdominios
> http://img49.imageshack.us/img49/5553/imagen3.png
>
> 2 ejemplo, mismo sitio con configuracion normal
> http://img520.imageshack.us/img520/3788/imagen3212931.png
>
> tanto el cache del browser como el de la aplicación fueron borrados y
> el vps reiniciado.
>
>
> El 26/03/2009, a las 21:27, Daniel Navarro escribió:
>
> > Hola, Choan.
> >
> > Celebro que estemos de acuerdo en mantener las css separadas, al
> > menos en la
> > fase de desarrollo.
> >
> > Para acortar el tiempo de carga de las css, como ya habéis
> > comentado, se
> > puede adoptar la estrategia de unirlas en una sóla (una única
> > petición al
> > servidor) o usar el método de los alias que plantea Mauricio y
> > cargarlas en
> > paralelo. En principio, el segundo método debería de ser más rápido
> > (lo
> > siento, no es lo que dije en el anterior mensaje).
> >
> > Pero da igual... el tiempo que se gana por cualquiera de los dos
> > métodos no
> > es significativo. Lo que sí puede ser efectivo es aplicar el método
> > de los
> > dominios que cuenta Mauricio pero A TODOS LOS RECURSOS (en especial
> > a las
> > imágenes si hay muchas). En la dirección que te dejé en el mensaje
> > anterior
> >
> http://www.ajaxperformance.com/2006/12/18/circumventing-browser-connection-limits-for-fun-and-profit/
> > tienes un ejemplo en donde disminuye el tiempo de carga en un 40%
> > cuando se
> > realizan 6 accesos en paralelo al servidor en lugar de dos. Las
> > temporizaciones las ha tomado la aplicación de rendimiento online
> > que ofrece
> > http://www.gomez.com/
> >
> > Sin embargo, en las pruebas del equipo de yahoo que explican en
> > http://yuiblog.com/blog/2007/04/11/performance-research-part-4/#what-
> > if
> > llegan a la conclusión de que subir el número de accesos simultáneos
> > por
> > este método puede ser perjudicial, pudiendo ser un número óptimo
> > entre 2 y 4
> > conexiones en paralelo. Además, la resolución dns que se produce en la
> > primera carga de una página del sitio también puede ser perjudicial,
> > aunque
> > quedarán cacheadas y apenas intervendrán en la temporización para las
> > sucesivas páginas del sitio.
> >
> >
> > Resumiendo: En mi opinión, mejor tener las css separadas. Ganaremos
> > poco
> > uniendo las css a menos que tengamos una cantidad realmente alta.
> > Por otro
> > lado, el método que plantea Mauricio de subdominios a la misma ip
> > podría
> > funcionar si se aplica sobre todo a las imágenes ya que son los
> > recursos más
> > usados. Sería interesante que Mauricio nos dijera el resultado de sus
> > pruebas.
> >
> >
> > Saludos
> >
> > P.D. Choan, no hace falta que vuelvas a repetir lo que has dicho en
> > este
> > hilo, sobre todo para los puntos en los que coincidimos.
> >
> >
> >
> >
> >
> >
> >
> > El 26 de marzo de 2009 18:12, Choan Gálvez
> > escribió:
> >
> >> Hola.
> >>
> >> On Mar 26, 2009, at 17:39 , Daniel Navarro wrote:
> >>
> >>> Hola, preguntaste:
> >>>
> >>>> Sí, hombre, si ya sabemos que funcionar funciona. Lo que yo me
> >>>> pregunto es si es más eficiente servir N ficheros de X tamaño
> >>>> desde N
> >>>> dominios que servir un fichero de N*X tamaño desde un dominio. Para
> >>>> distintos valores de N y X y eso.
> >>>
> >>> Evidentemente, un sólo fichero con todo aglutinado tardará menos,
> >>> pero
> >>> ¿concatenarás todos los recursos además de las css?. El límite de 2
> >>> conexiones se aplica también a las imágenes, por ejemplo.
> >>>
> >>> Cuando se amplía el número de conexiones paralelas, el tiempo de
> >>> carga puede
> >>> ser más que apreciable:
> >>>
> >>
> http://www.ajaxperformance.com/2006/12/18/circumventing-browser-connection-limits-for-fun-and-profit/
> >&