Re: [Ovillo] Como ahorrar tamaño a un archivo CSS

2011-11-25 Por tema Camilo Kawerín
Hola,


Es preferible priorizar la legibilidad y el manteniemiento del código antes
que el tamaño del archivo. Dejar comentarios, separar en líneas, ordenar
las reglas y propiedades con un criterio claro ayudan a que en el futuro
sea más fácil retomar el trabajo sobre una hoja de estilos o que lo puedan
continuar otras personas. Además poner cada propiedad en una línea
diferente es muy útil cuando se trabaja con un sistema de versionado.
Y si el archivo queda muy pesado, hay varias estrategias que se pueden
adoptar para que no sea un problema para los usuarios. En
html5boilerplate.com hay unas cuantas explicadas.


-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] Flash Tweet Counter

2011-05-18 Por tema Camilo Kawerín
Hola,

Calculo que podés pegarle al flash con Javascript y pasarle el valor que
quieras, así te ahorrás lo del XML. Podrías generar el valor directamente
con JS o bien usar Ajax para conectarte a la API de Twitter, traer el valor
y meterlo en el flash.

Ahora, ¿porqué tiene que ser flash en contador de twits?

2011/5/18 Joel Lembert joelalman...@gmail.com

 Saludos, quisiera saber si esto es posible. Quisiera tener un contenido en
 flash (Osea una pelicula swf) una especie de contador customizado en flash
 y
 debajo un boton de twitter share... Quiero que cada vez que se le de click
 al boton de tweet share el  flash que esta arriba  lo contabilize. Se me
 ocurre alimentar al flash con un xml y que este xml se alimente de twitter
 con el dato de contandor. Esto es posible de alguna manera? me doy a
 entender. Gracias


-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] Flash Tweet Counter

2011-05-18 Por tema Camilo Kawerín
¿Y qué tal algo así?
http://dojotoolkit.org/reference-guide/dojox/widget/AnalogGauge.html (ver
ejemplos abajo)

2011/5/18 Joel Lembert joelalman...@gmail.com

 Quisiera generar un efecto de tacometro a medida que vaya subiendo los
 tweets iria subiendo la aguja del tacometro

 --
Camilo Kawerín
kawerin.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


Re: [Ovillo] (sin asunto)

2011-04-28 Por tema Camilo Kawerín
Hola,

2011/4/28 Rafael Arevalo rafaeldarev...@hotmail.com


 Hola a todos...

 Necesito hacer una página, donde el bakground cambie a claro si es de día y
 a obscuro si es de nochevi ese efecto algun dia, pero no recuerdo en que
 pagina...


Podés hacerlo con PHP:

?php echo (date('G')  6  date('G')  20) ? 'dia' : 'noche' ? /*
suponiendo que el sol sale a las seis y se pone a las ocho de la noche */

O podés hacerlo con Javascript:

t = new Date();
if (t.getHours()  6  t.getHours('G')  20) {
   $('body').addClass('dia'); // JQuey para hacerlo más fácil
} else {
   $('body').addClass('noche');
}

Luego en la CSS:

.dia {
  background: url(image_de_dia.jpg);
}
.noche {
  background: url(image_de_noche.jpg);
}

Y creo que eso sería todo.

Saludos!
-- 
Camilo Kawerín
kawerin.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


[Ovillo] Wiki con técnicas y recursos sobre HTML + CSS

2011-04-26 Por tema Camilo Kawerín
Hola a todos,

Comparto este espacio en el cual he reunido información sobre el desarrollo
de páginas web según los estándares:
https://www.assembla.com/spaces/xhtml-css

Si bien en este momento HTML5 y CSS3 acaparan la mayor atención del mundo
web, me parece que no hay que olvidar que una buena página web, antes que
nada, consiste en código válido y semántico, separación del contenido de la
presentación, etc. por lo que espero que este proyecto sea útil más que nada
a quienes están interesados en el desarrollo basado en estándares y buscan
por dónde comenzar.

Saludos

-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] Menú fluido hasta el pie del contenido

2011-01-28 Por tema Camilo Kawerín
Hola,

tengo un pequeño problema, es un menú a la izquierda de la página, que
 de una página a otra varía. La estructura de la página es con un div
 contenedor centrado, el menú posicionado absolute a la izquierda y a
 la derecha el contenido en varios div's posicionados también absolute.
 Bien el caso es que el tamaño de los div´s de contenido varía y el
 diseño requiere que el menú siempre se expanda hasta el final inferior
 del contenido. He intentado varias cosas, pero no lo he conseguido.



Lo que se debe expandir hasta el pie es el background del contenedor, de
manera que simule ser el background del menu izquierdo. Podés usar una
imagen que se repita verticalmente para generar un fondo con colores
diferentes, una línea de separación, etc.

Este artículo te puede ayudar:
http://www.alistapart.com/articles/fauxcolumns/

Saludos



 --

Camilo Kawerín
kawerin.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


Re: [Ovillo] centrar elemento absoluto con css

2010-12-15 Por tema Camilo Kawerín
Hola,

Se me ocurren dos trucos sencillos:

#elemento {
   position: absolute;
   width 100px;
   left: 50%;
   margin-left: -50px;
}

En ese truco se base esta técnica:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Otra posibilidad es usar dos elementos:

#contenedor {
   position: absolute;
   left: 0;
   width: 100%;
}
#contenedor #elemento {
   width: 100px;
   margin: 0 auto;
}

Saludos,
2010/12/15 Joseba Rodríguez jos...@visionasolutions.es

 Hola!



 ¿Es posible centrar un elemento absoluto con css en la página?



 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




-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] centrar elemento absoluto con css

2010-12-15 Por tema Camilo Kawerín
2010/12/15 Joseba Rodríguez jos...@visionasolutions.es


 Creo que me encabezoné con el margin auto y parece que eso no va con
 posicionamiento absoluto.


No, claro, margin auto no funciona *en el mismo elemento* que tenga position
absolute, pero sí podés posicionar un contenedor y dentro de éste centrar
otro elemento con margin auto.


-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] Vulnerabilidad HTML

2010-12-15 Por tema Camilo Kawerín
Creo que la única manera en que podrían haberlo hecho, si fuera gracias una
vulnerabilidad del sitio, es mediante un script PHP que hubieran subido a tu
servidor desde un formulario. Si no hubiera manera de subir archivos al
servidor desde una página del sitio, se me ocurre entonces que el ataque
tuvo que haber sido conectándose al FTP. De todos modos, te recomiendo que
insistas con el soporte del hosting para que te den más información, tanto
para demostrar que el problema se debe a una vulnerabilidad del sitio como
para descartar que hubiera sido otro tipo de acceso.

Saludos y suerte!

2010/12/15 Eva García evag...@gmail.com

 Hola de nuevo,

 Lo que han hecho es borrar todos los archivos del directorio raiz y han
 colocado un archivo index.html con unos simbolos en arabe. Los curioso es
 que los subdirectorio que utilizo para las imagenes, includes, etc. no han
 sido borrado y están ahí todos los archivos.

 Saludos,

 Eva




 2010/12/15 Camilo Kawerín camilokawe...@gmail.com

  Hola,
 
  Creo que ya aclaró que la página es simple y sólo usa PHP para incluir
 las
  partes que se repiten, sin nada raro, y para enviar mail.
 
  La gente de soporte de los servicios de hosting tienen la costumbre de
  llamarle hackeo a cualquier cosa y siempre es por un error de
  programación.
 
  La pregunta, Eva, es ¿exactamente qué le ocurrió a la página?
 
  Saludos
 
  2010/12/15 Jimmy Collazos || acido || cuatroxl.com acid...@gmail.com
 
   Como bien dicen, casi todos: Sin saber que estás haciendo es complicado
   decirte que has echo mal.
  
   ¿tienes base de datos?
   ¿que haces con los parámetros del formulario que envías?
   ¿usas algún CMS, librería o parecido?
  
  
   --
  
  
 
 
    J i m m y  C o l l a z o s :
  
  
 
 
   desarrollado web; estándar, accesible, escalable
  
  
 
 
  acido69
   ___
   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
  
 
 
 
  --
  Camilo Kawerín
  kawerin.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




-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] (SOT)

2010-11-10 Por tema Camilo Kawerín
Hola,

2010/11/9 jaume op jaum...@gmail.com

 Perdón por si mi tema puedea parecer fuera de contexto, pero al fin y al
 cabo veo que es html, css y seguro cuestion de distribucion de tareas.

 Estamos preparando  un ejercio entre 10 personas. Tratamos de crear ,
 digamos, una web. Asi, hemos divido a la gente en dos subgrupos: Diseño y
 Maquetación. El contenido se iria introduciendo mas tarde.


¿Porqué la necesidad de separar? Yo creo que en el caso de una empresa, por
ejemplo, es preferible que cada desarrollador se especialice en un área,
pero la formación me parece que debe ser integral. Entonces, si los
contenidos del curso incluyen desde el diseño a la maquetación, todos
deberían realizar todas las etapas. No sé el contexto en que harán el
ejercicio, pero es probable que algunos tengan alguna experiencia en
maquetado y otros en diseño, pero obligarlos (por decirlo de algún modo) a
involucrarse en todo el proceso los hará mejores profesionales que
limitándose a practicar lo que ya saben. Justamente, la idea de un curso es
aprender algo que no se sabe...

Saludos!

-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] OT: Reproductor flv para web

2010-11-06 Por tema Camilo Kawerín
Hola,

Tengo varios videos flv puestos en mi servidor y lo que quiero es que
 se pueda amar una pagina web, para que se puede ver igual que youtube
 por ejemplo.

 Que herramientas y visores me recomiendan..


Creo que el más usado es éste: http://www.longtailvideo.com/

Saludos

-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] [OT] Checkbox con valores

2010-11-06 Por tema Camilo Kawerín
Hola,

Cómo hago para hacer una lista donde las personas pueden seleccionarlo con
 Check box y al final de la columna despliegue el total de lo marcado.
 Y si se podría agregar un row a la par de algunos datos para poner para
 cuantas personas, entonces para que se multiplique ese valor.


Con Javascript podés hacerlo para que el valor se vaya actualizando al mismo
tiempo que seleccionás los controles.


 Hotel 1 -- check (2 personas)
 Hotel 2 --
 Hotel 3 -- check

 Total = Suma de: (Valor de Hotel 1, multiplicado por 2) + (Valor de Hotel
 3)


Un ejemplo, usando jQuery[1], podría ser:

$('total').text($('hotel_1').val() * $('hotel_1_cant').val() +
$('hotel_2').val() * $('hotel_2_cant').val() + [...] );

Y lo estoy haciendo de memorai y no estoy seguro de que se pueda capturar el
value del checkbox así nomás, pero es la idea básica.


 Y por último, si en lugar de check box, se podría hacer algo en CSS para
 que
 sean imágenes pero que tengan función de checkboxs?


Las últimas versiones de jQuery UI vienen con widgets para diferentes
botones[2].

[1] http://docs.jquery.com/Main_Page
[2] http://jqueryui.com/demos/button/#checkbox
-- 
Camilo Kawerín
kawerin.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


Re: [Ovillo] css en joomla

2010-09-03 Por tema Camilo Kawerín
Hola,

2010/9/3 Jairo Ochoa jairo.oc...@gmail.com

 aparece al menos una vez o ninguna?

 es correcta la url de la imagen?? (copia y pega a continuación de la página
 que estás viendo donde debería aparecer)

 puede que haya otro lugar que sobreescriba esta característica de #page_bg
 ?


Podrías responder a estas preguntas y resolver el problema en menos de un
minuto con la ayuda de Firebug:
https://addons.mozilla.org/es-ES/firefox/addon/1843/

Saludos!

-- 
Camilo Kawerín

Desarrollo Web
Radio Nacional
www.radionacional.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


Re: [Ovillo] Dar estilo a un div: Herencia o clase e specífica

2010-04-21 Por tema Camilo Kawerín
2010/4/21 Rafa Artacho teme...@gmail.com

 Me surge la siguiente duda:

 ¿Qué ventaja obtengo declarando una clase de este modo

 #footer .footer-links .bloque-links-imagen ul{

 respecto a aplicarle al ul en particular una clase específica?

 darle contexto de donde se está utilizando?



Antes que nada, una cuestión de concepto: clase se llama el tipo de
selector precedido por un punto en CSS e indicado con el atributo class en
HTML. La línea que citás se llama correctamente selector y forma parte de
una regla.

La diferencia entre hacerlo de la forma en que citás o agregando un class al
elemento en particular depende en parte del gusto de cada uno y en parte de
mantener ciertas buenas prácticas. Sobre esto último, te comento algunas:
- si no es necesario, no conviene poner la ruta completa al elemento; por
un lado porque para los navegadores es preferible mantener los selectores
simples (tenía un enlace sobre eso, pero no lo encuentro ahora) y por otro
porque en un futuro podrías hacer cambios en el HTML y te obligaría a editar
también la hoja de estilos.
- si el estilo de un elemento es muy específico, conviene seleccionarlo
directamente agregándole un class al elemento mismo; de esa forma, si más
adelante necesitás agregar un elemento similar en el mismo contexto, pero
con diferente estilo, no necesitás modificar lo que ya está hecho.
- no conviene pegarle directamente a elementos tan comunes como DIV o
SPAN, por ejemplo, porque nunca se sabe cuándo hay que agregar uno extra; ni
se puede evitar que si cae en mano de programadores .Net, por ejemplo, te
llenen el código de elementos extras


 Recomendáis siempre asignar una clase teniendo en cuenta su posición en los
 divs principales de la página?


Depende: si necesitás una regla para definir estilos de texto (font-size,
font-style, color, etc.) conviene hacerlo con un class independiente (por
ejemplo: .links a secas); y si necesitás una regla para definir
posicionamiento de un elemento, conviene hacerlo con un selector relacionado
al contexto (por ejemplo: #footer .links )

Saludos

-- 
Camilo Kawerín

Desarrollo Web
Radio Nacional
www.radionacional.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


Re: [Ovillo] hola, presentacion y ayuda con divs y capa.

2008-05-10 Por tema Camilo Kawerín
Hola,

Bienvenido a la lista. Te comento abajo.

On Mon, May 5, 2008 at 6:19 PM, seralcris [EMAIL PROTECTED] wrote:

 Hola, mi nombre es Sergio y soy nuevo en la lista, tengo un problema con
 un
 div dentro de una capa. Tratare de explicarme, tengo una capa, y quiero
 alinear 3 elementos ( uno a la izquierda, un menu al centro y una imagen a
 la derecha dentro de la capa ) dentro del archivo header.php un div que es


Te recomiendo enviar un link donde podamos ver la página y otro con el
diseño de lo que querés lograr, así va a ser más fácil que te podamos
ayudar.



 div id=centerbox
 textoa href=http://laweb.com;img src=imagen.jpg align=right
 style='border:0' alt=//a
 ?lala();?

 div id=menu9
ul

lia href=#1 title=Link 1Link 1/a/li
lia href=#2 title=Link 2Link 2/a/li
lia href=#3 title=Link 3Link 3/a/li
lia href=#4 title=Link 4Link 4/a/li
lia href=#5 title=Link 5Link 5/a/li
/ul
 /div

 a href=http://laweb.com/alala/a|
 a href=http://laweb.com /lala/a |
 a href=http://laweb.com /lala/a
 /div


Y te comento sobre algunos problemas que veo en el código:

- no uses nombres de id o class que hagan referencia al diseño, como
centerbox; pegale una leída a este artículo:
http://www.w3.org/QA/Tips/goodclassnames

- el atributo align está deprecated y no es conveniente usar style en los
elementos

- intuyo que el IMG que pusiste al principio es el logo con el nombre del
sitio; pero deberías marcarlo usando el encabezado de nivel superior:
http://www.w3.org/QA/Tips/Use_h1_for_Title

- no dejes texto o elementos de línea, como los links de abajo, fuera de un
elemento de bloque, que podría ser P o en para los links, otra UL

Y volviendo al problema, si enviás el link te cuento.

saludos

-- 
Prof. Camilo Kawerín
Web Developer

Url: http://27sur.com
Tel: (+54) 3783 449673
Cel: (+54) 3783 338588
___
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] Poner un video en una pagina xhtml 1.1

2006-10-05 Por tema Camilo Kawerín
Fijate este mail también (lo resaltado) para lo que te comentaba.


On 12/09/06, Martin Szyszlican [EMAIL PROTECTED] wrote:

 [EMAIL PROTECTED] escribió:
  Hola,
 
  On 11/09/06, Trent Chandra [EMAIL PROTECTED] wrote:
 
  Tengo un problema que no he logrado solucionar. Necesito incluir en una
  página que había sido previamente validada como XHTML 1.1 un video de
  You Tube (www.youtube.com). [...]
 
 
 
 
  Lo que necesitás el el código correcto para insertar flash en una página
  porque el reproductor de YouTube no es más que un objeto flash.
 
  Y la respuesta la envió hace cinco días Martín Szyszlican con el asunto
  Flash Válido (mejor que flash satay).
 
 Y ya que lo nombras (gracias), tengo que aclarar algo.
 En ese mail se propone llamar a la función fix_eolas sin haber filtrado
 el llamado solo para IE, por lo tanto el nuevo código sería algo como:

 /* Solo Internet Explorer */
 /[EMAIL PROTECTED] @*/
 /[EMAIL PROTECTED] (@_win32)
 EventMgr.add(window,load,fix_eolas);
 /[EMAIL PROTECTED] @*/

 De hecho hoy usé esta técnica y funciona perfecto. Lo probé en IE6,
 WinXP sp2 ... que es la configuración que tiene la mayoría de los
 usuarios caseros.
 Tampoco causa conflictos con FF, IE7 u Opera, asi que parece bastante
 efectiva.

  Saludos,
 
 


-- 
Camilo Kawerí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


[Ovillo] [OT] Re: Para los administradores de la lista

2006-04-25 Por tema Camilo Kawerín


Manuel J. Recena Soto escribió:
 Hola buenos días:
 
 Por favor, que los administradores de la lista intervenga y hagan algo con los
 mensajes que se están recibiendo por culpa de un usuario que no sabe trabajar
 con listas de correo.
 

Lamentablemente hay demasiada gente que no sabe trabajar con listas de 
correo:

- consultas sobre temas que nada tienen que ver con la lista, como el 
reciente referente a un problema de *instalación* de PHP

- respuestas a estas consultas, sea con la solución al problema (que se 
puede mandar en privado) o con algún comentario que no hace más que 
agregar ruido

- consultas sobre temas tratados hace apenas dos días en la lista

- consultas sobre problemas para los que aparecen miles de respuestas 
haciendo una simple búsqueda en google o revisando el historial

En fin... es la segunda vez que salgo con este tema en estos días (ya me 
empiezo a sentir demasiado quisquilloso), pero así es muy difícil 
participar y aportar algo.

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Orden de elementos en formulario

2006-04-25 Por tema Camilo Kawerín


Federico MP escribió:
 On Tue, 25 Apr 2006 04:55:15 -0300, Francisco Castillo  
 [EMAIL PROTECTED] wrote:
 El 25/04/06, DJ-Dom[EMAIL PROTECTED] escribió:
 El label está mal cerrado...

   labelEtiqueta input //label
 No veo donde está el problema, ¿puedes aclararme porque están mal
 cerradas las etiquetas?
 
 Las etiquetas están bien. Encerrar el INPUT con LABEL es válido.

Es válido y recomendado, para que el label sea correctamente 
interpretado en navegadores antiguos.

(Aunque lo intenté un par de veces y es una complicación extra al 
aplicar la CSS por lo que me resigné a hacerlo implícito solamente)

Saludos,

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Tramite Facil y su versión para ciego s

2006-04-23 Por tema Camilo Kawerín


DJ-Dom escribió:
 Yo lo que pienso es que la opción de maquetar con tablas sigue ahí, y que no
 es tan desastroza como la pintan...
 
 Si alguién cree que le sale mejor hacerlo con tablas, pues ni modo, tampoco
 es delito tan enormemente graveYo he aprendido a realizarlo sin tablas,
 y la verdad que es mucho más difícil (será por la costumbre)...Em fin mi
 opción no es usarlas, para ello, pero si alguién cree que es una buena
 opción ni modo...
 
 Si ha hecho pruebas, y afirma que todo salió bien, pues ni modo, las
 pruebas que pueden hacer manualmente experimentando con los usuarios no
 videntes reales, a mi entender, siempre debe ser más efectiva que cualquier
 otra metodología tecnica
 
 

NO NO NO NO!!

¿Porqué siguen insistiendo con la mismas burradas?

No se trata de que existan dos opciones: maquetar con CSS o maquetar con 
tablas.

Las opciones son: hacer BIEN o MAL una página web.

La primera opción consiste en usar código html para marcar 
semánticamente un determinado contenido y CSS para darle un aspecto 
determinado.

La segunda opción consiste en usar código html como venga (o usar un 
programa WYSWYG y no enterarse que hay un código detrás del resultado) 
para acomodar contenido en una página.

Y volviendo al tema que originó este hilo: la supuesta versión para 
ciegos es una verdadera ESTAFA. Como dice Federico en su blog, hay un 
estúpido que pagó por ello y hay un tipo increíblemente caradura que 
cobró y no tiene vergüenza de defender lo indefendible.

Saludos,

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Enviar una capa detras de otro

2006-04-23 Por tema Camilo Kawerín
Hola,

Reynier Perez Mira escribió:
 Como muchos habrán podido ver estaba tratando de crear un modelo en el cual 
 se de la impresión al usuario de que una imagen pasa por encima de una barra. 
 Eso ya lo he logrado pero no del todo. El problema es que la capa ubicada a 
 la derecha me pasa por encima de la otra y me corta una esquina de la imagen. 
 Tengo entendido que la propiedad z-index podria resolver mi problema pero al 
 parecer la estoy usando mal. Según estudié en estos días si tengo lo 
 siguiente:
 
 #div1 {
   z-index:1;
 }
 #div2 {
   z-index:2;
 }
 #div3 {
   z-index:2;
 }
 

 Y supuestamente segun lo que entendi y dije anteriormente el DIV topnavR y 
 topnavL se me ubican siempre por encima del DIV Cabecera. ¿Qué es lo que 
 estoy haciendo mal?
 

Si lo que buscás es que la cabecera quede por encima de los demás divs, 
debe tener un valor mayor en z-index.

Te preparé una demostración sencilla: http://27sur.com/ovillo/z-index.html

Saludos,

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Ni idea de como modelar esto con DIV - Centrar web sin etiquetas CENTER [Solucionado]

2006-04-23 Por tema Camilo Kawerín
Hola,

Reynier Perez Mira escribió:
 Pues nada, gracias nuevamente scriptTM. Acudi a mi mejor amigo en estos casos 
 de perdicion, Google, y encontre que la solucion simplemente es agregar 
 estos parametros en el body y el DIV contenedor principal del documento. Algo 
 como esto:
 
 body { 
   margin: 0 auto; // aqui lo de centrar
   text-align: center; // aqui lo de centrar
 }
 
 /*DIV Principal-contiene todos los demás elementos de la página*/
 div#Contenedor { 
   text-align: center; // aqui lo de centrar
   margin: 0 auto; // aqui lo de centrar
 }
 

Un par de comentarios: el margin: 0 auto en el body no hace nada, salvo 
quitar el margen superior por defecto del body; text-align: center en el 
#Contenedor hace que el texto de todos los elementos contenidos en él se 
centre.

Fijate éstas reglas:

body {
margin: 0;
text-align: center; // para centrar en IE 5 o inferior
}
#Contenedor {
margin: 0 auto; // para centrar en navegadores modernos
text-aling: left;   // alínea a la izquierda nuevamente
}

Saludos,

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Ajustar la web para distintos navegadores

2006-04-23 Por tema Camilo Kawerín


Álvaro Varona escribió:
 yo solo te daria un consejo: revisa la resolucion de pantalla a la que
 estas diseñando el web porque no se ajusta a ningún estándar 1024 o
 800.
 

mmm, ¿quién dijo que esos valores son estándares? En todo caso, el 
layout es más ancho que los anchos de pantallas *para PC* más usados en 
estos días. Nada más.

Saludos,


-- 
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] [OT] Holassss....

2006-04-23 Por tema Camilo Kawerín


stripTM escribió:
 Reynier Perez Mira escribió:
 Haber asi no se trata a la gente pero bueno, como bien dicen debes hacer una 
 búsqueda en el mejor amigo Google y verás que hay miles de paginas. 
 Sin ser tan brusco como Wilfredo creo que el problema de la consulta es
 1º No tiene nada que ver con la temática de la lista, con lo que está 
 metiendo ruido y haciendo que sea menos útil.
 2º El asunto Holas no es nada descriptivo, con lo que tampoco 
 ayuda nada y por ejemplo ensucia el archivo histórico de la lista de 
 mensajes.
 
 

Por lo que estuve viendo en los últimos mails a la lista, más que sucio, 
yo diría que a esta altura el archivo parece mi casa después de haber 
dejado al perro solo y encerrado durante todo un día.

Muchachos, lean las especificaciones y algún buen tutorial que no les va 
a hacer daño, y pónganse las pilas para preguntar.

Saludos,

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] los 10 mejores tutoriales de CSS

2006-04-23 Por tema Camilo Kawerín
Un pequeño aporte:

http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/

Y hasta la semana próxima (o hasta que tenga tiempo y paciencia para 
revisar la lista)

-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar una web con CSS - Mis primeros problemas -

2006-04-20 Por tema Camilo Kawerín


Sergi Panisello escribió:
 Una opción (creo que válida en todos los exploradores) es poner:
 
 body
 center
 tucontenidobla bla/tucontenido
 /center
 /body
 
 A mi me funciona..
 

¿Cómo es que Ovillo llegó a esto?


-- 
Camilo Kawerí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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Mi opinión sobre el 62.5%

2006-03-24 Por tema Camilo Kawerín

Hola a todos,

Marc González Majoral escribió:

En unos cuantos hilos de esta lista de correo he leído que para
cuadrar con el diseño los tipos de letra usando medidas relativas se
pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de
letra base sea de 10 píxels.

Yo creo que esto es un error y me he hecho unas preguntas, que he
intentado auto-responderme.



Y yo creo que hay una gran confusión en torno a este tema.

Usar font-size: 62.5% en el body no es para forzar nada sino 
simplemente para establecer una unidad manejable al *maquetar* una 
página usando 'em'.


Partiendo de que 16px * 0.625 = 10px, si necesitamos hacer un layout con 
estas medidas:


  800px
---
|  150px  |   400px  |250px   |


En Firefox, IE, Ópera y cualquier otro navegador que use 16px como 
tamaño de fuente normal o mediano, bastaría con maquetarlo de esta 
forma:


  80em
---
|  14em   |   40em   |25em|

800px / 10px = 80em
140px / 10px = 14em
400px / 10px = 40em
250px / 10px = 25em

En cambio, si usáramos font-size: 75% en el body (16px * 0.75 = 12px) la 
proporción sería:


800px / 12px = 66.em
140px / 12px = 11.em
400px / 12px = 33.em
250px / 12px = 20.8333em

Hacer cuadrar una maqueta con estas medidas es mucho más difícil que 
usando medidas relativas.


Entonces el objetivo de la técnica es fundamentalmente facilitar el 
armado de un layout flexible y con medidas relativas al tamaño de fuente.


Podríamos, por ejemplo, una vez finalizado el armado de la página, 
cambiar 62.5% a 75% y tendríamos un layout *proporcionalmente* más 
grande (en navegadores con 16px como tamaño de fuente normal).


De la misma manera, en un navegador con un tamaño de fuente normal 
mayor o menor a 16px, el layout será *proporcionalmente* más grande o chico.


Entonces, mi conclusión es que da lo mismo que el tamaño de fuente en el 
body sea 62.5%, 10px (cambiando la regla para IE, como propone Choan) o 
bien uno de estos dos durante el armado para luego cambiarlo a cualquier 
otro porcentaje.


Lo importante es que las medidas de los elementos de bloque estén en 
em para que el tamaño del layout cambie proporcionalmente junto al 
tamaño de fuente que el usuario desee usar.


De todos modos, aunque en muchos proyectos he utilizado este tipo de 
layout elástico, yo preferiría trabajar con layouts líquidos que se 
adapten solos al tamaño de ventana y/o resolución. El problema es que no 
siempre uno trabaja con diseños que pueden hacerse de esta forma.


Disculpen la extensión, espero haber sido claro.

Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] maqueta en ems ¿que hago con los fondos?

2006-03-24 Por tema Camilo Kawerín

Hola,

Pedro Moreno escribió:

estoy comprobando que maquetar en ems tiene ventajas para el usuario pero
para diseñar es una locura. he cambiado de ordenador aqui en el estudio
varias veces hasta que me he dado cuenta que el internet explorer renderiza
los ems teniendo en cuenta los ppps a los que tenga el usuario configurado
el equipo

o sea, si alguien toca eso, que es mucha gente sobre todo ahora con las
pantallas de 17 tft a 1280x1024 que pone las letras mas grandes usando esa
opción, descuadra la maqueta ya que las imagenes.

los fondos no pueden ir en medidas variables. ¿existe alguna manera de
arreglar las descoordinaciones entre fondos y elementos?



Si los background son imágenes, tenés que usar alguna técnica como 
sliding doors:


http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/

Y mucho más en:

http://www.google.com.ar/search?q=css+sliding+door

Saludos,


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] problemas con explorer Mac

2006-03-23 Por tema Camilo Kawerín

Hola a todos,

Tengo un problemita en explorer para Mac y como uso PC estoy medio 
perdido. Lamentablemente mi cliente usa Mac, por lo que no me queda otra 
que arreglarlo.


La web es: http://www.27sur.com/~libro/registro.php

Si ven el código, notarán que estoy usando comentarios adicionales para 
cargar una hoja de estilos para IE. Para saber si éste puede ser el 
problema, hice unas versiones sin ella:


http://www.27sur.com/~libro/sample1.html
http://www.27sur.com/~libro/sample2.html

Si me pueden dar una mano, se lo agradeceré eternamente.

Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] lista ordenanda: números en ne grita y texto no

2006-02-26 Por tema Camilo Kawerín

Hola DJ-Dom

DJ-Dom escribió:

HTML:
ul
lispanTexto Normal/span/i
/ul

ul span{
text-weight: normal;
}



Así lo hice, pero mi pregunta apuntaba precisamente a evitar hacerlo de 
esa forma si se puede hacerse *sólo con CSS*.



Por otro lado, ¿alguien tiene idea de cómo evitar que desaparezcan los 
números en IE al flotar los items de una lista ordenada?


O sea, con esto:

ol
litexto/li
/ol


li {
float: left
}

IE hace desaparecer los números y no margin ni padding que sirvan para 
hacerlos visibles.



Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Soporte a CSS2

2006-02-26 Por tema Camilo Kawerín

Hola,

Leonel Silva escribió:

 Hola a todos,

Alguien conoce que navegadores soportan CSS2? o algún link donde pueda leer
algo al respecto.



Completito:

http://www.macedition.com/cb/resources/abridgedcsssupport.html


Por otro lado, si la version 7 de Explorer no soporta CSS2, eso significa
que por ser el navegador más usado se va a retrasar la implementación de
CSS2?



IE 6 soporta bastante de CSS2, que es la recomendación oficial en este 
momento. Por eso no se entiende bien tu pregunta, salvo que te refieras 
a CSS3, que aún es un borrador y no está oficialmente implementada 
(Más allá de los navegadores más modernos soporten algunas propiedades 
de CSS3).


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marcado de una fórmula matemát ica

2006-02-26 Por tema Camilo Kawerín

Hola,

Bernat Lleonart escribió:

Hola,

Tengo que introducir esta fórmula en un documento xHTML, y no sé qué
etiquetas utilizar, cómo presentarlo. Sé que existe el MathML, pero no
sé si está pensado para cosas así, o si se puede incrustar en un
xHTML.

 caudal (m_ /h)
 sección (m_) =
 velocidad (m/s) x 3600

La fórmula, en modo texto, sería (por si no se ve bien en el cuerpo de
este mensaje): sección (m_) es igual a caudal (m_ /h) partido por
velocidad (m/s) x 3600.



Teniendo en cuenta lo que dice Daniel sobre la escasa implementación de 
MathML en los navegadores, se me ocurren dos maneras:


Usar pre que representa la fórmula tal como la escribís, con los 
espacios incluidos.


Usar una imagen.

Principalmente para la última opción, aunque también para la primera, 
creo que deberías acompañar la representación de la lectura textual de 
la fórmula, tal como hiciste más arriba.


Espero que te sirva,

saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Echo chispas

2006-02-26 Por tema Camilo Kawerín

Hola,

denis gf escribió:

Hola soy nuevo en esto, solo llevo este año haciendo paginas web. Conclusion
no se nada de nada.

Estoy en un ciclo de informatica, y un profesor muy bondadoso nos mando
crear un sitio web entero, a mi se me ocurrio la feliz idea de crear una
tienda virtual, que si que ya se que las hay a punta pala, y no es un
proyecto muy original,pero tenia la feliz idea de que le pondria cosas que
una tienda virtual de ahora no tiene, iluso de mi. Por que tengo que
entregar el proyecto el dia 10 de Marzo, Y hemos empezado todos a principios
de año con lo cual para mi no es mucho tiempo. (no se para vosotros dareis
montado una tienda virtual en un mes, pero sera por que soy novato y la
monto solo) . 



Es evidente que el que no sabe nada de nada es tu profesor.

Tal vez aquí consigas ayuda para resolver el problema, pero es como 
suelen decir: en lugar de regalar pescado hay que enseñar a pescar.


Saludos y suerte


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar texto vertical

2006-02-26 Por tema Camilo Kawerín



Choan C. Gálvez escribió:


Si el texto va a ocupar siempre una sola línea, un truco que da buenos
resultados es asignar el mismo valor a `line-height` y `height`.



:S :S :S

Hace tiempo que buscaba la manera de centrar verticalmente el texto de 
los botones de un menú, por ejemplo, sin recurrir al padding. Y la 
solución era taan simple...


En fin, a cada rato se aprende algo nuevo.

Saludos y gracias

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marcado de una fórmula matemá tica

2006-02-26 Por tema Camilo Kawerín

Hola de nuevo,

Bernat Lleonart escribió:

Hola,

Creo que optaré por usar pre.



Quería sacarme la duda, así que hice la prueba:

 pre
  caudal (msub2/sub /h)
  sección (msup2/sup) = 
  velocidad (m/s) . 3600
 /pre


 pre {
line-height: .8em;
 }
 sub, sup {
font-size: .8em;
 }

No hablabas de índices en tu consulta, pero probé a agregarlos para ver 
cómo quedaban.


Y podés algo más de información con el atributo title:

 pre
  span title=dividendocaudal 
(msub2/sub /h)/span
  span title=cocientesección (msup title=a la segunda 
potencia2/sup)/span = 
  span title=divisorvelocidad (m/s) . 
3600/span

 /pre

En fin, son ideas,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] OT: script para búsqueda en páginas html

2006-02-12 Por tema Camilo Kawerín

Hola a todos,

Seguramente a quienes realizan sitios sin base de datos les será útil 
para implementar un buscador interno:


http://27sur.com.ar/search/

Serán apreciados comentarios y sugerencias (en privado, porfa, para no 
empeorar el fuera de tema).


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] OT: consejos sobre diseño

2006-02-04 Por tema Camilo Kawerín

Hola a todos,

Ando buscando pistas respecto a cómo encarar el diseño visual de una web 
desde el principio: ¿por los colores, por definir un estilo, etc.?


Y en ese sentido, cómo trabajar con el cliente: ¿presentar distintas 
propuestas, pedir la mayor cantidad de datos y presentar una sola, etc. ?


Me imagino que muchos habrán escrito sobre el tema en sus blogs y/o 
tendrán algunos links preferidos sobre el tema...


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] menus en css, algo anda mal

2006-01-26 Por tema Camilo Kawerín

Hola,

Angel seron escribió:

en esta otra muestro como va quedando con css el menu y tambien cuenta con
un fondo al pasar el mouse  http://www.peruforless.com/default_css.html

Si se dan cuenta primero hay un problem con el fondo al pasar el mouse, como
es una imagen como que demora un poco, 


Me acuerdo haber escrito un par de veces a la lista sobre este tema. Te 
aconsejo que busques en la lista.


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problemas en plantilla para newsletter

2005-12-28 Por tema Camilo Kawerín



Citius escribió:
Tengo un problema en el html de una plantilla para newsletters. 
Resulta que al recibir el mail, algunos enlaces me aparecen así:


http://periodistasctes.org/?noticia=3 http://periodistasctes.o! 
rg/?noticia=3


http://periodistasctes.org/?noticia! =2 
http://periodistasctes.org/?noticia=2


Es decir, no sé de dónde aparece un '! ' en el código.


A mi me sucedió algo parecido y el problema está en el número de 
caracteres y no en los enlaces.


prueba ésto:

$base64contents = rtrim(chunk_split(base64_encode($textoemail))); mail 
($tuemail, tu subject, $base64contents,Content-type: text/html; 
charset=iso-8859-1\nContent-Transfer-Encoding: base64\nFrom: 
.$tuemailfrom.\n\n);




En efecto, el problema era al codificar el mail.

El código que enviaste funciona de primera, por si a alguien más le sirve.

Saludos,



--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problemas en plantilla para newsletter

2005-12-27 Por tema Camilo Kawerín

Hola Citius, Manuel y Martín,

Citius escribió:
Tengo un problema en el html de una plantilla para newsletters. 
Resulta que al recibir el mail, algunos enlaces me aparecen así:


http://periodistasctes.org/?noticia=3 http://periodistasctes.o! 
rg/?noticia=3


http://periodistasctes.org/?noticia! =2 
http://periodistasctes.org/?noticia=2


Es decir, no sé de dónde aparece un '! ' en el código.


A mi me sucedió algo parecido y el problema está en el número de 
caracteres y no en los enlaces.


prueba ésto:

$base64contents = rtrim(chunk_split(base64_encode($textoemail))); mail 
($tuemail, tu subject, $base64contents,Content-type: text/html; 
charset=iso-8859-1\nContent-Transfer-Encoding: base64\nFrom: 
.$tuemailfrom.\n\n);




Envío el mail como text/html; charset=iso-8859-1 y pienso que el 
problema es el que mencionan los tres.


Pruebo la sugerencia y les cuento.

Si encuentro el link donde aparecía el código y su explicación te lo 
dejaré por aquí ;-))




Me vendría de diez, aunque ya veré en google qué hay.

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] primeros pasos en menu css

2005-12-20 Por tema Camilo Kawerín

Hola,

Angel seron wrote:

buenas ahora si ya subi camilo pa ver como me ayudas en esta forma mira esta
es como quedo

http://www.peruforless.com/default_css.html

div class=enlacesseccion
  a href=#About Us/a
  a href=#Our Philosophy/a
  a href=#Our Hotels/a
  a href=#Destination Guide/a
  a href=#Photo Gallery/a
  a href=#Peru Facts and Info/a
  a href=#Peru a la Carte/a
  a href=#Price Guarantee/a
/div



Habías avanzado varios casilleros, pero ahora retrocediste un par. Para 
hacer un menú, la mejor elección desde el punto de vista semántico es 
poner los enlaces en una lista.


Te recomiendo que vuelvas a intentarlo como habías hecho antes. 
Solucionar el problema de las listas en IE es cuestión de paciencia. Con 
los comentarios condicionales y la propiedad zoom no falla, sólo que te 
habrás comido algún paso.



en IE se ve bien en Firefox apenas 1 px creo que se ve alto la imagen no si
ace falta alli lo que me decias, otra cosa es del fondo que no puedo hacerlo
lo hice igual que el tutor que me mandastes pero no me da este es mi
*css*haber como se peude anadir alli lo del fondo osea para que no
demore al
pasar el mouse.




Hacelo con la lista, volvé a mandar tu CSS y te muestro qué agregar para 
que funcione el fondo.


Si aceptás otro consejo, tratá de mejorar tu redacción y ortografía 
porque cuesta entender lo que escribís. Y si encima uno lleva más 12 
horas trabajando, hay que tener muchas ganas para interpretar tu 
problema y responderte.


Saludos y suerte,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] primeros pasos en menu css

2005-12-19 Por tema Camilo Kawerín

Hola Ángel,

Angel seron wrote:

buena que tal estyo comenzando hacer una web en css pero solo eh comenzado
por el menu principal de la izq.

la pagina ahorita se ve asi en la parte del menu de la izq.

http://www.peruforless.com

En este ejmplo aplique css solo a la aprte del menu , en este link se ve el
resultado

http://www.peruforless.com/default_css.html

pasa que en firefox se ve muy bien el css del menu pero en IE se ven algo
espaciados en cuanto a la altura haver si podrian ayudarme que me falta ,
este es lo que esta en el html




y aca esta el codigo css que hace referencia al menu

http://www.peruforless.com/3col_leftNav.css



Tenés problemas por dos bugs conocidos de IE. Por un lado, el que 
mencionás respecto a la altura de los elementos de la lista, que se debe 
a que IE ignora los /li[1]. En la página del enlace hay alguna 
solución, aunque yo siempre lo resuelvo agregando:


#navegacion li, #navegacion li a {zoom: 1.0; }

Esta propiedad es propietaria de explorer, por lo que conviene que sólo 
él la lea. Para ello podés optar por cargar una hoja de estilos especial 
mediante comentarios condicionales[2].


El otro problema que tenés en el menú, aunque no lo menciones, es que la 
imagen de fondo en a:hover tarda un par de segundos en aparecer en IE. 
Este bug también está documentado[3] y solución. La que yo uso consiste 
en cambiar un poco la lógica al agregar la imagen de fondo a los 
elementos implicados.


Se entiende mejor con un ejemplo:

ul
lia href=#Mi opción/a/li
/ul

En la hoja de estilos, en lugar de hacer...

a {
display: block;
background: url(imagen_normal.gif) top left no-repeat;
}

a:hover {
background: url(imagen_over.gif) top left no-repeat;
}

...se hace:

li {
background: url(imagen_over.gif) top left no-repeat;
}
a {
display: block;
background: url(imagen_normal.gif) top left no-repeat;
}
a:hover {
background: none;
}

Y listo. Espero que te sirva,

saludos

[1] 
http://www.quirksmode.org/bugreports/archives/2005/01/Interner_Explorer_completely_ignores_closing_li_ta.html
[2] 
http://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htmhttp://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htm
[3] 
http://www.quirksmode.org/bugreports/archives/2005/08/backgrond_image_gets_stuck_on_hover.html



--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema con float

2005-12-18 Por tema Camilo Kawerín

Hola,

Éste es un bonito ejemplo de cómo el top-posting dificulta leer todo el 
hilo, pero de todos modos sigo abajo de todo.


Bernat Lleonart wrote:

Gracias, ya está solucionado.

Un saludo.

2005/12/18, McDave [EMAIL PROTECTED]:

Mi apaño sería poner despues de /p y antes del /div un p
style=clear:both;/p para que no se colase la imagen fuera del
div.

On 12/17/05, Bernat Lleonart [EMAIL PROTECTED] wrote:

Hola,

Tengo este código, y me gustaría saber cómo podría hacer que el border
del div activitat envolviera también a la imagen flotada, de manera
que esta se viera también dentro del marco.

Muchas gracias.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
.activitat {
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

.fotoactivitatesq {
float: left;
margin: 0 1em 0 0;
border: 1px solid blue;
}
/style
/head
body
div class=activitat
h2Titular/h2
img src=imatges/img.jpg width=184 height=148 
alt=img
class=fotoactivitatesq
pLorem ipsum dolor sit amet, consectetuer 
adipiscing elit. Donec
est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et
nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a,
iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor
bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p
/div

/body
/html


Aunque esté solucionado el problema, te propongo un par de tips que 
pueden hacer más elegante tu código.


Para conseguir que el div contenedor envuelva a la imagen flotada, basta 
con agregar overflow: hidden al primero:


.activitat {
overflow: hidden;
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

También cambiaría class por id en el contenedor y eliminaría el class en 
la imagen. Tu código quedaría así:


CSS

#activitat {
overflow: hidden;
border: 1px solid #ffab00;
margin: 0 0 6em; 0
color: red;
}

#activitat img {
float: left;
margin: 0 1em 0 0;
border: 1px solid blue;
}

HTML

div id=activitat
h2Titular/h2
img src=imagen.jpg width=184 height=148 alt=img
		pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec est 
augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et nunc 
sed dolor vulputate convallis. Nullam lacus lorem, facilisis a, iaculis 
id, tincidunt quis, leo. Aliquam id elit ut lectus tempor bibendum. Duis 
at nibh ac odio varius tempor. Mauris molestie./p

/div

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Tema de colores

2005-12-18 Por tema Camilo Kawerín

Hola,

Josuke wrote:

Buenos días compañeros...

Estoy buscando un sistema útil para gestionar los colores de un Sitio Web
desde un archivo .css.

Lo que quería saber es cómo poder establecer unos colores y después usarlos
en los estilos cuando sean necesarios.

// Por ejemplo

color_a = #FF;
color_b = #00;

body {
background-color: color_a
}

Hay forma de hacer algo así?? Pido disculpas si es una tontería.



Tengo entendido que en el futuro CSS soportará el uso de variables, pero 
no sigo mucho el tema. De todos modos, me parece que podrías hacerlo 
usando una tecnología de servidor para generar la hoja de estilos 
on-the-fly.


Así de memoria, y cortito para no salirme demasiado del tema de la 
lista, con PHP podrías hacerlo:


?php
header(Contet-type: text/css);

$color_a = #FF;
$color_b = #00;
?

body {
background-color: ?php echo $color_a; ?
}

Espero que te sirva,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Re: XML y XSL - Ambivalence

2005-12-18 Por tema Camilo Kawerín



Martin Szyszlican wrote:

Camilo:
No adjuntaste el enlace.




Perdón, ahí va: http://27sur.com/CMS/

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Offtopic (estudiar desarrollo web)

2005-12-17 Por tema Camilo Kawerín

Hola,

cHiMeNo wrote:

Hola!
Veo por los mensajes que muchos de vosotros soys verdaderos expertos en esto
y me entró la curiosidad. Que estudios habeis hecho? o os habeis licenciado
en la universidad de google? jeje. Yo estoy en el primero año de Ing. Inf.
de Sistemas y evidentemente de esto no se da nada en clase puesto que vas
más orientado a programación. Que posibilidades hay para ampliar mis
conocimientos de html/xhtml/css...que no sea a través de web? Gracias a
todos, tengo mucha curiosidad :)


Que alguien me corrija si me equivoco, pero creo en ninguna Universidad 
existe la carrera de desarrollo web. Sí hay cursos, pero donde enseñan 
a usar dreamwever o cosas así, pero eso no es desarrollo web.


También están, claro, las tradicionales ingenierías y licenciaturas de 
informática, sistemas, etc. que involucran sólo en parte a la actividad. 
Al igual que la carrera de diseñador gráfico u otras relacionadas en el 
aspecto visual.


Creo que lo que pasa es que en el ámbito académico aún no se entiende 
la especificidad del desarrollo web y lo siguen incluyendo en las áreas 
anteriores. Me parece que esa situación va a seguir por un tiempo más y 
que está estrechamente relacionada con la idea de que para hacer 
páginas basta con saber computación.


Es decir que el reconocimiento de esta actividad como una carrera 
independiente de otras está vinculado a la valoración del desarrollo 
basado en estándares, entre otras características.


Yo insisto mucho con esta idea, tal vez como justificación personal, 
porque mi formación académica fue como Profesor en Historia y comencé 
a hacer esto a partir de trabajar como periodista en un portal de 
noticias. Y para mí también descubrir Ovillo y Accesoweb fue el gran 
paso para aprender de qué va este tema.


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Ayuda con formularios

2005-12-16 Por tema Camilo Kawerín

Hola,

Alejandro Lillo wrote:

On 12/16/05, José Kusunoki Gutiérrez [EMAIL PROTECTED] wrote:

Hola amigos,
Quería pedirles una ayuda y es que no sé por qué es que mis formluarios se ven 
tan mal
http://constantconcept.com/2005/12/15/ecologia-tema-constante/
les pongo las clases y se ven pésimos, alguien me podria dar una mano?


¿Y cómo se tendrían que ver?



Tampoco entiendo cuál es el problema, más allá de estás usando 
small.../small.


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Texto completo en una option de combo

2005-12-15 Por tema Camilo Kawerín

Hola,

Alec Roche wrote:

Hola,

Me gustaría saber cómo puedo hacer que las opciones de una combo se vean 
por completo en IE y no se corte el texto hasta el ancho de dicha combo 
(fíjate en option 2). Por ejemplo con Firefox despliega la combo hasta 
el límite del texto. Y por supuesto me gustaría que fuera accesible ;-)


No creo que puedas conseguir lo que buscás, porque depende justamente de 
cómo cree IE que tiene que mostrar las opciones de un select.



Mi código es el siguiente:

div id=menus
div id=mSecundario
div class=invisibleh1Menuacute; secundario/h1/div
div id=tituloMenuspan id=accDirectosAccesos 
Directos:/span/div

[...]


/div   



Al margen de la consulta, siguiendo el manual Normas de estilo para 
preguntar en Ovillo, Tomo V, Capítulo 36, te recomiendo que cuando 
envíes código en una consulta, lo hagas con un fragmento abreviado. Te 
darás cuenta que interpretar código no es una tarea sencilla, por lo que 
tendrás mayores posibilidades de obtener una respuesta cuanto más fácil 
nos la hagas.



.invisible{display:none;}



También al margen, pero como mencionás más arriba que querés hacerlo 
accesible, también te recomiendo evitar display: none para ocultar 
visualmente un elemento, porque también lo estás ocultando para los 
lectores de pantalla.


Además, salvo que vayas a cambiarla con javascript o algo así, no tenés 
necesidad de usar una clase para hacer lo que podrías hacer así:


h1 {height: 0; overflow: hidden; }

Espero que te sirvan los consejos,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] alineación vertical

2005-12-13 Por tema Camilo Kawerín

Hola Martín,

Martin Szyszlican wrote:

Camilo:
Al ponerle display:block lo convertís en un elemento de bloque y deja de 
funcionar el vertical-align




Claro, mi confusión y supongo que la de muchos, es tratar vertical-align 
como text-align. Mientras que ésta se aplica a elementos *de bloque* y 
determina la ubicación del *contenido* de estos, vertical-align se 
aplica a elementos *de línea* y determina la posición de éstos respecto 
al *bloque contenedor*.


Entonces, descartando vertical-align y un eventual marcado extra, vuelvo 
a plantear el problema:




En síntesis, cómo puedo alinear verticalmente el texto en:

lia href=#Opción/ali

li a {display: block; height: 3em; }



Hasta ahora uso padding, pero no me satisface del todo, tal vez alguien 
tiene una técnica sencilla que desconozco.


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] alineación vertical

2005-12-12 Por tema Camilo Kawerín

Hola a todos,

Quiero hacer algo tan sencillo como centrar el texto dentro de un 
elemento de bloque o, más exactamente, dentro de un enlace con display: 
block.


Tengo en claro que vertical-align no es aplicable a elementos de bloque, 
pero no entiendo porqué no funciona al aplicarlo a elementos de línea.


En síntesis, cómo puedo alinear verticalmente el texto en:

lia href=#Opción/ali

li a {display: block; height: 3em; }

Saludos,

Por cierto, el sábado encontré una manera de solucionar un problema que 
solía tener en IE al hacer una barra de navegación horizontal con los 
li flotados y sin una ancho fijo. Si alguien tenía este problema y no 
encontraba solución, se la envío.


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pagina documentacion CSS

2005-12-11 Por tema Camilo Kawerín

Hola,

cHiMeNo escribió:

Hola, muchas gracias por los enlaces. En el ultimo enlace:
http://javascriptkit.com/dhtmltutors/cssreference.shtml
Qué significa la última columna de  *Inherited? *Es que no entiendo que es.
Gracias


Quiere decir si la propiedad es heredada o no por los elementos hijos. 
Te lo muestro con un ejemplo.


div
pHola!/p
/div

div {font-size: 2em; color: white; background: red; }

En este caso, p heredará la las propiedades font-size y color pero no 
background.


Saludos,



--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema al validar un formulario y una pagina que tenga flash

2005-12-10 Por tema Camilo Kawerín

Hola,

Fabian Vargas escribió:


Ah mi otra pregunta es como validar una pagina a la que le coloco un flash
pues no he podido con sinceridad lei algo en un blog, pero tuve que
hacerle un par de modificaciones para que funcionara--- Algun lugar para
leer y aclarar esos puntos... Gracias



En los archivos de la lista.

http://bidwell.textdrive.com/pipermail/ovillo/2005-February/002692.html

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Position absoluta en IE

2005-12-08 Por tema Camilo Kawerín

Hola,

Martin Szyszlican escribió:

Mi problema es el siguiente:
Tengo un div#imagelist con tamaño definido y overflow:auto;
Y dentro de ese div, hay otro div, con posicion absoluta, que debe 
mostrarse fuera del div#imagelist ... esto ocurre perfectamente en 
Firefox, pero en IE se muestra en la posicion absoluta pero dentro del 
#imagelist, lo que genera scroll adicional y aprece oculto hasta que no 
se hace scroll.
Entiendo que va a ser dificil que se solucione esto. Pido mas que nada 
ideas para un workaround.




Supongo que el código que enviaste es una versión abreviada, pero ¿es 
realmente necesario el overflow: auto; ? Sin overflow no debería haber 
problemas en IE.


También podrías probar a meterle zoom: 1.0 a #imagelist y/o .selected. 
Esto suele hacer que los elementos se comporten mejor con algunas 
propiedades, y overflow es una de ellas.


No se me ocurren otras posibilidades, pero seguramente la solución es 
tan tonta que no vas a creer cuando la encuentres. Así nomás es el amigo IE.


Saludos,



--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pagina documentacion CSS

2005-12-08 Por tema Camilo Kawerín

Hola,

cHiMeNo escribió:

Puesto que las preguntas que estoy haciendo creo que son elementales, os
pediría por favor me dierais un link sobre documentacion de stile y css
porque muchas de las preguntas quizás son demasiado absurdas y no encuentro
ninguna página. Gracias


http://www.sidar.org/recur/desdi/traduc/es/css/cover.html
http://www.htmlhelp.com/es/reference/css/
http://www.sidar.org/recur/desdi/mcss/manual/indice.php
http://javascriptkit.com/dhtmltutors/cssreference.shtml

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambio cursor

2005-12-08 Por tema Camilo Kawerín



Josuke escribió:

style
body {
cursor: url(ruta_imagen.cur);
}
/style


¿No sería menos problema dejar el cursor del sistema operativo?

Personalmente creo que la costumbre de reemplazar los widgets propios 
del navegador y/o sistema operativo por otros que creemos más lindos o 
útiles (cursor, barra de scroll, etc.) debería ser desterrada de nuestro 
trabajo tanto como la maquetación con tablas o el abuso de flash.


Es un opinión, saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Sobre fondo de páginas

2005-12-06 Por tema Camilo Kawerín

Hola Fabián,

Fabian Vargas escribió:

Estimados amigos:

Gracias de manera especial a Leandro, Camilo  y Ramón por sacar el ratito y
ayudarme con mi duda.  Lo aplicaré Me han dado una solución muy sencilla
para mi caso.

De nada.

Ahora no se si es abusar, pero creo que Ramòn mencionò la posibilidad de
hacerlo dinàmico.  Mi server trabaja con php y realmente no sé como se
podría hacer... Alguna direccion para leer y aprender sobre el tema... 

Es un tema muy amplio y depende de la programación de la página.

Y por

último... En el background se puede colocar una imagen flash?



Vade retro, satanás. No, en absoluto, no se puede y no tendría utilidad. 
Salvo que quisieras enloquecer a tus visitantes.


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] un formulario que ge nere una página

2005-12-05 Por tema Camilo Kawerín

Hola,

Pablo Rodríguez escribió:

Hola a todos,

para una página que estoy haciendo tengo que desarrollar un formulario 
para buscar objetos según tres posibles variables, y que según los 
valores de esa búsqueda me genere una página con enlaces según los 
objetos encontrados.




Hiciste exactamente la misma consulta en la lista PHP-ES y ni releyendo 
logro entender qué querés hacer.


Tal vez deberías primero pensar en lo que querés hacer y luego plantear 
las dudas puntuales que te surjan en la lista apropiada.


Suerte y saludos,



--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar fondo de acu erdo a la página

2005-12-05 Por tema Camilo Kawerín

Hola,

Fabian Vargas escribió:

Hola Amigos:

Mi nombre es Fabiàn y soy nuevo en esto del CSS pero me ha impresionado.
Esta es mi pregunta:  Existe alguna forma de que mi sitio cambie la imagen
de fondo de acuerdo a la página en que se encuentre sin tener que escribir
una hoja de estilos para cada página?



Definitivamente no es necesario escribir una hoja de estilos para cada 
página. Si el fondo es para el elemento body, en la hoja de estilo 
tendrás que especificar el selector body con una clase distinta para imagen.


body.portada {background: ... }
body.seccion {background: ... }
body.articulo {background: ... }

Luego, mediante la tecnología de servidor que uses para generar la 
página o manualmente si son estáticas deberás agregar la clase 
correspondiente en el html.


body class=portada
body class=seccion
body class=articulo

Espero que te sirva,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemas con los divs y los png en IE

2005-12-03 Por tema Camilo Kawerín

Hola,

Manuel González Noriega escribió:

On 02/12/05, José Antonio [EMAIL PROTECTED] wrote:


También tengo problemas cuando intento que dos div's consecutivos uno
debajo de otro se me muestren unidos (para que no me cree un corte en
la imagen que tienen que componer). En firefox eso no me sucede, ya
que se me muestra como quiero que se muestre.



Tus divs y tus estilos pueden tener un millón de configuraciones
distintas. Como se ha dicho hace poco en la lista, este es el tipo de
consultas que intentar solucionarlas sin ver el código relevante entra
de lleno en el terreno de la adivinación.



Muy cierto lo que dice Manuel.

Aunque me animo a adivinar que lo que intentás hacer se parece mucho a 
utilizar la técnica de image slicing[1], reemplazando las 
tradicionales celdas de una tabla por divs.


Si es así, podrías probar a hacerlo con la técnica de Dave Shea[2].

Y si no, hacele caso a Manuel y seguro vamos a poder ayudar.

Saludos,


P.D. Buscando ejemplos me encontré con una bonita herramienta[3] que 
permite a los desarrolladores to protect html documents from 
unauthorized copying/viewing y otras ventajas tan útiles como prevent 
page printing o prohibit offline use.




[1] http://graphicdesign.about.com/library/tutorials/imageready/blslice.htm
[2] http://www.alistapart.com/articles/sprites/
[3] http://www.imagecure.com/html-protect-center.html


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] menu desplegable aparece por debajo de flash en firefox

2005-11-29 Por tema Camilo Kawerín

Hola Inti,

Inti Castro escribió:

tengo un menu desplegable basado en esa tecnica: Son of Suckerfish Dropdowns
@ http://www.htmldog.com/articles/suckerfish/dropdowns/

y por debajo del html del menu esto:
object type=application/x-shockwave-flash data=-swf/home.swf
width=760 height=351
param name=movie value=-swf/home.swf /
param name=wmode value=transparent /
/object


...


lo raro es que esto solo pasa en firefox. alguna idea de como solucionarlo?



Hace un tiempo tuve el mismo problema en http://eltaragui.com.ar/ y creo 
que lo solucioné, aunque ahora no hay ningún ejemplo donde pueda 
comprobarlo.


El código que usé entonces parece ser el mismo que tenés vos y estoy 
seguro de que en su momento funcionaba en Firefox.


Va una copia para que veas de todos modos

object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354 
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0;param 
name=movie value=publicidad/27_ban_taragui.swf

param name=quality value=high
param name=wmode value=transparent
!--[if !IE] --
object data=publicidad/27_ban_taragui.swf 
type=application/x-shockwave-flash

param name=quality value=high
param name=wmode value=transparent
param name=pluginurl value=http://www.macromedia.com/go/getflashplayer;
/object
!-- ![endif]--
/object/div

Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Error el listas

2005-11-24 Por tema Camilo Kawerín

Hola

Jose Antonio Riquelme escribió:



ul
li class=level1a href=inicio.asp title=pagina de 
inicioInicio/a 
ul  
li class=level2a href=productos.asp 
title=pagina de
prodructosProductos de la tierra/a/li
/ul
/li
/ul

Gracias por todo.


No tengo idea a qué se puede deber tu problema, pero veo que usas una 
clase para cada nivel y eso hace demasiado largo y complicado el código.


Para asignarle estilos a los distintos niveles, podés usar:

#menu ul li - primer nivel

#menu ul ul li  - segundo nivel

#menu ul ul ul li   - tercer nivel

Luego tendrás el código más limpio y podrás ver mejor dónde está el 
error de validación, si lo hay.


Un saludo

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: Manden URL, era Re: [Ovillo] ayuda para menu css..por dios

2005-11-24 Por tema Camilo Kawerín

Hola,

Hugo A. Valencia escribió:

Hola bynet,


En muchos de los correos que se envían a la lista
existen descripciones confusas para explicar
problemas.

Creo que una solución que evitaría pérdidas de
tiempo y posibles enojos o, simplemente falta de
interés en dar una respuesta, sería :
Mandar una URL o copiar y pegar el código donde
se encuentra el problema.

Creo que deberíamos incluso exigirlo antes de
responder a correos-e confusos.



En css-d es *obligatorio* enviar la url del sitio y de la hola de 
estilos y me parece lógico, teniendo en cuenta que se trata de una 
herramienta para presentación *visual* y no se puede trabajar sin *ver* 
el problema.


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente poste

2005-11-20 Por tema Camilo Kawerín

Hola stripTM!

stripTM escribió:



A lo mejor digo una tontería pero si usas javascript podrías cambiar el 
nodo de posición dentro del documento para que se coloque delante del 
texto y así poder usar el float: right; sin necesidad de cálculo de 
alturas.




No es ninguna tontería. Creo que no se me había ocurrido, o si se me 
pasó por la cabeza en el algún momento, no sabría cómo hacerlo. ¿Alguna 
pista?


Saludos y gracias

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente poste

2005-11-19 Por tema Camilo Kawerín



Alberto Vázquez Ronco escribió:

Hola de nuevo.

Muchas veces el tratar de resolver un problema te lleva a dar con 
soluciones ingeniosas pero tecnológicamente complejas. Pero en realidad, 
si se hace un replanteamiento de la idea seguro que el problema casi 
desaparece.


Claro. Yo estoy buscando una solución de máxima. Por el momento tengo 
que conformarme ubicando la caja #fotos antes que el texto, lo que 
semánticamente no me convence.




Hoy tengo el día inspirado y estoy más por la labor de las cosas un poco 
más complejas así que he desarrollado otro código para el caso de que lo 
quieras hacer utilizando además javascript.


Pues te agradezco mucho la inspiración :)



Ventajas: 1. desaparece el problema de la altura de la capa que contiene 
la foto. 2. Si deshabilitas los CSS todo está perfecto.
Desventajas: 1. Si deshabilitas el javascript hay problemas con las 
fotos que sean de dimensiones más grandes de la que consideres 
inicialmente por defecto. 2. La compatibilidad con todos los navegadores 
habría que trabajarla.




La desventaja 1. yo creo que se solucionaría asignando la propiedad 
position mediante javascript. Si lo deshabilito, la caja de fotos 
aparece por debajo del texto.


De todos modos, la principal complicación es que no tengo sólo imágenes 
en la caja sino también texto y eventualmente algunos enlaces.


Prueba el código y quédate con la idea, ya que esto esta pensado para 
este código en particular sin ver en que entorno pueda aparecer. Sobre 
todo en un entorno donde aparezcan más imágenes.




Creo que ya tengo datos suficientes como para poner manos a la obra y 
hacer todas las pruebas necesarias. Luego comento qué resultados obtuve.


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente poste

2005-11-18 Por tema Camilo Kawerín

Hola Alberto,

Alberto Vázquez Ronco escribió:

Hola Camilo y a [EMAIL PROTECTED]:

He preparado un código que a lo mejor te puede ayudar. Va un poco en la 
línea de lo que tu comentabas de poner un tag inútil delante del texto 
y utilizar posicionamiento absoluto. Si te fijas también he añadido un 
id #global para que funcione correctamente el posicionamiento absoluto 
con diferentes anchos de pantalla.





Muchas gracias por la respuesta y la dedicación. Es más o menos la 
solución que tenía en mente, aunque cierto que un SPAN vacío es más 
elegante un DIV vacío.


De todos modos, el problema es que no puedo prever con certeza la altura 
de la caja #fotos, salvo que haga algunos cambios a la idea original del 
diseño.


Pensé usar javascript para asignar la altura al elemento vacío (incluso 
para agregar éste), pero tendría que hacerlo también para el 
posicionamiento de la caja. Y no estoy seguro de que funcione, porque 
creo que, si la propiedad height no está definida en la hoja de estilo, 
al acceder a ella mediante javascript devuelve undefined.


Sigo investigando, gracias por la colaboración.

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente posterior

2005-11-17 Por tema Camilo Kawerín

Hola Marco y todos,

Marco Giacomuzzi escribió:

Camilo Kawerín:

Explico mi problema: quiero lograr una disposición como la que se puede
ver en: http://corrienteschamame.com/texto.jpg

Marco Giacomuzzi:
¿Y por qué no asignas float: left al marcador P?




Gracias por la respuesta, Marco, pero no funciona. Lo que pasa es que al 
no tener el elemento p un ancho determinado, se ajusta al ancho del 
contenedor y no deja que la caja #fotos con float: right aparezca arriba.


Si nadie tiene una pista de posible solución, creo que voy a optar por 
darle posicionamiento absolute y agregar un div/div antes del texto 
flotado a la derecha con las medidas apropiadas para que genere el espacio.


Saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] caja flotada a la derecha de un texto, pero estructuralmente posterior

2005-11-15 Por tema Camilo Kawerín

Hola a todos,

Disculpen que hace rato que no respondo y reaparezco con una consulta, 
pero ando tapado de trabajo.


Explico mi problema: quiero lograr una disposición como la que se puede 
ver en: http://corrienteschamame.com/texto.jpg


Pero, con este marcado:

div id=contenido

pLorem ipsum dolor sit amet, consectetuer adipiscing elit.../p

div id=fotos

/div

/div

Es decir, se complica porque no puedo usar float: right, ya que está 
después del texto, ni position: absolute porque entonces la caja 
quedaría sobre el texto.


Se me ocurren algunas soluciones a medias y poco elegantes, pero 
sospecho que debe haber alguna manera de resolverlo correctamente.


Espero que me puedan ayudar,

saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] [OT] y si iniciamos una campaña para que mejore nic.ar?

2005-10-26 Por tema Camilo Kawerín

Hola a todos,

Disculpen el off topic, pero en la lista participan muchos argentinos y 
es un foro importante de desarrolladores.


Todos los que trabajamos en desarrollo de sitios web en Argentina hemos 
sufrido algún tipo de inconveniente con el desastroso sistema de 
registro del network information center argentina (nic.ar).


Así que propongo iniciar una campaña para reclamar que lo mejoren.

Saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] explorer ignora z-index

2005-10-22 Por tema Camilo Kawerín

Hola,

DJ-Dom escribió:

Creo que cuando lo pones en la etiqueta style funciona, prueba y nos
cuenta.
 Saludo,
DJ-Dom




Gracias por el dato, pero lo estoy haciendo sólo con CSS para
navegadores modernos y un pequeño parche javascript para los obsoletos
que no soportan li:hover. En el mail anterior iba a enviar el enlace al
artículo pero se me pasó: http://www.alistapart.com/articles/dropdowns/



Gracias por responder, pero prefiero dejar el código limpio. Supongo que 
se puede resolver haciendo los cambios necesarios en la hoja de estilo 
externa, pero no estoy encontrándole la vuelta y consulto si alguien 
tiene una pista sobre dónde está la falla de IE en estos casos.


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


Re: [Ovillo] explorer ignora z-index

2005-10-21 Por tema Camilo Kawerín

Hola,

maira escribió:

Es necesario que sea desplegable?
a mi no me convencia mucho lo desplegable y como mi sitio es dinamico, 
hicimos que las opciones se expandan sólo en
el item principal que haces click y desaparezca cuando haces click en 
otro principal que se expande.




Gracias por la respuesta, pero el tema es que el menú ya está planteado 
así y el sitio terminado, salvo por el error en el estúpido IE.


Una de las página donde tengo problemas es: 
http://anestesiacorrientes.org/?contacto=1


Al desplegarse el submenú de Asociación en explorer aparece detrás de 
las cajas siguientes.


La CSS simplificada del menú es:

#navegacion li {
position: relative;
float: left;
width: 8em;
z-index: 3;
}
#navegacion li ul {
display: none;
position: absolute;
top: 22px;
left: 0;
z-index: 4;
width: 10em;
list-style: none;
}
#navegacion li ul li {
width: 10em;
}
#navegacion li:hover ul, #navegacion li.over ul {
display: block;
z-index: 4;
}

Y de los divs inferiores:

#contacto {
position: relative;
z-index: 0;
float: left;
width: 38em;
}
#datos {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 17em;
}

Gracias desde ya y saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] explorer ignora z-index

2005-10-21 Por tema Camilo Kawerín

Hola,

Juan Garcés Bustamante escribió:

Hay dos formas de lograr el truco, hacer desaparecer los selects que
están en el área de despliegue del menú o poner un iframe detrás de tu
menú para que cubra el select.



En realidad, no se trata de selects sino de un menú con listas anidadas.


Ahora bien, me encontré un menú que los hace desaparecer, pero si tienes
demasiados en la página se torna un poco lento, se llama: jscookmenu,
www.cs.ucla.edu/~heng/JSCookMenu/, posee temas y otras cosas bastante
útiles. Y es Open Source :-)


Gracias por el dato, pero lo estoy haciendo sólo con CSS para 
navegadores modernos y un pequeño parche javascript para los obsoletos 
que no soportan li:hover. En el mail anterior iba a enviar el enlace al 
artículo pero se me pasó: http://www.alistapart.com/articles/dropdowns/


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] explorer ignora z-index

2005-10-20 Por tema Camilo Kawerín

Hola a todos,

Como siempre, tengo un problemita con el amigo Internet Explorer.

Hice un dropdown menú basado en el suckerfish[1] y funciona todo 
perfecto, pero no logro que el menú desplegado aparezca por encima de 
dos divs con posicionamiento absoluto y relativo.


Usé z-index desde 0 (para los que deben aparecer abajo de todo) hasta 4 
(para el menú desplegado) pero no hay caso.


¿Alguien tiene alguna pista sobre cómo se soluciona el problema? Si hace 
falta, después envío la url y parte del código, porque ahora ya cerré 
todo y estoy demasiado cansado.


Saludos y gracias





--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Columnas de altos iguales- con un pero

2005-10-11 Por tema Camilo Kawerín

Hola kemie,

kemie guaida escribió:

Hola ovilleros,
Estoy en un dilema. Necesito hacer la maquetacion de un sitio con 3 
columnas que tengan el mismo alto. Hasta aquí no habria ningún problema, 
podría utilizar faux columns, height 100% o incluso javascript.


Pero el esquema de la maquetacion es este:
http://pixilate.com/dreamless/layout.gif
por lo que col 2 y col 3  no deben de estar al 100% ni ser del mismo 
alto que col1. La opcion que me quedaría es utilizar faux columns, pero 
mi idea era maquetar con medidas relativas para que los contenedores se 
expandan con el tamaño del texto.

Alguien sabe de alguna tecnica para poder hacerlo?



Hice algo parecido en http://textilmandiyu.com/ aunque usando al menos 
un div extra.


En tu caso, se podría hacer usando un par de div más de lo mínimamente 
necesario para maquetar el sitio, lo cual últimamente no me parece el 
pecado.


Te explico mi idea:

div id=cont1
div id=header
/div
div id=cont2
div id=col1
/div
div id=intro
/div
div id=cont3
div id=col2
/div
div id=col3
/div
/div
/div
/div

Y en la CSS, aparte de las propiedades para maquetar el conjunto, cada 
#containerN con una imagen repetida para simular el fondo de cada columna:


#cont1 {background: url(imagen_col1) 0 0 repeat-y; }
#cont2 {background: url(imagen_col2) 15em 0 repeat-y; }
#cont3 {background: url(imagen_col3) 45em 0 repeat-t; }

Nota 1: 15em y 45em son ejemplos de medidas relativas de la ubicación de 
cada columna respecto al margen izquierdo.


Nota 2: las imagenes deberían ser más anchas que cada columna que 
representa para cuando el layout se agranda.


En síntesis, la idea es que los fondos se desplacen hacia la derecha 
según el ancho cada columna, se superpongan y se repitan de arriba a abajo.



Nota 3: se me acaba de ocurrir que si desearas agregarle un borde a cada 
columna para simular cajas, el borde derecho de col1 debería estar en 
la imagen de col2 y el desplazamiento del background debería ser menor. 
Pero esto implicaría agregar un nuevo div con una cuarta imagen, para 
hacer el borde derecho de col3.


En fin, espero que se entienda explicado así en el aire. Si la idea 
resulta interesante, ya tengo un nuevo artículo en carpeta para mi 
futuro blog, jeje.


Saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] sobre validacion

2005-10-09 Por tema Camilo Kawerín



Manuel J. Recena Soto escribió:

Hola Camilo:



Claro que esto sirve más para ir controlando paso a paso que el  
código valide, porque después de tener el trabajo más o menos listo  
hay que hacer una revisión en el validador del w3c para chequear  
algunos errores que Tidy se pasa por alto.



¿Qué tipo de errores se pasa por alto? Tenía entendido que W3C HTML  
Validator hacía uso de la misma librería, Tidy.





Cuando ponés elementos de formulario, como inputs, sin un elemento de 
bloque que los contenga (a excepción del form, claro) el validador del 
w3c te marca error (o tal vez warning) mientras que el validador de 
firefox basado en Tidy, no. Es un ejemplo, no me acuerdo de algún otro.


Saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] sobre validacion

2005-10-07 Por tema Camilo Kawerín

Hola,

Pablo escribió:

Si utilizas firefox como navegador, puedes instalarte una extensión llamada
web Developer que entre otras muchas opciones tiene las de validación web,
tanto para archivos online, como para archivos locales.

Firefox: Herramientas --Extensiones --Obtener más extensiones 
Y una vez abierta la web de adonis de mozilla, buscas web Developer, y te
aparecerá. 



También podés instalarte la extensión de Firefox basada en Tidy, que te 
muestra un bonito ícono verde en una esquina del navegador cuando la 
página valida.


Claro que esto sirve más para ir controlando paso a paso que el código 
valide, porque después de tener el trabajo más o menos listo hay que 
hacer una revisión en el validador del w3c para chequear algunos errores 
que Tidy se pasa por alto.


Espero que te sirva,

saludos



--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿Texto en medidas relativas o absolutas?

2005-09-30 Por tema Camilo Kawerín

Hola Pablo y todos,

Pablo Impallari escribió:

Yo prefiero los tamaños fijos en pixeles para los textos.

Mi experiencia es que la mayoria de los clientes/usuarios que no son 
expertos, tienen sus navegadores seteados con tamaños de textos mayor o 
menor, sin saber siquiera que esa funcion existe o que pueden cambiarla 
a gusto.


Supongo yo, tal ves equibocadamente (o tal ves no) que alguna ves hayan 
experimentado con esa funcion en alguna web que tenia tamaños fijos, y 
al no notar cambios lo dejaron seteado en cualquier tamaño y luego se 
hayan olvidado... entonces al encontrar una web con tamaños relativos 
creen que lo que esta mal es al web y no su navegador.


El usuario experimentado no tiene problemas en aumentar el tamaño si lo 
desea, y las personas cortas de vista (o por lo menos las 3 que yo 
conozco) usan programas que funcionan como un zoom de la pantalla, dado 
que no solo ven chicas las letras de las webs, sino la de cualquier otro 
programa que utilizan en su maquina.


Obviamente esto no es lo politicamente correcto... pero creo que en la 
practica se da de esa manera, y si bien esta en nuestras manos como 
diseñadores hacer que esta realidad cambie, la verdad es que las veces 
que use tamaños de textos relativos tube quejas de los clientes.. asique 
ahora utilizo tamaños fijos, siempre.




Entiendo tu postura y yo también tuve problemas en ese sentido, pero me 
parece que por ese camino vamos derecho a una web aún peor que la que 
intentamos superar los que decidimos trabajar siguiendo estándares. Digo 
esto porque personalmente creo que usar px en la hoja de estilos para el 
texto es peor que la etiqueta font, en la que los valores del atributo 
size son relativos.


Por ejemplo, un portal de noticias[1] donde trabajé como periodista 
tiene un código desastroso, pero el uso de font en los textos permite 
cambiar el tamaño del texto desde el navegador. Y durante el tiempo que 
tuve relación con el sitio, nunca hubo quejas de usuarios porque el 
texto fuera muy chico o muy grande.


Es cierto que existe un problema por la falta de conocimiento de los 
usuarios de las posibilidades que ofrece su navegador, pero me parece 
que acentuar ese desconocimiento es el peor camino.


Saludos

[1] http://www.momarandu.com/




--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] altura 100%

2005-09-30 Por tema Camilo Kawerín

Hola Adriana,

Adriana Pertierra escribió:

Una pregunta
¿por qué?
Cuando tengo mas de una y de dos y de tres e incluso de cuatro capas con
float:left dentro de la misma capa no consigo que sus alturas sean 100% y
van cada una por libre.



No entiendo exactamente cuál es el escenario que describís, pero tené en 
cuenta que las medidas en porcentaje para las propiedades width o height 
refieren a la caja contenedora. Si ésta no tiene especificadas tales 
propiedades, no hay referencia posible y todo se complica.


En fin... tal vez la especificación te ayude más:

http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#the-height-property

Saludos,




--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] duda de posiciones absolutas

2005-09-29 Por tema Camilo Kawerín

Hola,

Si podés fijar la altura de los elementos, me parece que el 
posicionamiento absoluto puede ser incluso más práctico que usar float.


Saludos

Versura escribió:
Camilo, lo que indicas abajo sobre posicionamiento absoluto ¿sería la 
única objeción? ¿qué otros inconvenientes existen para el 
posicionamiento absoluto en el caso de que se tenga control total sobre 
los contenidos y su extensión?

gracias por anticipado.


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com

Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la 
conversació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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Re: Propuesta: traducción bugs

2005-09-27 Por tema Camilo Kawerín

Hola a todos,

Yo creo que es más ordenado que cada uno reserve su bug preferido en el 
mismo wiki, porque aquí en la lista los mensajes se mezclan con otros 
tópicos.


Saludos y felicitaciones por la iniciativa

DEL AMO MATEOS, DAVID escribió:

Yo voy a traducir el de border Chaos.

Un saludo,
David del Amo Mateos





--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema Camilo Kawerín

Hola,

[EMAIL PROTECTED] escribió:
Te faltaria un text-align:center en la etiqueta body, y un 
text-align:left; en


Los text-align son necesarios para centrar el contenedor en IE 5, pero 
en IE 6 lo correcto es margin: auto; Si no funciona es porque te falta 
el DOCTYPE completo y la página no está en estándard mode. Te conviene 
completarlo, porque aunque logres centrar el contenedor con text-align, 
vas a tener problemas con el modelo de cajas.


Espero que te sirva,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] button + img + rollover

2005-09-24 Por tema Camilo Kawerín

Hola a todos,

Estoy intentando hacer un rollover en una imagen que se encuentra dentro 
de un button. Explorer no tiene problemas con los eventos onmouseover y 
onmouseout,  pero para Firefox es como si no existieran. ¿Existe alguna 
solución para este problema? ¿Alguien tiene alguna pista?


Gracias desde ya y saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] button + img + rollover

2005-09-24 Por tema Camilo Kawerín

Hola kemie,

kemie guaida escribió:
Yo lo he hecho con CSS, usando el atributo :hover, y añadiendo a Ie 
soporte para este atricuto atraves de un behavior (.htc)

Se me hace mas limpio y sencillo.



Es verdad, es más limpio. Pero al colocar la imagen en un img la puedo 
redimensionar poniendo sus medidas en em, algo que en algún momento 
evalué como una ventaja interesante.


Sin embargo, button da muchos problemas y me parece que sería hora de 
buscar mejores maneras de hacer un botón de submit bien presentando.


Gracias y saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Como insertar un fla sh siguiendo los estándares lo mejor posibl e

2005-09-16 Por tema Camilo Kawerín

Hola Igor,

Igor Ormaetxebarria escribió:

Hola lista,
un amigo me ha pedido que le meta en un html su CV hecho en flash, y 
quiero hacerlo lo más estandar y accesible posible (dentro de las 
limitaciones del flash, claro).


¿Poner un CV en flash? ... nunca vas a lograr que sea accesible. 
Ahora, para insertarlo y que la página valide, buscá flash en los 
archivos de la lista y vas a encontrar varios hilos donde se habló del tema.


Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] onload... focus

2005-09-15 Por tema Camilo Kawerín

Hola Maira,

maira escribió:



body onload=document.getElementById('username').focus();

  


Otra forma es poner en un archivo javascript:

window.onload = function {
document.getElementById('username').focus();
}

Hace lo mismo, pero te deja el código más limpio.

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] [OT] reproductor de mp3 en flash

2005-09-15 Por tema Camilo Kawerín

Hola a todos,

Tengo que inscrustar un reproductor de mp3 y antes que hacerlo con un 
Media Player prefiero un reproductor flash. Encontré reproductores de 
video flv pero no de mp3, por lo que recurro a la lista. Tendría que ser 
de código abierto, para poder modificar la apariencia.


Gracias desde ya,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] hojas de estilo para impresión, ufff!

2005-09-11 Por tema Camilo Kawerín

Hola Inma

Gracias, por ahora voy a probar con tus recomendaciones y voy a leer el 
artículo de Diego. Si encuentro algún problema en particular vuelvo a 
recurrir a la lista,


saludos



Inma Bermejo escribió:
Supongo que tendrás que maquetarla exactamente igual que la tienes, pero 
especificando los tamaños en pt para las fuentes y en cm o % para las div, 
no sé, yo normalmente para impresión maqueto así, (eso sí, ocultando cosas 
como el menú y todo eso).




--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] hojas de estilo para impresión, ufff!

2005-09-10 Por tema Camilo Kawerín

Hola a todos,

Tengo un problema al que no le encuentro la vuelta para solucionarlo. Al 
intentar imprimir esta página: www.regionnortegrande.com.ar las columnas 
se me van para abajo y la portada se desarma.


Si fuera por mí, la impresión no debería ser igual a como se ve la 
página en pantalla, pero el dueño de la página necesita imprimirla tal 
cual.


En fin, ¿alguien podría darme una mano? Desde ya gracias,

saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] estructura semantica ideal de un articulo de diario online

2005-09-04 Por tema Camilo Kawerín

Hola Inti,

Inti Castro escribió:
disculpen que no me ponga a responder con detalle pero ando con muchismo 
trabajo y no tengo mucho tiempo.


Yo tampoco tengo mucho tiempo y aunque el tema es interesante y da para 
mucho, respondo acotadamente también.




en cuanto a tema volanta/antetítulo el meollo del asunto es que en mi caso 
en particular no tengo que adaptar una noticias a formato web sino mas bien 
con el formato web reproducir lo mas fielmente posible la estructura del 
papel. el cliente fue muy especifico al respecto y lamentablemente son mis 
limitaciones en este proyecto en particular. por eso la idea de que si saco 
la hoja de estilos visual (o aural) la volanta aparezca por debajo del 
titulo es algo que tengo que evitar, al menos en este caso. 


En este caso se me ocurre que, en principio, deberías hacerle entender 
al cliente que la web es *otra cosa* y por lo tanto no se la puede 
tratar como al papel. Hace unos días me pasó algo parecido, le expliqué 
eso mismo a mi cliente y entendió. Y con decir otra cosa no tenemos que 
quedarnos en no, no se puede hacer como en el papel sino al revés, 
porque la web brinda muchísimas posibilidades que el papel no (y no me 
estoy refiriendo a meter todas las fotos de un artículo en una película 
flash :S como me preguntaron hace poco).


Como decía antes, la volanta no se lee antes del título (o al menos no 
debería ser necesario si el titulado está bien escrito) por lo que no me 
cierra que deba estar antes, aún con la hoja de estilos desactiva. De 
todos modos, se trata de que tu cliente elija entre tener un documento 
semánticamente bien formado o un documendo parecido a los que hacíamos 
tiempo atrás, pero sin tablas.


igualmente
aclaro que la volanta no debe aparecer en italica y que la bajada tampoco en 
negrita. por lo que em y strong no los uso para lograr italicas y 
negritas sino para dar mas enfasis a ps que sino serian uno mas del 
montón. con los recursos limitados que tengo es lo que puedo hacer.


Más allá de lo que decía Manuel, que strong es como si estuvieras 
gritando, me parece innecesario que quieras dar énfasis a los p porque 
la redacción del texto que contengan hará que no pasen más como unos más 
del montón.




el uso del br / en una firma como la que necesito yo es comparable a la 
poesia. de la misma manera que uno no puede poner versos uno al lado del 
otro tampoco puede poner:



Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 
2004





sino que es mejor:



Fulanito de tal
Vice-presidente de Empresa Falsa
Lunes 15 de febrero de 2004





Yo lo haría:

pspan class=nombreFulanito de tal/span, span 
class=cargoVice-presidente de Empresa Falsa,/span span 
class=fechaLunes 15 de febrero de 2004/span/p


span {display: block; }

Con la propuesta de Ramón ahorrábamos código, pero a mí me gusta creer 
que el atributo class dice bastante más que el estilo que queremos 
darle al texto y es información semántica.


Y ahora vuelvo al trabajo,

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] estructura semantica ideal de un articulo de diario online

2005-09-02 Por tema Camilo Kawerín

Hola Inti,

Inti Castro escribió:


puede mejorarse, segundo intento:
pemVolanta o antetítulo/em/p
h1Titulo principal/h1
pstrongBajada/strong/p
pCopete, lead o entrada/p
pCuerpo del articulo/p
h2Títulos interiores o subtitulos/h2

la volanta en si no es un titulo (no subordina contenidos), tampoco es un 
parrafo por lo que ni hN ni p son realmente elementos correctos. 
subordinarla al h1 estaria bien si uno cuenta con el posicionamiento de 
css y puede colocarla visualmente antes que el titulo pero screenreaders, 
celulares y browsers sin soporte para css TIENEN que renderizarla antes que 
el titulo sino dejaria de cumplir su objetivo. por eso, ante la carencia de 
mejores alternativas la marco con un p y le doy un póco de énfasis (em) 
para que no pase como un párrafo mas.


Creo que la complicación se debe a que estás convencido de la volanta 
debe ir antes que el título. En realidad, en un artículo periodístico 
bien escrito, para entender la noticia, la volanta debe ser 
prescindible. Además, la lectura no comienza por allí sino por el 
título; justamente para eso lo ponemos en una tipografía más grande que 
el resto del texto de la página.
La volanta es una herencia del periodismo gráfico, que por mi parte 
creo que puede obviar en periodismo digital. No puedo explicar en 
profundidad porqué, porque necesito tiempo para estudiarlo mejor, pero 
hay que tener en cuenta que el diario de papel y el diario digital se 
leen distinto.
En síntesis, si ponés volanta, debe ir con p a continuación del hn 
correspondiente. También deberías obviar el em porque no es necesario 
enfatizar el texto.





la bajada no es un párrafo común sino que es un resumen de todo el cuerpo 
del articulo. tampoco subordina contenidos asi que descarto los hN. 
nuevamente me quedo sin opciones y uso p. en este caso agrego strong 
para enfatizar. despues de todo uno podria leer solo la bajada y saltearse 
el resto del articulo. este parrafo tiene que tener importancia.


La bajada es un párrafo, no hay vuelta que darle. En cuanto al contenido 
de la bajada, según el estilo de redacción puede ser un resumen, como en 
el periodismo gráfico, o directamente la cabeza de la noticia. También 
porque la lectura es diferente, creo que la tendencia en medios 
digitales es la segunda.
Por otra parte, tampoco necesitás strong, porque la bajada se destaca 
sola, por ser el primer párrafo del texto o estar en la portada. Más 
bien, depende de la redacción que sea efectiva en invitar al lector a 
seguir leyendo.




el copete no es mas que el primer párrafo del cuerpo al que se le pueden dar 
estilos visuales pero semanticamente es igual al resto del cuerpo.


No he visto muchos medios digitales que diferencien copete de 
bajada, por lo que se suele llamar de las dos maneras a lo que más 
arriba llamábamos bajada.




tomando la estructura anterior podemos, ahora si, agregarle bloques lógicos 
y clases:

div class=articulo
 p class=volantaemVolanta o antetítulo/em/p
h1Titulo principal/h1
p class=bajadastrongBajada/strong/p
 p class=copeteCopete, lead o entrada/p
 pCuerpo del articulo/p
h2Títulos interiores o subtitulos/h2
 /div

a esta misma estructura se le puede agregar la informacion de la seccion a 
la que pertenece, el autor, la fecha, etc.:

h1sección/h1
div class=articulo
 p class=volantaemVolanta o antetítulo/em/p
h2Titulo principal/h2
p class=bajadastrongBajada/strong/p
 p class=copeteCopete, lead o entrada/p
 pCuerpo del articulo/p
h3Títulos interiores o subtitulos/h3
p class=firmaAutorbr /Fecha/p
 /div



Una última acontación: creo que te conviene usar h1 para el nombre del 
sito y no para el título de la noticia. Y el nombre de la sección, si la 
página es del artículo, subordinado al título, con p class=seccion/p.


Parece que esto va a seguir, y está interesante.

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] estructura semantica ideal de un articulo de diario online

2005-09-01 Por tema Camilo Kawerín

Hola Inti y todos,

Inti Castro escribió:
tengo que armar la plantilla de una articulo para una revista online y me 
puse a ver como marcaban semanticamente diarios como

lanacion.com.arhttp://lanacion.com.ar,
clarin.com http://clarin.com e infobae.com http://infobae.com pero 
ninguno de los tres sitios tiene algun tipo de marcado semantico que me 
parezca correcto. en todos los casos con la hoja de estilos desactivada el 
texto se mezcla todo y deja de entenderse facilmente que es titulo y que 
parrafo.




La estructuro que uso casi siempre es:

Página de la nota:

div id=nota
h2Título/h2
p class=bajadaLorem ipsum dolor sit amet/p
p class=seccionAgro/p
p class=fecha31 de diciembre/p
pLorem ipsum dolor sit amet... /p
pLorem ipsum dolor sit amet... /p
pLorem ipsum dolor sit amet... /p
/div

Lista de notas:

h2Sección/h2

div class=nota
h3Título/h3
p class=bajadaLorem ipsum dolor sit amet/p
p class=seccionAgro/p
p class=fecha31 de diciembre/p
/div

También suelo usar una lista de definición para sección, fecha, autor.

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] RollOver con una sola imagen

2005-08-25 Por tema Camilo Kawerín

Hola Edu,

Alejandro Lillo escribió:

Básicamente, la idea es, por ejemplo: tenemos un menú con botones de
160x25 píxeles. Creamos nuestra imagen de 160x50 px y los dos estados
del botón en ella. Al crear los  vínculos del menú, los definimos como
bloques, con el tamaño adecuado, y controlamos la imagen a mostrar con
el background. Algo así como:



Aunque en los links que te pasaron vas a encontrar buen material, agrego 
a la explicación de Alejandro la solución al bug de explorer:


a {
display: block;
width: 160px;
height: 25px;
background: url('imagen.gif') 0 0 no-repeat;
}

li {
background: url('imagen.gif') 0 -25px no-repeat;
}

a:hover {
background: none;
}

Suponiendo, claro, que tu menú está basado en una lista. Creo que se 
entiende sin mucha explicación: cuando pasás el mouse desaparece el 
fondo del a y se ve el que ponés en li.


Espero que te sirva,

saludos


--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] tabla dentro de un form

2005-08-25 Por tema Camilo Kawerín

Hola Ángel,

Angel Cervera Claudio escribió:

Hola a todos.
Muestro una tabla de resultados y necesito que en una de las columnas se 
pueda meter una cantidad.

Después hay un botón para hacer el submit.



Yo lo haría así:

form action=/actualizar method=post
legendResultado/legend
input type=hidden name=idP value=323/
 	labelNuevo valor Elenmto1input name=elem_1 value= 
class=cantidad maxlength=5//label
 	labelNuevo valor Elenmto2input name=elem_2 value= 
class=cantidad maxlength=5//label
 	labelNuevo valor Elenmto3input name=elem_3 value= 
class=cantidad maxlength=5//label

pa href=#Siguiente pagina/a/p
input  type=submit/
/form

No sé si me olvido de algo, pero creo que es mucho menos código que el 
que estabas usando, además que creo que más semántico.


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Por qué no crear una lista de opinión para discutir y valorar los diseños webs

2005-08-24 Por tema Camilo Kawerín

Hola a todos,

Manolo Castillo Sánchez escribió:
Pues creo que en el asunto lo dejo todo bien claro. Ante la avalancha de 
peticiones por parte de esta nuestro lista, de pedir consejo sobre los 
diseños  que vamos generando a golpe de teclado, creo que podríamos 
montar una lista.




Estaría bueno crear una serie de listas paralelas para tratar temas que 
muchas veces son off-topic en esta lista, por ejemplo:


[EMAIL PROTECTED]   para hilos como Reuniones de Ovillo

[EMAIL PROTECTED]	para hilos como presupuestar armado de 
xhtml+css


[EMAIL PROTECTED]	para pedidos de opiniones y/o pruebas en 			 
distintos navegadores y sistemas


Es sólo una idea ;)

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] RE: CSS en flash

2005-08-24 Por tema Camilo Kawerín



Enrique Ortiz Castro escribió:

Hola Camilo y Raúl,

Muchas gracias por sus comentarios y los enlaces para averiguar sobre ello.
Cuando pregunté sobre CSS en Flash, era justamente porque encontré textos
como el que indica Raúl sobre el uso de CSS y AS2, pero se me hizo leer en
chino. Le estoy dedicando el tiempo para aprender más porque considero
también que en el futuro, posiblemente, sea el paradigma xml+css+flash.



Si entendí bien lo que indicaba Raúl, existe la posibilidad de importar 
una hoja de estilos en una película flash para facilitar la modificación 
del formato del texto.


Ahora, según la expecificacón, xml no reemplaza a (x)html. En todo caso, 
si no me equivoco, con xsl podemos transformar un documento xml en 
(x)html y darle presentación.


Por último, me parece que reemplazar javascript por flash sería un 
retroceso.


Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS en flash

2005-08-23 Por tema Camilo Kawerín

Hola Enrique,

Enrique Ortiz Castro escribió:

Hola a todos, soy nuevo en la lista, trabajo como diseñador y estoy
aprendiendo a programar, me interesa mucho conocer el uso de CSS en FLASH,
qué tan recomendable es, y también estoy aquí porque quiero aprender sobre
el XML que no lo entiendo muy bien (disculpen la ignorancia), por favor si
me pueden orientar sobre ello se los agradecería mucho.



Un par de aclaraciones:
- CSS no tiene ninguna aplicación en flash, así como el dulce de leche 
no tiene ninguna aplicación en el asado;
- CSS es una tecnología creada para agregar presentación a (X)HTML; 
sería lo que el dulce de leche es al alfajor;


Esta lista te va a servir mucho para aprender sobre el tema, pero antes 
deberías buscar algún material que te aclare mejor el panorama. Basta 
con buscar CSS en google para encontrarlo, empezando por la especificación:


http://www.sidar.org/recur/desdi/traduc/es/css/cover.html

Sobre XML hay una lista creada hace poco: 
http://torresburriel.com/mailman/listinfo/xmlxsl_torresburriel.com


Espero que te sirva,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] OFFTOPIC: presupuestar armado de xhtml+css

2005-08-21 Por tema Camilo Kawerín

Hola Inti y todos,

Inti Castro escribió:
estaria interesante que quienes trabajen en maquetación con xhtml+css 
indiquen que cifras manejan mas o menos en el mercado argentino, asi vemos 
si hay un piso en común o si en realidad todos terminamos cobrando en base a 
quien sea el cliente.




Pensando justamente en ese tipo de problemas, el año pasado se formó una 
lista de correo que después no tuvo futuro: [EMAIL PROTECTED]


Ahora no sé si ya no la cerraron, pero la idea era poder discutir desde 
las tarifas a cómo difundir en el país la importancia del desarrollo 
basado en estándares, especialmente entre los interesados.


Si se prenden, podemos armar algo, un wiki o una lista de correo. Aunque 
lamentablemente hasta ahora no vi prosperar ningún intento de los 
realizado hasta ahora. Será que estamos todos muy enfrascados en 
nuestras ocupaciones.


A ver si esta vez sale algo.

Saludos,

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] OFFTOPIC: presupuestar armado de xhtml+css

2005-08-21 Por tema Camilo Kawerín

Hola de nuevo y disculpen,

La dirección que debía enviar es:   http://ar.groups.yahoo.com/group/wsg-ar/

Ah, y sigue abierta.

Entre los miembros aparece un tal [EMAIL PROTECTED], me suena 
conocida esa dirección :D


Saludos

Camilo Kawerín escribió:
Pensando justamente en ese tipo de problemas, el año pasado se formó una 
lista de correo que después no tuvo futuro: [EMAIL PROTECTED]




--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Menú expandible... no desplegable...

2005-08-18 Por tema Camilo Kawerín

Hola Maira,

maira escribió:

Hola a todos.

Les cuento, hace un par de meses (cuando tenía menos idea que ahora lo 
que era el xhtml y los css) hice un menú desplegable.

El mismo está en: http://www.vykus.com.ar/menus/lateral/lateral.html
Después de mucha lectura no quiero utilizar un desplegable en el sitio 
que estoy desarrollando, quería ver si alguien me puede decir como 
transformar este menú con php de forma que quede como la imagen que está 
en la misma página de antes, por debajo del desplegable.


El menú desplegable que estás usando es puro CSS, por lo que no le veo 
mayores inconvenientes.


Lo que quiero exactamente es que al hacer click sobre un item del menú, 
la página carque nuevamente, y se expandan por debajo del item en 
cuestion sus subitems... quedando marcado de forma diferente el item 
principal y el subitem  seleccionado. El problema sería como hacer que 
los items que están por debajo de los subitems que aparecen, se corran 
hacia abajo a la nueva posición que les corresponde.




Si la página se recarga, con ayuda de PHP podés hacerlo de muchas 
formas. Básicamente, generando sólo el código xhtml que corresponde a la 
subsección en que hiciste click.
No sé si te servirá, pero algo así hice en esta página: 
http://textilmandiyu.com. Probá a hacer click en Club o Historia 
para verlo.


Seguramente ya le vas a encontrar la vuelta,

saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] pido criticas, sugerencias, comentarios

2005-08-17 Por tema Camilo Kawerín

Hola Leandro,

Leandro Asrilevich escribió:
n respecto a lo que me decian mas arriba de la velocidad si es cierto, como 
puedo saber si es problema del hosting, si es por mis script muy cargados, 
etc..?? como puedo hacer una buena evaluacion del tema velocidad?




http://www.websiteoptimization.com/services/analyze/

Saludos

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] alineacion de imagen

2005-08-16 Por tema Camilo Kawerín
Tenés razón, Inti. La verdad, no tengo idea de dónde me venía la 
confusión. Saludos, y gracias por la aclaración.


Inti Castro escribió:

On 8/12/05, Camilo Kawerín [EMAIL PROTECTED] wrote:


que yo sepa, no existe el valor middle para vertical align.




http://www.w3.org/TR/CSS1#vertical-align
http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align

inti castro
[EMAIL PROTECTED]

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Ayuda con Css

2005-08-16 Por tema Camilo Kawerín

Hola Judith,

Judith De Argentina escribió:
 
ESTE ES EL HTML:

html
head
title HOJA DE PRUEBA /title
link rel=stylesheet type=text/css href=c:\estilos.css
/head
body
table
 thTODO CANJE.. donde conseguis todo lo que necesitas!!!/th
/table
pEncontra todo lo que buscas aca, contactanos y enteratebr
TODO CANJE, una posibilidad nueva en la red../p
table
trtd align=centerOpcion1/td/tr
trtd align=centerOpcion2/td/tr
trtd align=centerOpcion3/td/tr
/table
/body
/html



La primera tabla que usás, si es para poner un título en la página, 
deberías reemplazarla por h1

http://html.conclase.net/tutorial/html/3/6

En el párrafo de abajo, si necesitás dos líneas, usá dos elementos de 
párrafo en lugar de un br para dividirlo.


Y las opciones te conviene hacerlas con una lista desordenada, como te 
explicó Fernando en el mail anterior.



ESTE ES EL CSS:
 
TABLE{

TD {
width:100%; background-color: ff; 
text-color: 00;  
text-align: center;
font-family: catchup; 
font-size:15pt;  
}

}
P {
font-family : verdana,arial;
font-size : 14pt;
text-align : center;
}
TABLE{
TD{
border-width: 1pt;
width:20%;
background-color: 66FFCC; 
}




La razón por la que la página te muestra sólo partes de la CSS se debe a 
que estás usando mal los selectores. La forma correcta sería, por ejemplo:


table td {
aquí tus propiedades
}

De esa forma, las propiedades se aplicarán a las celdas dentro de una 
tabla... aunque en ese caso podríamos prescindir de indicar el contexto, 
porque una celda siempre estará dentro de una tabla.


No sé qué manuales leíste, pero en la web vas a encontrar de todo y hay 
algunos que se quedaron en Front Page. Si te interesa desarrollar 
páginas siguiendo los estándares web, te recomiendo visitar estos sitios:

http://html.conclase.net/
http://www.danielclemente.com/html/
http://www.htmlhelp.com/es/reference/css/
http://www.sidar.org/recur/desdi/mcss/manual/indice.php

Además, éstas son las especificaciones de HTML y CSS:
http://html.conclase.net/w3c/html401-es/cover.html
http://www.sidar.org/recur/desdi/traduc/es/css/cover.html

Y por supuesto, seguir participando en Ovillo.

Nota al margen, respecto a lo que comentabas en tu mail. Si bien un 
trabajo es un trabajo, yo te recomedaría que antes de comprometerte a 
hacer algo, te armes de paciencia y te tomes el tiempo necesario para 
aprender a hacerlo correctamente. A la larga, te será más redituable 
tener práctica y saber responder apropiadamente a lo que te pidan que 
embarcarte de una a hacer un trabajo que no dominás. Es un comentario 
personal, que espero no tomes a mal.


Suerte y cualquier duda, aquí estamos para aprender.

--
Camilo Kawerín
27Sur comunicación  diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


  1   2   >