Re: [Ovillo] Cambiar estilos del elemento seleccionado con clase current
On 09/05/2012 08:05 AM, CHK Webmaster wrote: Leyendo la idea de Reynier de seleccionar al elemento inmediatamente superior (parent) me he acordado que un idea tuve una situación similar y me puse a buscar si en CSS3 había un selectorque funcionase tipo el element child_element pero en sentido inverso. Me encontré con un artículo[1] que reflexiona sobre las repercusiones de que existiese esto. Se va un poco de tema, pero quizás a alguien le resulta interesante. Sobre la solución, también creo que mejor recurrir a la programación para añadir una clase al padre o similar. [1] http://css-tricks.com/parent-selectors-in-css/ ___ Lista de distribución Ovillo Para 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 Muy interesante la lectura CHK Webmaster :) gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para 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] Cambiar estilos del elemento seleccionado con clase current
On 09/04/2012 04:51 PM, Manuel Canga - Latrasweb.net wrote: En mi opinión, para el caso particular que indicas no lo hagas por css sino por programación. También te lo digo porque no sé como se haría en css :D ( seguramente alguien con más conocimientos en las listas te pueda echar una mano ). Yo lo resolvería haciendo que de la misma manera que estás añadiendo un current al li del bajo nivel se lo pones al de arriba que lo contenga. No sé como harás la programación, si quieres la pasas y la vemos. Eso sí, a lo mejor eso ya queda fuera del ámbito de estas listas. Hola a todos, bueno no todo es felicidad en el mundo y estoy teniendo un problema que no logro resolver. En realidad son dos pero el otro lo comentare en otro mensaje a la lista para no secuestrar este hilo. Bien, exceptuando lo del elemento padre y del border que aparece encima del elemento seleccionado que ya convencí a la diseñadora de que eso no se ve feo jejejeje todo funciona perfecto pero si el elemento LI al cual se le aplican los estilos contiene hijos entonces estos estilos tambien son aplicados al elemento hijo. Por supuesto que a de ser así pues la estructura HTML es la siguiente: ul class=box_content_navigation li class=icon-home firsta href=inicioInicio/a/li li class=icon-blog has_children currenta href=cmvblogBlog/a ul li class=subitem firsta href=cmvblog/createCrear entrada/a/li li class=subitem lasta href=cmvblog/categoriesCategoriacute;as/a/li /ul /li li class=icon-eventa href=eventEventos/a/li li class=icon-messagesa href=messagesMensajes/a/li li class=icon-membersa href=membersDirectorio/a/li li class=icon-friends lasta href=relationsAmigos/a/li li class=icon-accounta href=edit-profileEditar perfil/a/li li class=icon-admincp hide-for-smalla href=admin target=_blankPanel de Control/a/li /ul Lo he dejado acá en Pastebin para una mejor lectura http://pastebin.com/shBmAPkw Y si se dan de cuenta el LI con clase has_children que a su vez tiene current tiene un UL dentro y luego está el cierre del LI. No hay forma de evitar esto cierto? Alguna idea o sugerencia en este sentido? Saludos y nuevamente gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
Hola gente, Estoy maquetando un desarrollo y he usado Foundation Zurb[1] como base para algunas cosas. Bueno en el header de la pagina, si inician sesión como demo/demo123 observarán un avatar y al lado enlaces para ir al Perfil, el Display Name del usuario que inicio sesión y un enlace para Salir. El problema que estoy teniendo es que no logro posicionarlos alineados a la derecha pero posicionados a la izquierda del avatar e igual cuando algun dato crece en tamaño dígamos por ejemplo el Display Name se jode todo. Pueden usar como usuarios para el acceso y realizar pruebas los siguientes: demo/demo123, 1632dd55e/1qazxsw2, 1632e8322/1qazxsw2 Para que vean a lo que me refiero, que me sugieren en este sentido? Saludos y gracias desde ya [1] http://foundation.zurb.com/ [2] http://comvivem.treswd.com/net/ -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:10 AM, Nesta Guerrero wrote: Buenas, la estructura que tienes formada DIOSSS!!!, no es normal, estas haciendo un poco de por kojones para que salga..., esos relatives con el top por webos y el left Jejejeje si es un poco a cojones como bien dices pero fue la vía más rápida que encontré para posicionar los elementos, erronea tal cual dices :( Mi pregunta es: La estructura puedes cambiarla?, me refiero a agrupar elementos dentro de algunos divs o te viene así de serie??? Si, puedo cambiarla a como me venga en ganas es mas deberia cambiarla Estoy intentando colocarte mediante tu estructura esto a la perfección, pero la estructura esa es poco estable, ya que como último recurso se deberá usar algún width o padding como generador de espacio para el avatar ahora te cuento. Ok, quedo al tanto de comentarios para ver tus sugerencias Saludos y gracias -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:24 AM, Nesta Guerrero wrote: No es de mi agrado, pero si cambias lo que tu tienes en estas clases por lo que te pongo, lo tendrías solucionado:) Gracias Nesta, más alla de cambiar lo que ya tengo definido en mis clases por las clases que me pasas acá, cual sería la estructura HTML que me sugieres tu? Prefiero cambiarla que quedarme con esa cochinada que yo mismo hice para salir del paso Saludos -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:25 AM, Nesta Guerrero wrote: si quieres luego te paso una estructura en la que no utilicemos positions absolute y esté todo más estable, aunque aquí ya puede llamarse como el hijo de los príncipes que todo está en su sitio para siempre Ya me dices si te ha solucionado el problema y vamos viendo si te mando un nuevo esquema o algo. Ok, probare lo q me envias pero prefiero esperar a q me puedas enviar una sugerencia de estructura HTML sino es mucho pedir, así limpio el código y tengo algo que quizás pueda perdurar en el tiempo Saludos -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier.pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ Lista de distribución Ovillo Para 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] Por que razón los elementos me salen en ocasiones bien en ocasiones mal
On 09/05/2012 11:24 AM, Nesta Guerrero wrote:
.user-panel {
1. padding-right: 2px;
2. width: 100%!important;
}
.avatar{position: absolute; right: 0;}
.user-name {
1. position: absolute;
2. color: white;
3. font-family: Verdana,sans-serif;
4. font-size: 14px;
5. right: 0;
}
account-options, .logout-link {
1. position: relative;
2. color: white;
3. font-family: Verdana,sans-serif;
4. font-size: 12px;
5. top: 15px;
}
Y no lo arreglo, por el contrario lo puso peor observa la imagen adjunta
--
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynier.pe...@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609
___
Lista de distribución Ovillo
Para 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] Cambiar el tamaño de un elemento INPUT mediante CSS
Buenas noches lista:
¿Es posible cambiar el tamaño de un elemento INPUT de tipo BUTTON mediante CSS?
He probado con la siguiente regla en mi fichero CSS pero no me hace nada:
form.formulario_login input[type=button] { border:1px solid #97ABD0;
background-color: #F0F2FF; width: 20px; }
El HTML para ese código es el siguiente:
form action=/frontend_dev.php/login method=post class=formulario_login
fieldset
legendIniciar sesión/legend
ul
lilabel for=signin_usernameUsuario/labelinput type=text
name=signin[username] id=signin_username //li
lilabel for=signin_passwordContraseña/labelinput type=password
name=signin[password] id=signin_password //li
/ul
pinput type=submit value=Entrar !!! //p
/fieldset
/form
Tengo entendido que poniendo la propiedad size en la definición debe
funcionar pero tampoco. Me refiero a lo siguiente:
pinput type=submit value=Entrar !!! size=20 //p
Un saludo y gracias desde ya
Ing. Reynier Pérez Mira
Dirección Técnica IP
___
Lista de distribución Ovillo
Para 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] Cambiar el tamaño de un elemento INPUT mediante CSS
input {
border:1px solid #97ABD0; background-color: #F0F2FF; width: 20px;
}
Gracias por tú respuesta Mauricio, ya lo había solucionado de otra forma y el
error lo tenía yo pues el INPUT no es de tipo BUTTON sino SUBMIT, he ahí el
problema. Ahora me ha quedado así:
form.formulario_login input[type=submit] { border:1px solid #97ABD0;
background-color: #F0F2FF; width: 70px; }
Y funciona a la perfección.
Un saludo
Ing. Reynier Pérez Mira
Dirección Técnica IP
___
Lista de distribución Ovillo
Para 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] IE8
Quería saber si alguno está testeando el explorer 8, versión beta. El IE8 ya no es beta. (http://www.microsoft.com/windows/internet-explorer/default.aspx) Un saludo Ing. Reynier Pérez Mira Dirección Técnica IP ___ Lista de distribución Ovillo Para 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] Recomendaciones sobre diseño de aplicac ión
Hola listeros: He estado un poco perdido por cuestiones de trabajo pero siempre he estado siguiendo los mensajes de la lista. Bueno en estos momentos me encuentro desarrollando una aplicación web con Symfony (framework de desarrollo para PHP) y ya está casi terminada. Cuando digo terminada me refiero a la parte de la lógica del negocio, programación y bases de datos fundamentalmente. Ahora me toca la última parte y no por ello menos importante: el maquetado web. Para ello he tenido que recurrir a Internet y a Google y leer un poco. Encontré una conferencia de Marco Giacomuzzi donde se habla sobre los diferentes tipos de diseño: fijo, liquido, fluido e hibrido. Mi duda, alguien que haya experimentado al respecto y me pueda dar un enlace para ver por donde van las cosas? Salu2 y gracias por adelantado Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP ___ Lista de distribución Ovillo Para 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: que lenguaje lado servidor conviene?
Java es un lenguaje de programación muy poderoso (estoy por ponerme a aprender algo en estos días) con el cual se puede programar muchas cosas desde aplicaciones Desktop hasta aplicaciones Web. Para mayor información: http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n_Java Salu2 Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Friday, April 25, 2008 03:33 pm To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] OT: que lenguaje lado servidor conviene? Disculpen mi ignorancia, pero siempre me mezclo los java , Jscript, Java se que son distintos el JScript, es el que se usa para realizar eventos en las web, y el otro? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: que lenguaje lado servidor conviene?
Hola Alejandra: muchas gracias Reynier (me encanta tu nombre!!) Pues nada, ahí lo tienes. ... y PHP Bueno con PHP llevo 5 años ya trabajando pero como no me puedo casar con una sola tecnología estoy un poco indeciso entre si aprender Ruby o Java ambos dos puedo desarrollarlos desde Eclipse que ya lo he usado bastante en conjunto con el plugin PDT para PHP. Me quedan otras como C# y ASP .NET (siempre desde Linux) usando Mono. Pero bueno poco a poco quiero irme soltando un poco del PHP, sin dejar de programar con él claro está y ponerme un poco para los otros lenguajes. Salu2 Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Como estructurarían ustedes ...
He estado trabajando sobre el menú pero me he dado cuenta de que no funciona en IE6, ¿alguna ayuda? Salu2 Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Leonel Silva Enviado el: lunes, 24 de marzo de 2008 03:43 pm Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]Como estructurarían ustedes ... http://www.alistapart.com/articles/horizdropdowns/ Uno de los ejemplos del link de arriba: http://www.alistapart.com/d/horizdropdowns/barebones.htm 2008/3/24 Reynier Perez Mira [EMAIL PROTECTED]: Hola listeros: Estoy haciendo un menú jerárquico diría yo cuya estructura resumiendo sería la siguiente: Administración Autores - Listar Autores - Adicionar Autores - Otras tareas Lo tenía con una lista desordenada pero no se como aplicar los estilos para indentar la jerarquía de padres/hijos. Además de que lo tenía de la siguiente forma: ul divAdministración autores/div li Listar Autores /li ... /ul Y creo que eso es un horror/orror . ¿Cómo lo maquetarían ustedes? ¿Me pasan un ejemplo con CSS incluido? Salu2 y gracias desde ya Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica ___ Lista de distribución Ovillo Para 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 -- Leonel Silva Cel. 0416 - 539.54.47 [EMAIL PROTECTED] www.leonelsilva.com Caracas - Venezuela ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo __ Information from ESET NOD32 Antivirus, version of virus signature database 3004 (20080405) __ The message was checked by ESET NOD32 Antivirus. http://www.eset.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Como estructurarían ustedes ...
Hola listeros: Estoy haciendo un menú jerárquico diría yo cuya estructura resumiendo sería la siguiente: Administración Autores - Listar Autores - Adicionar Autores - Otras tareas Lo tenía con una lista desordenada pero no se como aplicar los estilos para indentar la jerarquía de padres/hijos. Además de que lo tenía de la siguiente forma: ul divAdministración autores/div li Listar Autores /li ... /ul Y creo que eso es un horror/orror . ¿Cómo lo maquetarían ustedes? ¿Me pasan un ejemplo con CSS incluido? Salu2 y gracias desde ya Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica ___ Lista de distribución Ovillo Para 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] Etiquetas HTML obsoletas
Hola listeros: Estoy necesitando de un listado de las etiquetas HTML que ya no se están usando o que no se usarán en un tiempo medio. Alguien me podría dar una referencia al respecto? Salu2 y gracias por adelantado Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP ___ Lista de distribución Ovillo Para 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] Etiquetas HTML obsoletas
Me pasas la URL? El lío es que me doy buenas perdidas en el sitio www.w3c.org Salu2 y gracias nuevamente Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Cristian Enviado el: sábado, 01 de marzo de 2008 07:34 pm Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Etiquetas HTML obsoletas Leete las especificaciones de XHTML es lo ultimo del momento.. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Etiquetas HTML obsoletas
Gracias a todos, me ha sido de gran ayuda la información Salu2 Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de gretel Enviado el: sábado, 01 de marzo de 2008 07:58 pm Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Etiquetas HTML obsoletas http://html.conclase.net/w3c/html401-es/index/elements.html Ahí tienes en la columna Desapr. (Desaprobadas) las etiquetas obsoletas en html 4.01. Abajo tienes el enlace para los atributos desaprobados. -- From: Reynier Perez Mira [EMAIL PROTECTED] Sent: Saturday, March 01, 2008 7:35 PM To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Etiquetas HTML obsoletas Me pasas la URL? El lío es que me doy buenas perdidas en el sitio www.w3c.org Salu2 y gracias nuevamente Ing. Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Cristian Enviado el: sábado, 01 de marzo de 2008 07:34 pm Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Etiquetas HTML obsoletas Leete las especificaciones de XHTML es lo ultimo del momento.. ___ Lista de distribución Ovillo Para 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 __ Information from ESET NOD32 Antivirus, version of virus signature database 2913 (20080301) __ The message was checked by ESET NOD32 Antivirus. http://www.eset.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Conversor de unidades
Excelente explicación Victoria y Jorge, creo que me han quedado súper claras las cosas y al que no oiga que lea bien. Probaré y les comentó que tal me fue. Salu2 Ing Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jorge L. Batista E Sent: Tuesday, February 19, 2008 8:18 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Conversor de unidades Gracias Victoria, habíamos discutido mucho sobre este tema en esta misma lista, hay algunos resúmenes por ahí (disculpen por no poner el link) pero esta explicación está muy completa. Reynier: No comprendo a qué te refieres cuando dices em de tipografía y em de capas, en principio no hay em sin fuente y las capas DIVs aunque no tengan una fuente definida en el CSS la heredan del elemento superior o padre y si ninguno lo tiene definido entonces se toma el de los settings del navegador, así de sencillo. Esto lo he escrito muchas veces ya, esta idea está un poco basada en unos apuntes de Jeffrey Zeldman en uno de sus libros y la hemos ido redondeando con el uso. Un diseño usando sólo unidades relativas, todas la medidas en em por ejemplo, estarás poniendo tu Web en función de las preferencias del usuario así que si éste modificó los settings del navegador para sentirse más cómodo entonces también se sentirá cómodo con tu diseño. ss PB El 19/02/2008, a las 03:18 AM, Victoria Gracia escribió: ___ Lista de distribución Ovillo Para 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] Conversor de unidades
Sabe alguien donde encontrar un conversor de unidades? Necesito convertir algunas unidades de PX a EM pero no para fuentes [1] sino para Capas (DIV) [1] http://riddle.pl/emcalc/ Ing Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP ___ Lista de distribución Ovillo Para 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: pasar checkbox a bd
Hola Laura:
Entiendes bien, la parte del POST es la que has de poner en el archivo .php que
recibe el action del formulario. Lo otro por supuesto que el ciclo foreach
tiene un endforeach. O sea debería quedarte algo como esto:
foreach
sentencias
endforeach
Salu2
Ing. Reynier Pérez Mira
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de laura
Enviado el: domingo, 06 de enero de 2008 10:36 pm
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] OT: pasar checkbox a bd
On Jan 6, 2008 3:39 PM, Hari Seldon
[EMAIL PROTECTED] wrote:
¿PHP?
Si es php, podría valerte algo así:
Para crear los checks:
foreach ($resulset as $record) {
echo 'input type=checkbox value= name=check_'.$record['id'].'
id=check_'.$record['id'].' /;
}
Una vez hagas el POST, los miras así:
foreach ($resulset as $record) {
if (isset $_POST['check_'.$record['id']]) {
// el codigo que quisieses evaluar y/o
ejecutar iría aquí.
}
}
No sé si así te queda claro.
hola
primero q nada gracias, :) . Imagino que la parte del post la
tengo q poner en el archivo q recibe el action y si es el
mismo usar algun
if(isset($enviar)) .
Segundo, si, es php, pero no estoy segura d entender el
asunto, he puesto lo q me indicas y me sale este error:
syntax error, unexpected $end , el foreach lleva end?
ciao
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a
Ovillo@lists.ovillo.org Puedes modificar tus datos o
desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Recomendación ...
Hola listeros: Visto que muchos de ustedes recomiendan buenos sitios para documentarse y ayudar en el día a día del mundo del CSS y el diseño web en general les dejo este enlace[1] que espero ayude a muchos. [1] http://www.forwebdesigners.com/ Sin más, Salu2, Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas ___ Lista de distribución Ovillo Para 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] Editores XHTML y CSS
Aquí les dejo mi entorno actualmente: - Eclipse + PDT + Aptana Plugin + Subclipse + ... Todo lo que necesites ponerle Una combinación perfecta diría yo y lo mejor de todo, multiplataforma. Salu2 Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Marco Antonio Solis Cruz Enviado el: viernes, 23 de noviembre de 2007 03:51 pm Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Editores XHTML y CSS Gracias por el dato Rodrigo... checaremos tus comentarios =) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Editores XHTML y CSS
Pues si, esa misma -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de sn Enviado el: viernes, 23 de noviembre de 2007 04:37 pm Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Editores XHTML y CSS salud a todos. parece ser que lo que más triunfa es eclipse junto con sus extensiones. ahora bien, pregunto: para programar xhtml, css, php, cuál éstas versiones habría que instalar? la Eclipse Classic 3.3.1.1? http://www.eclipse.org/downloads/ gracias y un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Nuevo sistema de validación W3C
Hola listeros: En la Universidad donde imparto clases me han pedido crear unos ejercicios relacionados con XHTML, CSS, Javascript y afines. El caso es que estos ejercicios en su mayoría deben ser de marcar o de chequear con V o F. Para no aburrirlos he creado algunos códigos XHTML, por supuesto algunos inválidos, pero cuando intento validar el que está correcto me sale un WARNING en el validador de la W3C. Este es el código en cuestión: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleProgramación III/title /head body div id=contenido div id=cabecera img src=imagen.jpg width=300px height=25px alt=Programación III longdesc=Programación III title=Programación III / /div div id=navegacion Menú de navegación /div /div /body /html Y el WARNING que me da es este: DOCTYPE Override in effect! The detected DOCTYPE Declaration !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd; has been suppressed and the DOCTYPE for XHTML 1.0 Transitional inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE. ¿Ha cambiado algo en la DTD de XHTML 1.o Transitional? He buscado en el sitio de la W3C [1] pero no logro encontrar nada nuevo [1] http://www.w3.org/TR/xhtml1/dtds.html Salu2 y esperando respuestas Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Nuevo sistema de validación W3C
Gracias a los dos, he resuelto el problema Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Martin Szyszlican Enviado el: martes, 16 de octubre de 2007 08:23 am Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Nuevo sistema de validación W3C Reynier: Esa warning te aparece porque vos manualmente seleccionaste con qué doctype querías validar. Dejalo en (detect automatically) y se va la warning. Martin. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Hmmm duda un poco conceptual
Suponiendo que tenga el siguiente código:
#contenido { font-family: Arial, Helvetica, sans-serif; font-size: 72.5%;
background-color: #CCC; padding: 2px 2px 3px 3px; margin: 5px; }
#cabecera { background-color: #55B05A; font-size: 1em; }
¿Qué tamaño me toma el texto contenido dentro de la capa con ID cabecera?
Salu2
Ing. Reynier Pérez Mira
Universidad de las Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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] Fuentes en diferentes SO
Hola Tei: Gracias por tu respuesta pero no he entendido mucho lo que me quieres decir. ¿Podrías explicar un poco mejor? Salu2 -- Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tei Sent: Thursday, July 19, 2007 7:22 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Fuentes en diferentes SO On 7/19/07, Reynier Perez Mira [EMAIL PROTECTED] wrote: Ahora tengo una pregunta, ¿es posible llevarme mi sitio con una fuente predefinida? Por ejemplo si copio el archivo de la fuente en algún directorio del sitio y en el CSS uso ese archivo de fuente. Hola. Cuando empezo a popularizarse CSS entre las posibilidades que ofrecia estaba esta por la que preguntas. Que se comenta aqui: http://www.netmechanic.com/news/vol3/css_no15.htm Ya se sabe que la web esta reñida con el concepto de controlar absolutamente la presentacion. Y esto de controlar la fuente es un paso en esa direccion. Por fuerza si se hace un diseño basandose en ello debe ser un elemento opcional. Los elementos opcionales casan mas bien fatal con una concepcion de control al pixel de la presentacion, motivo por los que la gente que ha intentado este camino en la web han terminado en flash o les ha explotado la pelota como en la pelicula Scanners. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] saber si existe un archivo en http
Hola listeros:
Este tema a sido tomado y retomado una y otra vez en la lista y es relacionado
con los mensajes OFF TOPIC. Por favor, no abusemos de la lista para realizar
preguntas de otra cosa que nada tenga que ver con CSS o (X)HTML. Para ello
existen otras listas [1]. En caso de ser muy necesario la pregunta entonces
encabezarla con OT o OFF TOPIC de forma tal que distinga los mensajes de las
cosas relacionadas con las listas. Espero que no se tome a mal pero es una
observación que hago.
[1] [EMAIL PROTECTED]
Salu2
--
Ing. Reynier Pérez Mira
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mauro Gullino
Sent: Wednesday, July 18, 2007 11:05 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] saber si existe un archivo en http
$path=http://ejemplo.com/leeme.txt;;
if ([EMAIL PROTECTED]($path,'r')) {
On 7/18/07, ramirex [EMAIL PROTECTED] wrote:
saludos..
estoy programando en php5 y quisiera saber, la forma de saber si
existe o no en archivo en la web.
ejemplo
quisiera saber si existe el archivo
http://ejemplo.com/leeme.txt
espero que sea claro el ejemplo..
gracias por sus aportes
--
--- ramirex -
[powered by Linux]
-
weblog:
http://ramirex.ingecol.com
http://ajayu.memi.umss.edu.bo/ramirex/
GPG Key ID: F36F6F8C
___
Lista de distribución Ovillo
Para 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
--
Mauro Gullino
www.vardump.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
[Ovillo] Fuentes en diferentes SO
Hola a todos: He estado leyendo un poco sobre el tema de las fuentes en diferntes SO para que la web se vea sino igual entonces similar en varios navegadores. He encontrado este artículo [1] que habla sobre fuentes libres. Ahora tengo una pregunta, ¿es posible llevarme mi sitio con una fuente predefinida? Por ejemplo si copio el archivo de la fuente en algún directorio del sitio y en el CSS uso ese archivo de fuente. [1] http://www.bootlog.cl/blog/reflexiones/la-mejor-fuente-para-el-escritorio-en-linux/ Salu2 -- Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas ___ Lista de distribución Ovillo Para 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] Problemas con técnica footerStickAlt
Hola listeros:
He estado usando está técnica desde hace un tiempo atrás y no ha sido hasta hoy
que me he dado cuenta de que cuando el contenido es muy grande la misma falla.
Mi HTML luce como sigue:
---
div id=contenedor
div id=encabezado
div id=registroLogin/div
/div
div id=navegacionnavegacion/div
div id=contenidocontenido/div
div id=derechaderecha/div
/div
div id=clearnbsp;/div
div id=piepie/div
---
El CSS aplicado a este es el siguiente:
---
* { margin:0; padding:0; }
html { height: 100%; }
body {
height: 100%;
margin: 0px;
padding: 0px;
background-color: #000;
text-align: center;
font-family: Verdana;
font-size: 62.5%;
color: #FFF;
}
* html #contenedor {
height: 100%;
}
#contenedor {
position:relative;
height:100%;
width: 946px;
margin: 0 auto;
text-align: left;
}
* html #pie { margin-top: -40px; }
#pie {
position:relative;
height: 40px;
margin:-40px auto 0 auto;
background-color: #112B4A;
padding: 2px 0 0 0;
line-height: 25px;
width: 946px;
margin: 0 auto;
text-align: left;
color: #fff;
}
#clear {
clear: both;
line-height: 1px;
}
#encabezado {
background: url(../../images/default_theme/encabezado.png) #112B4A
no-repeat top left;
height: 156px;
margin: 0 0 3px 0;
}
#registro {
float: right;
height: 156px;
width: 210px;
padding: 0 0 0 3px;
}
#contenido {
width: 746px;
float: left;
height: 100% auto;
margin: 5px 5px 5px 0;
}
#derecha {
width: 195px;
background-color: #2B415B;
float: left;
margin: 6px 0 2px 0;
height: 100%;
}
#navegacion {
background-color: #112B4A;
clear: both;
padding: 7px 5px;
}
---
Me está pasando que cuando lo que está contenido dentro del DIV es muy grande
contenido entonces el DIV pie no se corre hacia abajo y se me pone por encima
de contenido. ¿Qué es lo que estoy haciendo mal?
Salu2
--
Ing. Reynier Pérez Mira
Universidad de las Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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] accessibility joomla modulo
Hola Laura: Yo fui uno de los que se dio a la tarea de crear una plantilla basada solo en CSS para Joomla. Investigue y alguien me dijo en el Foro de Joomla que existía un parche que mejoraba el comportamiento de las tablas no que lo cambiaba por completo. Ahora mismo no tengo a la mano ni el enlace ni el parche pero puedes buscar en los Foros de Joomla por el usuario reynierpm. No entiendo como Joomla habiendo ganado el Concurso de OpenSource CMS continué usando tablas deliberadamente para posicionar las cosas. Para mi debería haber ganado Drupal que ahora en su versión 5 todo lo hace con CSS. Salu2 -- Ing. Reynier Pérez Mira Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of laura Sent: Monday, July 16, 2007 7:28 PM To: Ovillo, la lista de CSS en castellano Subject: [Ovillo] accessibility joomla modulo hola! he estado mirando los correos antiguos en esta lista respecto a la creacion sin control de tablas por parte del cms joomla. He encontrado una pista hacia un modulo que parcheaba este comportamiento, pero no encuentro el modulo en ningun sitio, si q se habla de el, pero el link q passan pues no es valido ahora mismo. Podeis decirme donde lo puedo encontrar o si lo teneis mandarmelo al correo personal? , Si es q aun existe, porque no entiendo q desaparezca cuando la version beta de joomla sigue siendo tan dada a crear tablas casi, como la estable. Ah, el poner este modulo afecta a la seguridad del servidor web? gracias! Laura ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar tabla dentro de DIV (Reynier Perez Mira)
Hola a todos:
No se si han estado siguiendo el hilo pero unos mensajes atrás les comuniqué
que ya había resuelto el problema. La solución es la siguiente:
HTML:
table class=to_center ... /table
CSS:
.to_center { margin: 0 auto; }
No obstante muchas gracias a todos los que han ayudado.
stripTM: Ahora que le dices eso al amigo Carlos. ¿Podrías poner un ejemplo del
uso de las propiedades de la tabla con CSS? He probado cellpadding y
cellspacing dentro del CSS y no me válida. Es más el editor (TopStyle,
RapidCSS) me lo reconoce.
Salu2
--
Reynier Pérez Mira
Ing. en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of stripTM
Sent: Saturday, July 14, 2007 5:19 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Centrar tabla dentro de DIV (Reynier Perez Mira)
Daniel Martín escribió:
Hola, podés probar con lo siguiente:
div align=center
table border=1 cellpadding=0 cellspacing=0 width=200
tr
tdnbsp;/td
tdnbsp;/td
/tr
/table
/div
Siendo Ovillo una lista que trata temas de Css deberías evitar el uso de
atributos que implican presentación como son el align, border, cellpadding,
cellspacing y el widh y llevarlo todo a un css.
--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Crear formularios correctos
Hola listeros: Vengo con una duda que, creo, muchos han tenido pero no se a ciencia cierta las soluciones que les han dado. Resulta que tengo que crear(organizar) un formulario para entrada de datos. El problema viene con el posicionado de los elementos dentro del mismo: Etiquetas y Elementos del Formulario. Anteriormente usaba tablas pero creo que esto está incorrecto. ¿Me podrían sugerir algunas ideas de como ustedes tratan este tema? Salu2 -- Reynier Pérez Mira Ing. en Ciencias Informáticas ___ Lista de distribución Ovillo Para 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] Crear formularios correctos
Bueno un poco que me respondo yo mismo lo que no quiere decir que den sus
opiniones pues así puedo aprender un poco más. Me he decidido por un método que
explican en A List Apart [1]. Lo que no he logrado es poner un tamaño a todas
las etiquetas LABEL. Les dejo el HTML y el CSS para que lo prueben y me digan
que es lo que estoy haciendo mal.
HTML:
fieldset id=form_noticias
legendAdicionar nueva noticia/legend
form method=post
action=/frontend_dev.php/noticias/InsertarNoticia
ol
lilabel for=idcCategoría:/label
select name=idc id=idc
option value=0df/option
option value=1dsf/option
/select
/li
lilabel for=antetituloAntetítulo:/labelinput
type=text name=antetitulo id=antetitulo value= //li
lilabel for=tituloTítulo:/labelinput type=text
name=titulo id=titulo value= //li
/ol
/form
/fieldset
CSS:
#form_noticias {
border: 1px solid #2B415B;
margin: 3px 0 0 0;
}
#form_noticias legend {
padding: 3px 5px 3px 5px;
font-size: 1.1em;
font-weight: bold;
}
#form_noticias label {
display: inline-block;
line-height: 1.8em;
vertical-align: top;
padding: 0 5px 0 0;
}
#form_noticias li {
list-style-type: none;
padding: 5px;
margin: 0;
}
#form_noticias fieldset fieldset label {
display: block;
width: auto;
}
#form_noticias label {
width: 120px; /* Width of labels */
}
#form_noticias fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */
}
[1] http://www.alistapart.com/articles/prettyaccessibleforms
¿Alguna ayuda?
Salu2 y gracias por adelantado
--
Reynier Pérez Mira
Ing. en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Reynier Perez
Mira
Sent: Saturday, July 14, 2007 1:35 PM
To: Ovillo, la lista de CSS en castellano
Subject: [Ovillo] Crear formularios correctos
Hola listeros:
Vengo con una duda que, creo, muchos han tenido pero no se a ciencia cierta las
soluciones que les han dado. Resulta que tengo que crear(organizar) un
formulario para entrada de datos. El problema viene con el posicionado de los
elementos dentro del mismo: Etiquetas y Elementos del Formulario. Anteriormente
usaba tablas pero creo que esto está incorrecto. ¿Me podrían sugerir algunas
ideas de como ustedes tratan este tema?
Salu2
--
Reynier Pérez Mira
Ing. en Ciencias Informáticas
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Crear formularios correctos
Gracias por la respuesta xNoleet. Ya me había dado cuenta del error del
fieldset por fuera del form y lo había solucionado. He probado la solución que
me das y no me hace nada. Prueba tu mismo y veras.
Salu2
--
Ing. Reynier Pérez Mira
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of xNoleet
Sent: Saturday, July 14, 2007 6:37 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Crear formularios correctos
Creo que existe un pequeño error: el elemento fieldset debe estar siempre
contenido dentro del elemento form y no al revés.
Segundo, para asignarles tamaño (ancho) al label, sencillamente agregue la
propiedad width:
#form_noticias label {
display: inline-block;
width:10em; /* ancho */
line-height: 1.8em;
vertical-align: top;
padding: 0 5px 0 0;
}
El día 14/07/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Bueno un poco que me respondo yo mismo lo que no quiere decir que den
sus opiniones pues así puedo aprender un poco más. Me he decidido por
un método que explican en A List Apart [1]. Lo que no he logrado es
poner un tamaño a todas las etiquetas LABEL. Les dejo el HTML y el CSS
para que lo prueben y me digan que es lo que estoy haciendo mal.
HTML:
fieldset id=form_noticias
legendAdicionar nueva noticia/legend
form method=post
action=/frontend_dev.php/noticias/InsertarNoticia
ol
lilabel for=idcCategoría:/label
select name=idc id=idc
option value=0df/option
option value=1dsf/option
/select
/li
lilabel for=antetituloAntetítulo:/labelinput
type=text name=antetitulo id=antetitulo value= //li
lilabel for=tituloTítulo:/labelinput type=text
name=titulo id=titulo value= //li
/ol
/form
/fieldset
CSS:
#form_noticias {
border: 1px solid #2B415B;
margin: 3px 0 0 0;
}
#form_noticias legend {
padding: 3px 5px 3px 5px;
font-size: 1.1em;
font-weight: bold;
}
#form_noticias label {
display: inline-block;
line-height: 1.8em;
vertical-align: top;
padding: 0 5px 0 0;
}
#form_noticias li {
list-style-type: none;
padding: 5px;
margin: 0;
}
#form_noticias fieldset fieldset label {
display: block;
width: auto;
}
#form_noticias label {
width: 120px; /* Width of labels */
}
#form_noticias fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */ }
[1] http://www.alistapart.com/articles/prettyaccessibleforms
¿Alguna ayuda?
Salu2 y gracias por adelantado
--
Reynier Pérez Mira
Ing. en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] On Behalf Of Reynier Perez Mira
Sent: Saturday, July 14, 2007 1:35 PM
To: Ovillo, la lista de CSS en castellano
Subject: [Ovillo] Crear formularios correctos
Hola listeros:
Vengo con una duda que, creo, muchos han tenido pero no se a ciencia
cierta las soluciones que les han dado. Resulta que tengo que
crear(organizar) un formulario para entrada de datos. El problema
viene con el posicionado de los elementos dentro del mismo: Etiquetas
y Elementos del Formulario. Anteriormente usaba tablas pero creo que esto
está incorrecto.
¿Me podrían sugerir algunas ideas de como ustedes tratan este tema?
Salu2
--
Reynier Pérez Mira
Ing. en Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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
--
xNoleet ][ freelance graphic designer artist ]
http://www.dojohabit.com ][ Dôjo ]
http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][
experimental project ] ___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Recoger ruta de campo input[file]
Mis disculpas. Leí solamente el título del mensaje por eso respondí a lo rápido. Deja ver si investigo como hacerlo -- Reynier Pérez Mira Ing. en Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rodrigo Álvarez Virgós Sent: Friday, July 13, 2007 11:23 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Recoger ruta de campo input[file] Hola Reynier Léete mi mensaje, anda... ^_^ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Recoger ruta de campo input[file]
Hola Rodrigo: Si estás haciendo las cosas con PHP puedes recogerlo de la siguiente forma: $_FILES['userfile']['name']: Nombre original del fichero en la máquina cliente. Básicamente es el nombre del fichero que vas a subir. $_FILES['userfile']['type']: El tipo MIME del fichero $_FILES['userfile']['size']: El tamaño en bytes del fichero subido $_FILES['userfile']['tmp_name']: El nombre temporal que pone PHP al fichero antes de ser movido/subido a su destino final $_FILES['userfile']['error']: El código de error asociado en caso de que haya ocurrido alguno Salu2 y espero sea de ayuda -- Reynier Pérez Mira Ing. en Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rodrigo Álvarez Virgós Sent: Friday, July 13, 2007 9:01 AM To: Ovillo, la lista de CSS en castellano Subject: [Ovillo] Recoger ruta de campo input[file] Hola, Ovillo ¿Alguien conoce la manera de recoger el value de un input de tipo file? $_FILE[...]['name'] y $_FILE[...]['tmp_name'] no me resuelven la papeleta para lo que quiero hacer, necesitaría la ruta completa de la imagen en la máquina del usuario (.../mi directorio/imagen.jpg). Sé que esto representa una violación de seguridad, pero si se puede hacer... ¿es posible? Un saludo Rodrigo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Centrar tabla dentro de DIV
Hola:
¿Se puede centrar una tabla que esta contenida dentra de un DIV? He probado así:
table align=center
...
/table
div class=centrado
table
...
/table
/div
.centrado {
text-align: center;
}
Con ninguna de ellas lo he logrado. ¿Alguna sugerencia?
Salu2 y gracias por adelantado
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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 tabla dentro de DIV
Perfecto, ahora funciona
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alejandro Folch
Sent: Thursday, July 12, 2007 10:41 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Centrar tabla dentro de DIV
Hola
Aplica este estilo a la tabla:
margin: 0 auto;
:)
Reynier Perez Mira wrote:
Hola:
¿Se puede centrar una tabla que esta contenida dentra de un DIV? He probado
así:
table align=center
...
/table
div class=centrado
table
...
/table
/div
.centrado {
text-align: center;
}
Con ninguna de ellas lo he logrado. ¿Alguna sugerencia?
Salu2 y gracias por adelantado
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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
--
Alex Folch, Implementation Specialist
Squiz UK Ltd, Zetland House,
109 - 123 Clifton St,
London, EC2A 4LD
T: +44 (0) 207 101 8300
F: +44 (0) 870 112 3394
W: http://www.squiz.co.uk
London - Sydney - Canberra - Hobart - Melbourne - Wellington
Take Control: MySource Matrix CMS - http://matrix.squiz.co.uk
Read our Blog: http://www.squiz.co.uk/about/blog Read our White Papers:
http://www.squiz.co.uk/white_papers
SQUIZ SUPPORT: Please email [EMAIL PROTECTED] for all support requests ...or
call 0207 101 8300 to speak to a member of the support team.
--
IMPORTANT: This email (and any attachments) is commercial-in-confidence and/or
may be legally privileged and must not be forwarded, copied or shared without
express permission from Squiz UK Ltd. If you are not the intended recipient,
you may not legally copy, disclose or use the contents in any way and you
should contact [EMAIL PROTECTED] immediately and destroy this message and any
attachments. Thank you.
--
Registered in England and Wales No. 4816468 VAT No. GB 830410967
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Ayuda con posicionamiento de DIV
Hola a todos:
Estoy realizando un CSS Driven Menu y estoy teniendo un problemita. Mi menu
cuando se genera queda algo como esto:
ul id=globalnav
liMenu1/li
liMenu2/li
ul
liSubmenu2.1/li
/ul
liMenu3/li
ul
liSubmenu3.1/li
liSubmenu3.2/li
liSubmenu3.3/li
/ul
/ul
div id=galleryAlgo/div
El CSS[1] es el siguiente:
#globalnav {
position:relative;
float:left;
}
#globalnav li {
float:left;
}
#globalnav a {
display:block;
}
/*subnav*/
#globalnav ul {
position:absolute;
left:0;
top:1.5em;
float:left;
}
#globalnav ul li {
float:left;
display:block;
}
#globalnav ul a {
display:inline;
}
Lo que quiero poner es el DIV gallery por debajo de globalnav pues me lo pone
por detrás.
¿Alguna ayuda?
[1] El CSS completo se encuentra aquí:
http://clagnut.com/sandbox/csstabs/?writingtext=csstabs
Salu2 y gracias desde ya
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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] Ayuda con posicionamiento de DIV
Bueno gallery no está flotada a ningún lado. Olvide ponerles el CSS:
**
#gallery {
height: 100%;
background-color: #FF;
}
**
No obstante probé a ponerle el clear:both a globalnav y nada gallery se me
queda por debajo de globalnav.
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Juan Jorge Muñoz
Herrero
Sent: Wednesday, July 11, 2007 11:03 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
supongo que gallery tambien tiene float left, y como cabe en el ancho se situa
de esa forma, dale un clear:both a globalnav a ver qué pasa...
El día 11/07/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Hola a todos:
Estoy realizando un CSS Driven Menu y estoy teniendo un problemita. Mi
menu cuando se genera queda algo como esto:
**
**
ul id=globalnav
liMenu1/li
liMenu2/li
ul
liSubmenu2.1/li
/ul
liMenu3/li
ul
liSubmenu3.1/li
liSubmenu3.2/li
liSubmenu3.3/li
/ul
/ul
div id=galleryAlgo/div
**
**
El CSS[1] es el siguiente:
**
**
#globalnav {
position:relative;
float:left;
}
#globalnav li {
float:left;
}
#globalnav a {
display:block;
}
/*subnav*/
#globalnav ul {
position:absolute;
left:0;
top:1.5em;
float:left;
}
#globalnav ul li {
float:left;
display:block;
}
#globalnav ul a {
display:inline;
}
**
**
Lo que quiero poner es el DIV gallery por debajo de globalnav pues me
lo pone por detrás.
¿Alguna ayuda?
[1] El CSS completo se encuentra aquí:
http://clagnut.com/sandbox/csstabs/?writingtext=csstabs
Salu2 y gracias desde ya
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con posicionamiento de DIV
Hola Daniel:
La estrctura que estoy siguiendo para realizar el menú es la misma que está en
este sitio: http://clagnut.com/sandbox/csstabs/?writingtext=csstabs. Está mal
porque no me válida el XHTML Strict, primer problema, pero no he encontrado
alternativa. Ahora si miraste el ejemplo lo que quiero es poner debajo (no
confundir con z-index) un DIV que luego contendrá los contenidos pertenecientes
a cada categoría o subcategoría. ¿Entiendes ahora?
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Calderón
Portillo , Daniel
Sent: Wednesday, July 11, 2007 11:26 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
Yo sigo sin enterarme...
Vamos a ver...lo que quieres es una cosa de este estilo...
---
Globalnav
---
Gallery
---
Hasta ahí de acuerdo. ¿Te importaría poner cómo es la estructura del menú?
Porque yo al menos la veo muy extraña. ¿Qué quieres hacer exactamente?
Vale. Pero cómo es por dentro globalnav, porque a mí me salen todas las capas
superpuestas y de una forma un poco rara, la verdad.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: miércoles, 11 de julio de 2007 17:17
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con posicionamiento de DIV
Hola Carlos:
Es cierto lo que me dices. No me valida pero no he encontrado otra forma de
lograr lo que quiero. Si tienes alguna sugerencia bienvenida sea
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of carlos campderrós
Sent: Wednesday, July 11, 2007 11:16 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
On 7/11/07, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Bueno gallery no está flotada a ningún lado. Olvide ponerles el CSS:
**
#gallery {
height: 100%;
background-color: #FF;
}
**
No obstante probé a ponerle el clear:both a globalnav y nada gallery
se me queda por debajo de globalnav.
prueba así:
ul id='globalnav'
/ul
br class='clear' /
div id='gallery'.../div
css
.clear
{
clear: both;
}
también revisa la sintaxi de las listas anidadas, en modo strict no validan (en
transitional no sé). debería ser:
ul
limenu 1
ul
lisubmenu 1.1/li
/ul
/li
limenu 2/li
/ul
--
Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con posicionamiento de DIV
Acabo de enviar otro correo a la lista poniendo el ejemplo, no el mío sino el
original de donde tomé todo para ver si se comprende mejor.
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Juan Jorge Muñoz
Herrero
Sent: Wednesday, July 11, 2007 11:31 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
tienes un link o imagen/boceto?? es que estoy trabajando y no pillo muy bien el
concepto...
El día 11/07/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Hola Carlos:
Es cierto lo que me dices. No me valida pero no he encontrado otra
forma de lograr lo que quiero. Si tienes alguna sugerencia bienvenida
sea
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] On Behalf Of carlos campderrós
Sent: Wednesday, July 11, 2007 11:16 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
On 7/11/07, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Bueno gallery no está flotada a ningún lado. Olvide ponerles el CSS:
**
#gallery {
height: 100%;
background-color: #FF;
}
**
No obstante probé a ponerle el clear:both a globalnav y nada gallery
se me queda por debajo de globalnav.
prueba así:
ul id='globalnav'
/ul
br class='clear' /
div id='gallery'.../div
css
.clear
{
clear: both;
}
también revisa la sintaxi de las listas anidadas, en modo strict no
validan (en transitional no sé). debería ser:
ul
limenu 1
ul
lisubmenu 1.1/li
/ul
/li
limenu 2/li
/ul
--
Si no puedes deslumbrar con tu sabiduría, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para 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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con posicionamiento de DIV
Ahora si, ya ha bajado pero diganme una cosa. ¿Alguien probó el menu del enlace
original [1] en IE y no le da problemas? A mi se me deforma todo.
[1] http://clagnut.com/sandbox/csstabs/?writingtext=csstabs
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Calderón
Portillo , Daniel
Sent: Wednesday, July 11, 2007 11:48 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
Me contesto a mí mismo. Poniendo:
.clear{
clear: left;
}
en el CSS y:
div class=clear/div
justo antes del gallery que te dije antes, hace que se vea correctamente tanto
en IE6 como en FF.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Calderón Portillo
, Daniel Enviado el: miércoles, 11 de julio de 2007 17:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con posicionamiento de DIV
Al menos en el ejemplo que me has pasado basta con poner
#gallery{
background: #FF;
}
en el css y div id=galleryPPP/div en el HTML, antes del /body y no hay
problema. Date cuenta que en el código que tu mandaste originalmente no se
aplica el
#globalnav ul a {
display:inline;
}
ya que no hay enlaces que valgan. Por lo que te sale algo muy raro cuando abres
el index. Espero que sea lo que querías :P
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: miércoles, 11 de julio de 2007 17:32
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con posicionamiento de DIV
Acabo de enviar otro correo a la lista poniendo el ejemplo, no el mío sino el
original de donde tomé todo para ver si se comprende mejor.
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Juan Jorge Muñoz
Herrero
Sent: Wednesday, July 11, 2007 11:31 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
tienes un link o imagen/boceto?? es que estoy trabajando y no pillo muy bien el
concepto...
El día 11/07/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Hola Carlos:
Es cierto lo que me dices. No me valida pero no he encontrado otra
forma de lograr lo que quiero. Si tienes alguna sugerencia bienvenida
sea
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] On Behalf Of carlos campderrós
Sent: Wednesday, July 11, 2007 11:16 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
On 7/11/07, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Bueno gallery no está flotada a ningún lado. Olvide ponerles el CSS:
**
#gallery {
height: 100%;
background-color: #FF;
}
**
No obstante probé a ponerle el clear:both a globalnav y nada gallery
se me queda por debajo de globalnav.
prueba así:
ul id='globalnav'
/ul
br class='clear' /
div id='gallery'.../div
css
.clear
{
clear: both;
}
también revisa la sintaxi de las listas anidadas, en modo strict no
validan (en transitional no sé). debería ser:
ul
limenu 1
ul
lisubmenu 1.1/li
/ul
/li
limenu 2/li
/ul
--
Si no puedes deslumbrar con tu sabiduría, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para 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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de
Re: [Ovillo] Ayuda con posicionamiento de DIV
Gracias Carlos, ya me di cuenta donde estaba comentiendo el error y lo he
solucionado.
Salu2
Reynier Pérez Mira
Ingeniero en Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of carlos campderrós
Sent: Wednesday, July 11, 2007 11:16 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV
On 7/11/07, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Bueno gallery no está flotada a ningún lado. Olvide ponerles el CSS:
**
#gallery {
height: 100%;
background-color: #FF;
}
**
No obstante probé a ponerle el clear:both a globalnav y nada gallery
se me queda por debajo de globalnav.
prueba así:
ul id='globalnav'
/ul
br class='clear' /
div id='gallery'.../div
css
.clear
{
clear: both;
}
también revisa la sintaxi de las listas anidadas, en modo strict no validan (en
transitional no sé). debería ser:
ul
limenu 1
ul
lisubmenu 1.1/li
/ul
/li
limenu 2/li
/ul
--
Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] diseño a 3 columnas
Hola David: He encotrado otro error de ficheros: Error: Could not open second.css, ;) Se te olvido subir otro fichero Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] On Behalf Of David Pardo Sent: Friday, June 15, 2007 3:53 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] diseño a 3 columnas He detallado todo el proceso en mi blog, por si a alguien le interesa. Está en inglés pero se entiende bien. http://blog.corunet.com/english/three-column-layout-with-full-page-height Gracias de nuevo a ListaCss por la idea original. sn escribió: ahora sí! perfecto david, lo has conseguido utilizando muy poquito javascript. es una pena que no se pueda hacer un efecto tan simple solo con css, pero bueno. se agradece! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Extender DIV hasta ocupar todo el contenido
Hola sn y demás listeros:
He probado lo que me dices y al parecer tengo algo mal y no logro encontrar que
cosa es. Ahora hice algunos cambios porque mi plantilla (layout) no es igual al
del ejemplo, sino que antes de las 3 columnas lleva una cabecera. Aquí les dejo
el CSS y el HTML para que prueben y vean lo que me pasa.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titleProbando columnas/title
meta http-equiv=Content-Type content=text/html charset=iso-8859-1/
script type=text/javascript
src=assets/script/simpro/fillheight.js/script
style type=text/css
body{
margin:0 auto;
}
#contenedor_principal{
overflow:hidden;
}
#contenido_central{
background-color:red;
width:20%;
float:left;
margin-bottom:-5000px;
padding-bottom:5000px;
}
#columna_derecha{
background-color:blue;
width:60%;
float:left;
margin-bottom:-5000px;
padding-bottom:5000px;
}
#pie_de_pagina{
height:40px;
clear:both;
float:none;
background-color:black;
color:white;
width:100%;
}
/style
/head
body onload=fillthescreen()
div id=contenedor_principal
div id=cabecera
div id=registroRegistro de usuarios/div
/div
div id=navegacionNavegacion/div
div id=contenido_centralalgo/div
div id=columna_derechacolumna derecha/div
div id=pie_de_paginapie de pagina/div
/div
/body
/html
El JS lo he modificado de la siguiente manera para adapatarlo a mis selectores:
function fillthescreen(){
winH = windowHeight(); //This returns the screen heigth
heightNeeded=winH-40; //We need to substract the footer height
if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't
recognize minHeight
document.getElementById('contenido_central').style.height=heightNeeded+'px';
//So, we use height (and explroer bug)
}
document.getElementById('contenido_central').style.minHeight=heightNeeded+'px';
//For every other browser, we use minHeight
}
function windowHeight(){
var alto= 0;
if( typeof( window.innerWidth ) == 'number' ) {
alto= window.innerHeight;
} else if( document.documentElement (
document.documentElement.clientWidth || document.documentElement.clientHeight )
) {
alto= document.documentElement.clientHeight;
} else if( document.body ( document.body.clientWidth ||
document.body.clientHeight ) ) {
alto= document.body.clientHeight;
}
return alto;
}
¿Qué estoy haciendo mal?
Salu2 y desde ya gracias
Reynier Pérez Mira
5to. año Ing. Informática
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] On Behalf Of sn
Sent: Monday, June 18, 2007 3:35 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Extender DIV hasta ocupar todo el contenido
salud reynier, precisamente éstos días he estado buscando algo parecido a
lo
que comentas.
si buscas un hilo llamado diseño a 3 columnas verás las conclusiones a
las
que allí se llegaron.
al final se utilizó javascript para estirar las columnas ya que parece que
es imposible hacerlo solamente con css.
un saludo y espero que te sirva.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Galeria con CSS
Alguien me puede recomendar alguna página donde encontrar ejemplo de cómo hacer galerías con CSS? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas ___ Lista de distribución Ovillo Para 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] Nuevamente problemas con sIFR
Hola listeros:
No se porque pero aún no he podido echar a andar el dichoso sIFR como debe ser.
Aquí les dejo los problemas que me da a ver si me pueden ayudar a resolverlos
porque por más que leo no encuentro solución posible.
1) Cuando reemplazo un elemento de tipo h1, por ejemplo esto:
sIFR.replaceElement(named({sSelector:body h1.htproyecto, sFlashSrc:?php
echo base_url()?assets/script/sifr/swf/angeline.swf, sColor:#FF6B08,
sBgColor:#2B415B, sFlashVars:textalign=center}));
lo hace bien pero se me sale del contenedor y no se porque razón.
2) Los caracteres especiales del tipo: ñ, á, é, í, ó, ú no me salen ni
muertos
3) Me reemplaza bien pero no me oculta el texto reemplazado.
Salu2 y esperando respuestas
Reynier Pérez Mira
5to. año Ing. Informática
Universidad de las Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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] Nuevamente problemas con sIFR
***
Reynier Pérez Mira
5to. año Ing. Informática
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] On Behalf Of Martin Campos
Sent: Saturday, June 16, 2007 10:55 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Nuevamente problemas con sIFR
Hola.
Puedes poner todo el código o una URL para ver el fuente de html?
Un saludo:
MARTIN
El día 16/06/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Hola listeros:
No se porque pero aún no he podido echar a andar el dichoso sIFR como
debe
ser. Aquí les dejo los problemas que me da a ver si me pueden ayudar a
resolverlos porque por más que leo no encuentro solución posible.
1) Cuando reemplazo un elemento de tipo h1, por ejemplo esto:
sIFR.replaceElement(named({sSelector:body h1.htproyecto,
sFlashSrc:?php echo base_url()?assets/script/sifr/swf/angeline.swf,
sColor:#FF6B08, sBgColor:#2B415B, sFlashVars:textalign=center}));
lo hace bien pero se me sale del contenedor y no se porque razón.
2) Los caracteres especiales del tipo: ñ, á, é, í, ó, ú no me
salen
ni muertos
3) Me reemplaza bien pero no me oculta el texto reemplazado.
Salu2 y esperando respuestas
Reynier Pérez Mira
5to. año Ing. Informática
Universidad de las Ciencias Informáticas
___
Lista de distribución Ovillo
Para 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
--
Salu2:
MARTIN un valenciano desde Madrid (ESPAÑA)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Extender DIV hasta ocupar todo el contenido
Hola listeros: Estoy usando la técnica footerStickAlt para mantener el pie(footer) pegado al borde inferior(bottom) de la ventana. Todo funciona a la perfección. También estoy usando Nifty [1] para redondear las esquinas de algún que otro DIV u otro elemento que así lo necesite. El código HTML (resumido) de la página generada es el siguiente: div id=contenedor div id=encabezado div id=registroFormulario/div !-- Fin registro -- /div !-- Fin encabezado -- div id=navegacionMenu de navegacion/div !-- Fin navegacion -- div id=contenidoAqui va todo el contenido/div!-- Final DIV ID=contenido -- div id=derechaColumna derecha/div !-- Fin columna derecha -- /div!-- Final DIV ID=contenedor -- div id=clearnbsp;/div !-- Para que footerStickAlt funcione bien con elementos flotados -- div id=pieAqui va todo lo del pie/div!-- Final DIV ID=pie -- Ahora el DIV con ID contenido y el DIV con ID columna derecha nunca se me expanden hasta ocuparme el 100% lo que me afea en un 90% el diseño de la página. La cuestión es saber si existe alguna forma de que estos dos elementos contenidos dentro del DIV con ID contenedor ocupen ese espacio en blanco. Nota: FauxColumns no me sirve porque como dije hay esquinas redondeadas, además de separaciones mediante margin entre uno y otro DIV y me es imposible entonces hacer una imagen para ponerla de fondo. [1] http://www.html.it/articoli/niftycube/index.html Salu2 y esperando por su ayuda Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas ___ Lista de distribución Ovillo Para 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] diseño a 3 columnas
Yo nuevemente. Mientras estuve leyendo me topé con una serie de errores de este tipo: Error: Could not open height.js ¿Eso es intencional o es que es un error y no te has percatado de ello? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] On Behalf Of David Pardo Sent: Friday, June 15, 2007 5:21 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] diseño a 3 columnas Anoche me precipité. Estuve traduciendo loscomentarios del código y metí la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). Ya está arreglado. ListaCss escribió: hay que ponerle un width, creo - Original Message - From: sn To: Ovillo, la lista de CSS en castellano Sent: Friday, June 15, 2007 10:56 AM Subject: Re: [Ovillo] diseño a 3 columnas he probado el archivo final de tu blog en ie6 y algo falla, el pie no queda pegado al margen inferior del navegador. voy a hecharle un ojo haber que ocurre... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] diseño a 3 columnas
Hola David: Está super eso que nos has dejado, mejor creo que no he encontrado alguno. Tengo una duda al respecto. Yo estoy usando la librería NiftyCube [1] para redondear las esquinas de los DIV y cosas por el estilo. ¿Es posible seguir usandola luego de aplicar tus técnicas? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] On Behalf Of David Pardo Sent: Friday, June 15, 2007 5:21 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] diseño a 3 columnas Anoche me precipité. Estuve traduciendo loscomentarios del código y metí la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). Ya está arreglado. ListaCss escribió: hay que ponerle un width, creo - Original Message - From: sn To: Ovillo, la lista de CSS en castellano Sent: Friday, June 15, 2007 10:56 AM Subject: Re: [Ovillo] diseño a 3 columnas he probado el archivo final de tu blog en ie6 y algo falla, el pie no queda pegado al margen inferior del navegador. voy a hecharle un ojo haber que ocurre... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Dar tamaño a columnas de tablas con CSS
Hola lista: ¿Es posible dar un tamaño a una columna (td) de una tabla? He probado con width pero no va. Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas ___ Lista de distribución Ovillo Para 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] Ayuda con maquetación
Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar algo como esto: Cabecera [input no1] [boton ] [input no2] Enlace 1 | Enlace 2 Yo mande una imagen para la lista pero al parecer no están permitidos los adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez Virgós Enviado el: jueves, 22 de marzo de 2007 5:52 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con maquetación Hola, Reynier ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema concreto? ;-) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con maquetación
Hola Nacho: Me queda un tanto claro pero creo que si pusieras el código me sería un poco mejor para entenderlo a ver como lo logro. Salu2 y gracias por la respuesta -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F. Carreño Enviado el: jueves, 22 de marzo de 2007 7:56 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con maquetación Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de ancho al fieldset y el botón lo floté a la derecha, después fui jugando con el padding para centrarlo. Si no te queda claro te pongo el código que yo tengo. Reynier Perez Mira escribió: Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar algo como esto: Cabecera [input no1] [boton ] [input no2] Enlace 1 | Enlace 2 Yo mande una imagen para la lista pero al parecer no están permitidos los adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez Virgós Enviado el: jueves, 22 de marzo de 2007 5:52 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con maquetación Hola, Reynier ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema concreto? ;-) ___ Lista de distribución Ovillo Para 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 __ Información de NOD32, revisión 2132 (20070321) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con maquetación
Gracias Nacho tú respuesta me ha servido al igual que la anterior que me envió
Rodrigo. Gracias a ambos
Salu2
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F. Carreño
Enviado el: jueves, 22 de marzo de 2007 8:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con maquetación
Hola Reynier, ahí te va el código, espero que te sirva:
HTML:
form action=#nogo id=formbuscador
fieldset id=datosbusqueda
legendBuscador de Inmuebles/legend
label for=operacionOperacioacute;n
select id=operacion name=operacion
option selected=selected value=ventaVenta/option
option value=alquilerAlquiler/option
option value=venta y alquilerVenta / Alquiler/option
/select/label
label for=tipoinmuebleTipo de inmueble
select id=tipoinmueble name=tipoinmueble
option selected=selected
value=cualquieraCualquiera/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
label for=precioPrecio
select id=precio name=precio
option selected=selected value=cualquier
precioCualquier precio/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
label for=superficieSuperficie
select id=superficie name=superficie
option selected=selected value=cualquier
precioCualquiera/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica
edificab./option
option value=chalet paradoChalet pareado/option
/select/label
label for=dormitoriosDormitorios
input name=dormitorios type=text id=dormitorios
size=9 /
/label
label for=ubicacionUbicacioacute;n
select id=ubicacion name=ubicacion
option selected=selected value=cualquieraCualquier
Ubicacioacute;n/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
/fieldset
input type=image src=imagenes/buscar.gif class=alileft
alt=Buscar title=Buscar /
/form
CSS:
#datosbusqueda{
float:left;
width:24em;
margin:0.56em 0 0 2.81em;
border:0;
}
#formbuscador legend {
display:none;
}
#formbuscador label {
float:left;
color:#871415;
font-size:0.70em;
margin:0 1.25em 0.63em 0;
}
#formbuscador select, #formbuscador input {
display:block;
font-size:1.1em;
margin-top:0.15em;
}
#formbuscador .alileft {
float:left; margin:0; padding:0; border:0; display:inline;
margin:2.69em 0 0 0;
}
Reynier Perez Mira escribió:
Hola Nacho:
Me queda un tanto claro pero creo que si pusieras el código me sería un poco
mejor para entenderlo a ver como lo logro.
Salu2 y gracias por la respuesta
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F.
Carreño
Enviado el: jueves, 22 de marzo de 2007 7:56
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con maquetación
Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de
ancho al fieldset y el botón lo floté a la derecha, después fui jugando
con el padding para centrarlo. Si no te queda claro te pongo el código
que yo tengo.
Reynier Perez Mira escribió:
Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar
algo como esto:
Cabecera
[input no1]
[boton ]
[input no2]
Enlace 1 | Enlace 2
Yo mande una imagen para la lista pero al parecer no están permitidos los
adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en
esa forma es el Botón. ¿Entienden ahora lo que trato de hacer?
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez
Virgós
Enviado el: jueves, 22 de marzo de 2007 5:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con maquetación
Hola, Reynier
¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
concreto? ;-)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar
[Ovillo] La forma correcta de hacer esto
Hola lista: Estoy haciendo un menú con CSS y para ello estoy usando listas no ordenadas (UL). Ahora tengo dos problemas que no se como resolver. El primero es como ponerle un título a esa lista pues es como si fuera un menú de administración de un sistema. Pensé en hacer esto pero no se si está correcto del todo: ul h1Administración de Noticias/h1 liAdicionar categoría/li liEditar categoría/li liEliminar categoría/li liListar categoría/li li.../li /ul ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer que el elemento LI parezca una celda de una tabla. No se si me hago entender. Algo así como darle un ancho específico de forma tal que pintado el fondo parezca una celda. Salu2, esperando sus respuestas y gracias por adelantado -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para 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] La forma correcta de hacer esto
Gracias Juan y Ramón ambos correos me han sido de gran ayuda y ya he logrado lo
que quería hacer que es efectivamente lo que propone Juan.
Salu2
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz
Herrero
Enviado el: jueves, 22 de marzo de 2007 10:40
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] La forma correcta de hacer esto
Además de sacarlo le tienes que dar un display:block; yo en el caso de los
menús no sólo se lo doy al elemento li, sino al a que tiene dentro, la
razón es que IE solo acepta la pseudo clase hover en las etiquetas a, y si
quieres cambiar el background o lo que sea cuando el cursor pase por encima,
es mejor dárselo a la a.
Mira este ejemplillo:
CSS:
style type=text/css
#menu{
display:block;
width:140px;
height:auto;
position:relative;
margin:0;
padding:0;
background:#454545;}
#menu li{
display:block;
position:relative;
float:left;}
#menu li a:link, #menu li a:visited{
display:block;
position:relative;
width:140px;
height:1.4em;
text-align:center;
text-decoration:none;
color:#454545;
background:#EFEFEF;}
#menu li a:hover{
color:#EFEFEF;
background:#454545;}
#menu li a:active{text-decoration:line-through;}
/style
XHMTL:
h1Administración de Noticias/h1
ul id=menu
lia href=#Adicionar categoría/a/li
lia href=#Editar categoría/a/li
lia href=#Eliminar categoría/a/li
lia href=#Listar categoría/a/li
/ul
El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:
Saca el h1 de la lista:
h1Administración de Noticias/h1
ul
liAdicionar categoría/li
liEditar categoría/li
liEliminar categoría/li
liListar categoría/li
li.../li
/ul
Reynier Perez Mira escribió:
Hola lista:
Estoy haciendo un menú con CSS y para ello estoy usando listas no
ordenadas (UL). Ahora tengo dos problemas que no se como resolver. El
primero es como ponerle un título a esa lista pues es como si fuera un menú
de administración de un sistema. Pensé en hacer esto pero no se si está
correcto del todo:
ul
h1Administración de Noticias/h1
liAdicionar categoría/li
liEditar categoría/li
liEliminar categoría/li
liListar categoría/li
li.../li
/ul
¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer
que el elemento LI parezca una celda de una tabla. No se si me hago
entender. Algo así como darle un ancho específico de forma tal que pintado
el fondo parezca una celda.
Salu2, esperando sus respuestas y gracias por adelantado
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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
__ Información de NOD32, revisión 2132 (20070321) __
Este mensaje ha sido analizado con NOD32 antivirus system
http://www.nod32.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Juan J. Muñoz
http://www.taarq.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Ayuda con maquetación
Hola lista: Estoy tratando de maquetar un formulario pero por más que pruebo la imagen con la flecha que tiene al lado no logro posicionarla como debe ir. Alguna idea de cómo hacerlo? -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para 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] Simulacion de scroll
Creo que para eso debes poner algo de Javascript, no estoy del todo seguro así que espera a que los listeros te respondan Salu2 -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Karen_WmBeta Enviado el: lunes, 19 de marzo de 2007 9:32 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Simulacion de scroll Hola a todos Esta es la primera duda que mando a la lista, a ver si alguien me puede ayudar. Bueno al grano, en varias páginas he visto cómo al seleccionar una opción del menu, la pagina se desplaza hasta llegar a la información, es decir como si fuera una especie de scroll automático (en lugar de cómo un simple enlace interno). En esta página hay un ejemplo http://www.dannyblackman.com/ (al principio donde dice save the scroll finger) lo curioso es que cuando me meto a su código fuente y a su .css no hay ni pista. En fin, si alguien sabe como hacerlo le agradecería mucho que me mandara aunque sea un cable ;) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Preguntas acerca de sIFR (OT)
Hola Juan: Ante todo gracias por la respuesta. He probado a hacer lo que me explicas y al parecer el problema son las fuentes que no traen esos caracteres, ya buscaré algún editor y veré como añadir las nuevas. Ahora tengo otra pregunta: - ¿Sabes como cambiar el tamaño del texto reemplazado por sIFR? Ahora me sale muy grande y me desborda todo el DIV acabando por completo con el maquetado. Salu2 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Preguntas acerca de sIFR (OT)
Hola listeros: Ante todo disculpen el OFF TOPIC, o al menos creo que este mensaje lo es. El problema es que me están sucediendo algunas cosas con sIFR que no deberían suceder pues he hecho todo según el manual. 1) Cuando cambio un contenido de un H1, por ejemplo, me aparece el texto reemplazado con sIFR pero también me aparece el texto original cuando debería ocultarse. He revisado el código y tengo lo siguientes CSS incluidos: link rel=stylesheet href=http://localhost/simpro/assets/shared/css/sifr/sIFR-screen.css; type=text/css media=screen / link rel=stylesheet href=http://localhost/simpro/assets/shared/css/sifr/sIFR-print.css; type=text/css media=print / ¿Por qué pasa esto? 2) ¿Es posible incluir carácteres especiales en sIFR? Dígamos por ejemplo: ñ y vocales con tildes, de ser posible ¿como puedo hacerlo? Salu2 y gracias por adelantado -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para 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] Preguntas acerca de sIFR (OT)
Bueno el problema de que me aparezcan los originales ya lo resolví, era que no estaba poniendo bien los CSS, la ruta estaba mal. Lo de los caracteres especiales si no lo encuentro por ningún lado. ¿Me podrías indicar un poco mejor? Gracias por la respuesta y saludos -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: sábado, 17 de marzo de 2007 21:56 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Preguntas acerca de sIFR (OT) El problema de que te aparezca el texto original, además del reemplazado se debe a la hoja de estilos de sifr, revisa que las rutas realmente son correctas. Por otro lado, sí es posible poner caracteres especiales, en tu película flash, antes de exportar a swf debes esppecificarlo en las opciones de idioma del texto (en donde se cambia la tipografía) El día 18/03/07, Reynier Perez Mira [EMAIL PROTECTED] escribió: Hola listeros: Ante todo disculpen el OFF TOPIC, o al menos creo que este mensaje lo es. El problema es que me están sucediendo algunas cosas con sIFR que no deberían suceder pues he hecho todo según el manual. 1) Cuando cambio un contenido de un H1, por ejemplo, me aparece el texto reemplazado con sIFR pero también me aparece el texto original cuando debería ocultarse. He revisado el código y tengo lo siguientes CSS incluidos: link rel=stylesheet href= http://localhost/simpro/assets/shared/css/sifr/sIFR-screen.css; type=text/css media=screen / link rel=stylesheet href= http://localhost/simpro/assets/shared/css/sifr/sIFR-print.css; type=text/css media=print / ¿Por qué pasa esto? 2) ¿Es posible incluir carácteres especiales en sIFR? Dígamos por ejemplo: ñ y vocales con tildes, de ser posible ¿como puedo hacerlo? Salu2 y gracias por adelantado -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para 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 -- Juan J. Muñoz http://www.taarq.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con tecnica footerStickAlt
Pues a mi me pasa lo mismo y tampoco he sabido solucionarlo. Alguna ayuda? ReynierPM -Mensaje original- De: [EMAIL PROTECTED] en nombre de mila Enviado el: mar 03/13/07 7:45 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problemas con tecnica footerStickAlt Hola, en relacion con footerStickAlt, yo tengo un problema que no consigo resolver. Cuando el contenido de la pagina es pequeño, siempre me aparece barra de desplazamiento lateral, es decir para ver el pie hay que desplazarse. Echando un vistazo por ahi, veo que eso no ocurre y por mas vueltas que le doy no veo la diferencia en el codigo. Gracias Mila - Original Message - From: Reynier Perez Mira [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, March 12, 2007 6:03 PM Subject: Re: [Ovillo] Problemas con tecnica footerStickAlt Hola y gracias por responder: Lo resolví poniéndole overflow: auto y así ya me hace lo que yo quiero, ahora el problema es IE que me forma tremenda grrr deja ver donde esta el problema Salu2 -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de NetVicious Enviado el: lunes, 12 de marzo de 2007 16:14 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problemas con tecnica footerStickAlt Hola Reynier, El lunes, 12 mar 2007 a las 15:22, escribiste: Estoy usando la técnica footerStickAlt[1] para posicionar el pie de página siempre pegado al bottom pero tengo un problema. Ellos lo que hacen es dividir la página en dos DIV. A uno le llaman 'nonFooter' y al otro 'footer'que es el que pegan al fondo de la pagina. Ahora bien, dentro de nonFooter tengo otro DIV y cuando el texto es muy grande entonces se me deforma la maqueta por completo. Le ha pasado esto a alguien o es solo a mi? Salu2 y gracias por adelantado [1] http://www.themaninblue.com/writing/perspective/2005/08/29/ Si te fijas en la web que pones en los ejemplos de este enlace ya sucede Soluciones: 1: Controlar el overflow del primer div y sacar barras de desplazamiento solo en ese div. 2: http://dean.edwards.name/IE7/compatibility/fixed.html Pero cuidado que dicha librería arregla algunas cosas pero estropea otras. De todas formas si dicha libería que incluye montón de correcciones paral Ie tiene dicho código seguramente haya por ahí alguna librería JS que arregle solo el posixion: fixed del IE. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con tecnica footerStickAlt
Bueno yo lo he probado en el editor de CSS (TopStyle) y me deja la banda
blanca, dices tu que eso soluciona el problema?
Salu2
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn
Enviado el: martes, 13 de marzo de 2007 12:13
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con tecnica footerStickAlt
salud.
está cerca, pero no es la solución universal. si el contenido del texto no
llena la pantalla, el footer no está pegado al culo de la pantalla, sino que
hay una banda blanca que separa a ambos, de diferente altura según
explorador.
yo llegué en su día a una solución.
os la pego, esperando os sirva de ayuda.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html lang=es
head
style
/*inicio tags genéricos*/
*{
padding:0;
margin:0;
}
html {
height:100%;
}
body {
height:100%;
font-family:verdana, arial, sans-serif;
text-align:center;
}
p{
padding:10px;
}
/*fin tags genéricos*/
/*inicio tags específicos*/
#contenedor {
min-height:100%;
width:100%;
background:#A9A9A9;
text-align:left;
margin:0 auto;
}
* html #contenedor {
height:100%;
}
#cabecera{
position:relative;
right:0px;
top:0px;
width:100%;
height:10em;
background:#000;
color:#fff;
text-align:center;
}
#cuerpo {
padding:1em 1em 40px 1em;
position:relative;
background:#A9A9A9;
text-align:center;
}
#contenido {
background:#fff;
text-align:justify;
padding:10px;
margin-bottom:20px;
}
#pie{
height:3em;
background:#000;
color:#fff;
position:relative;
margin:0 auto;
margin-top:-3em;
width:100%;
}
/*fin tags específicos*/
/style
titleindex/title
/head
body
div id=contenedor
div id=cabecera
h1CABECERA/h1
/div!--fin cabecera--
div id=cuerpo
h1CUERPO/h1
div id=contenido
pLorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est./p
pLorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est./p
pLorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est./p
pLorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est./p
pLorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est./p
/div!--fin contenido--
/div!--fin cuerpo--
/div!--fin container--
div id=pie
h1PIE/h1
/div!--fin pie--
/body
/html
un saludo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
Re: [Ovillo] Problemas con tecnica footerStickAlt
Lo he probado y funciona no se porque en el TopStyle se me veía mal. Salu2 y gracias por la ayuda -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: martes, 13 de marzo de 2007 13:21 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problemas con tecnica footerStickAlt salud reynier. has probado el código que pegué? debería funcionar bien en cualquier navegador... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre la mejor forma de hacer lo siguiente ...
Bueno, he estado leyendo las opiniones expuestas por todos aquí y creo que la imagen que tengo esta incorrecta ya que contiene tanto el logotipo de la empresa como los textos afines, o sea todo es una imagen. Entonces si mi caso es ese que hago? Salu2 y gracias por adelantado -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Maikel Naigt Enviado el: lunes, 12 de marzo de 2007 13:58 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Duda sobre la mejor forma de hacer lo siguiente ... Hola Carlos. On 3/12/07, carlos campderrós [EMAIL PROTECTED] wrote: On 3/12/07, Maikel Naigt [EMAIL PROTECTED] wrote: On 3/10/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: Ya que la imágen es parte de la presentación, no del contenido, ... Bueno, esto último es discutible. Efectivamente, si la imagen que vamos deseamos incluir es meramente de adorno la situaremos mediante CSS, pero en el caso opuesto -si es el logotipo de la empresa/página mismamente- deberá ir como elemento img /, ya que incorpora información. Bueno, yo no estoy de acuerdo con esto que dices, pero tampoco en desacuerdo... Digamos que es una zona gris en mi pensamiento. Qué es el logotipo de la empresa? Habitualmente es el nombre decorado de una cierta manera, con una tipografía así, unos colores asá y todo eso. Es decir, contenido (nombre) con presentación (tipografía, colores y otros elementos visuales) Quizá lo veas mejor si consideras el logotipo e imagotipo como parte fundamental y básica de lo que viene a llamarse identidad corporativa (junto con muchos más elementos que ahora no vienen al caso). Como identidad tiene la misión de establecer y _comunicar_ la personalidad de la empresa sobre los canales de información de la misma -web, documentación, publicidad,...-. Es una especie de tarjeta de presentación de la empresa, con todo lo que conlleva. En conclusión, transmite información bastante importante sobre la empresa que representa -proyección, objetivos, presente, actitud,...- y se me hace bastante obvio que, sobre todo, debe permanecer inalterable incluso en la vista del documento HTML sin estilos aplicados. En muchas ocasiones yo veo el logotipo como un h1 con una background image i el texto ocultado. En otras lo veo más como un h1 con imagen en el html y con el alt correspondiente al nombre de la empresa. Realmente no sé porqué algunas veces lo hago de una manera u otra, pero me parece más correcto el incorporar el logotipo en el css. Además también puede suceder que se cambie el diseño de la marca (o como se diga, yo no soy diseñador guiño). Cambiar la identidad de marca de una empresa no es tema baladí, y normalmente se afronta no sin largas reuniones y deliberaciones por parte de todos los equipos implicados -dirección, diseño, marketing- y por una MUY buena razón. En estos momentos me viene a la cabeza el lavado de imagen necesario que llevó a cabo Telefónica hace unos cuantos años ;) Saludos. Un saludo a todos, David Merino Ogando ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemas con tecnica footerStickAlt
Hola listeros: Estoy usando la técnica footerStickAlt[1] para posicionar el pie de página siempre pegado al bottom pero tengo un problema. Ellos lo que hacen es dividir la página en dos DIV. A uno le llaman 'nonFooter' y al otro 'footer'que es el que pegan al fondo de la pagina. Ahora bien, dentro de nonFooter tengo otro DIV y cuando el texto es muy grande entonces se me deforma la maqueta por completo. Le ha pasado esto a alguien o es solo a mi? Salu2 y gracias por adelantado [1] http://www.themaninblue.com/writing/perspective/2005/08/29/ -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con tecnica footerStickAlt
Hola y gracias por responder: Lo resolví poniéndole overflow: auto y así ya me hace lo que yo quiero, ahora el problema es IE que me forma tremenda grrr deja ver donde esta el problema Salu2 -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de NetVicious Enviado el: lunes, 12 de marzo de 2007 16:14 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problemas con tecnica footerStickAlt Hola Reynier, El lunes, 12 mar 2007 a las 15:22, escribiste: Estoy usando la técnica footerStickAlt[1] para posicionar el pie de página siempre pegado al bottom pero tengo un problema. Ellos lo que hacen es dividir la página en dos DIV. A uno le llaman 'nonFooter' y al otro 'footer'que es el que pegan al fondo de la pagina. Ahora bien, dentro de nonFooter tengo otro DIV y cuando el texto es muy grande entonces se me deforma la maqueta por completo. Le ha pasado esto a alguien o es solo a mi? Salu2 y gracias por adelantado [1] http://www.themaninblue.com/writing/perspective/2005/08/29/ Si te fijas en la web que pones en los ejemplos de este enlace ya sucede Soluciones: 1: Controlar el overflow del primer div y sacar barras de desplazamiento solo en ese div. 2: http://dean.edwards.name/IE7/compatibility/fixed.html Pero cuidado que dicha librería arregla algunas cosas pero estropea otras. De todas formas si dicha libería que incluye montón de correcciones paral Ie tiene dicho código seguramente haya por ahí alguna librería JS que arregle solo el posixion: fixed del IE. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imagen en SUBMIT
Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Salu2 y gracias por adelantado ___ Lista de distribución Ovillo Para 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] Por que no se pone en negrita?
Alguien me puede explicar que problema hay con este código?
.submitted {
line-height: 18px;
background: url(images/clock.png) left center no-repeat;
padding: 0 0 0 18px;
font: 1em bold Arial, Helvetica, sans-serif;
}
El elemento es un SPAN o sea
span class=submitted Aquí dentro un elemento A /span
El contenido de ese SPAN jamás se me muestra en negrita
Salu2, gracias por adelantado y esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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] Por que no se pone en negrita?
Gracias ya funciona al 100%. Al parecer eso tiene un orden específico,
disculpen por no haber consultado antes el manual de CSS
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de De Marco Recuenco,
Angel Daniel
Enviado el: martes, 28 de noviembre de 2006 11:04 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Por que no se pone en negrita?
Prueba con este orden en las propiedades del font:
.submitted {
line-height: 18px;
background: url(images/clock.png) left center no-repeat;
padding: 0 0 0 18px;
font:bold 1em Arial, Helvetica, sans-serif; }
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: martes, 28 de noviembre de 2006 17:59
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Por que no se pone en negrita?
Alguien me puede expprueba con estlicar que problema hay con este código?
.submitted {
line-height: 18px;
background: url(images/clock.png) left center no-repeat;
padding: 0 0 0 18px;
font: 1em bold Arial, Helvetica, sans-serif; }
El elemento es un SPAN o sea
span class=submitted Aquí dentro un elemento A /span
El contenido de ese SPAN jamás se me muestra en negrita Salu2, gracias por
adelantado y esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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
---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
contiene información de carácter confidencial exclusivamente dirigida a su
destinatario o destinatarios. Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización escrita de Indra. En el caso
de haber recibido este correo electrónico por error, se ruega notificar
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO
DE PAPEL.
The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any dissemination, distribution or copy of this communication is
prohibited without the prior written consent of Indra. If you have received
this communication in error, please, notify the sender by reply e-mail. PLEASE
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Duda con layout
Hola listeros:
¿Se pueden hacer plantillas que se adapten automáticamente a la resolución del
usuario? Me explico mejor: si el usuario selecciono una resolución de 1280 x
1024 y luego una de 800 x 600 entonces lo que quiero lograr es mantener la
plantilla pegada a los bordes o sea que me ocupe todo el espacio de la ventana
del navegador. Hasta ahora lo hacía poniendole un width al contenedor
principal, por ejemplo:
#contenedor {
width: 760px;
}
Así no me daría problemas (scroll) cuando cambiara la resolución pero entonces
se me ve muy chica y el contenido se me reduce bastante cuando es muy grande.
Salu2, gracias por adelantado y desde ya esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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] Duda con layout
Bueno tenía esa idea vaga dando vueltas en mi cabeza pero antes de ponerla en
práctica quería consultar con ustedes. Ahora tengo otra preguntica: ¿existe
alguna herramienta o fórmula matemática (por así decirlo) para llevar de px a
%?
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de WebMaster
l'Argentera
Enviado el: lunes, 27 de noviembre de 2006 2:49 pm
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Duda con layout
Hola,
Creo que la mejor solución es hacer la página en %, así siempre se te adaptará
al tamaño del navegador.
Eugeni.
En/na Reynier Perez Mira ha escrit:
Hola listeros:
¿Se pueden hacer plantillas que se adapten automáticamente a la resolución
del usuario? Me explico mejor: si el usuario selecciono una resolución de
1280 x 1024 y luego una de 800 x 600 entonces lo que quiero lograr es
mantener la plantilla pegada a los bordes o sea que me ocupe todo el espacio
de la ventana del navegador. Hasta ahora lo hacía poniendole un width al
contenedor principal, por ejemplo:
#contenedor {
width: 760px;
}
Así no me daría problemas (scroll) cuando cambiara la resolución pero
entonces se me ve muy chica y el contenido se me reduce bastante cuando es
muy grande.
Salu2, gracias por adelantado y desde ya esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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
--
*Eugeni Cabré*
/WebMaster de l'Ajuntament de l'Argentera/ [EMAIL PROTECTED]
http://www.argentera.altanet.org
__
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para 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] Intersante pregunta y no se como responderla OT
Hola listeros: Días atrás en una discusión que estoy monitoreando en un Foro de mi Universidad sobre el tema de navegadores y CSS hablaban algo sobre los problemas de IE con los estilos. Entonces le explique como funcionaban las condicionales: !-[if IE] link rel=stylesheet type=text/css href=layoutIE.css ![endif]- Pero ahora me han hecho una pregunta y no se como responderla y cito textualmente: Explíquenme por favor de donde sale este código?? Es decir, sus bases porque la verdad es que nunca lo había visto y funciona, y por otra parte no es ni JavaScript ni nada... Estuve buscando en la Especificación de CSS y no veo nada que me haga referencia. ¿Alguna ayuda? Salu2 y gracias por adelantado -- ReynierPM 5to Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para 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] Plantilla con condiciones, como hacerlo ...
Hola listeros:
Estoy creando una plantilla para Drupal pero ahora he llegado a un punto donde
me ha surgido un problema y a la vez una duda. El caso es que en la sintaxis de
la plantilla viene algo como esto:
Código:
**
{if $sidebar_left}div id=sidebar_left{$sidebar_left}/div{/if}
{if $sidebar_right}div id=sidebar_right{$sidebar_right}/div{/if}
¿Qué significa eso? Si la columna sidebar_left o sidebar_right contienen
algo se muestran de lo contrario se ocultan. El problema es que lo estoy
tratando de hacer todo con CSS pero entonces no se como hacer para cuando esten
activas las dos columnas o cuando solo este una de las dos o no este ninguna
manipular el contenido central ya que son tres DIV flotantes. ¿Se entiende lo
que pregunto?
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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] Plantilla con condiciones, como hacerlo ...
Bueno me auto respondo. Lo que hice fue crear tres clases diferentes:
#main_one_col { with: 80%; }
#main_two_col { with: 60%; }
#main_none_col { with: 100%; }
Porque las laterales cada una tiene 20%.
Salu2 y gracias por todo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: viernes, 24 de noviembre de 2006 7:02 pm
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Plantilla con condiciones, como hacerlo ...
Hola listeros:
Estoy creando una plantilla para Drupal pero ahora he llegado a un punto donde
me ha surgido un problema y a la vez una duda. El caso es que en la sintaxis de
la plantilla viene algo como esto:
Código:
**
{if $sidebar_left}div id=sidebar_left{$sidebar_left}/div{/if}
{if $sidebar_right}div id=sidebar_right{$sidebar_right}/div{/if}
¿Qué significa eso? Si la columna sidebar_left o sidebar_right contienen
algo se muestran de lo contrario se ocultan. El problema es que lo estoy
tratando de hacer todo con CSS pero entonces no se como hacer para cuando esten
activas las dos columnas o cuando solo este una de las dos o no este ninguna
manipular el contenido central ya que son tres DIV flotantes. ¿Se entiende lo
que pregunto?
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Elementos de lista con imágenes como ti po de lista
Hola listeros:
Estoy teniendo problemas con los elementos de una lista. El caso es que cuando
le aplico un list-style-image no me centra el texto con la imagen por lo que
si la imagen es por ejemplo de 16px x 16px entonces el texto me queda pegado al
bottom y se ve feo. Miren el código CSS:
.menu li.expanded { list-style-image: url(shrink.png); }
.menu li.leaf, .menu li.collapsed { list-style-image: url(extend.png); }
¿Existe alguna forma de evitar esto? Probe de esta otra forma pero no me
funciona:
.menu li.expanded { padding:0 0 0 10px; background: transparent
url(shrink.png) no-repeat left center; }
Salu2, gracias por adelantando y esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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] Pegar DIV al bottom de la ventana
Hola a todos:
Finalmente y después de darme unos cuantos cabezazos he logrado hacer funcionar
ambas cosas. Elimine todo el código y comencé de cero. Primero con la técnica
footerStickAlt y luego poniendo dentro los elementos flotantes y poniendole
al terminar un clear:both. Algo así como esto:
div id=columna_izquierda Contenido /div
div id=columna_derecha Contenido /div
div class=clearnbsp;/div
Y en el CSS:
#columna_izquierda { float: left; width: 829px; }
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Christian Roque
Geldres
Enviado el: jueves, 23 de noviembre de 2006 11:50 am
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Reynier:
Esto fue lo que indicaste en tu mail anterior:
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si
el DIV columna_derecha o columna_izquierda aumentara entonces también lo
hiciera su contenedor contenedor_centro pero no lo está haciendo.
La razón por la que no aumentaba era como te explique, que los elementos dentro
de contenedor_centro están flotados y para que se extienda debias poner un
elemento con la propiedad clear:both antes de cerrarlo.
La tecnica footerStickAlt es para pegar el pie de pagina al final incluso
cuando el contenido sea poco, no para extender contenedores.
Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si
cambiando un poco las propiedades a contenedor_pie si funciona:
#contenedor_pie {
/*position:relative; */
height: 55px;
margin-top:-55px;
/*margin-bottom:0px; */
background-color:#600;
/*margin: 0 auto; */
width: 990px;
max-width: 990px;
text-align: left;
}
El margen superior negativo debe ser del tamaño de la altura de tu pie, y
recuerda que no existe padding negativo.
Saludos
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy
omitiendo alguna parte pero por más que busco no la encuentro. Debajo adjunto
el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es lo
que estoy haciendo mal?
***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp head
titleFooter Arghhh !!! Me tiene loco/title style type=text/css
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; }
* html #contenedor { height: 100%; }
#contenedor { position: relative; height: 100%; margin: 0 auto; width:
990px; max-width: 990px; text-align: left; } #cabecera { width: 829px;
height: 149px; float: left; border-bottom:
1px solid #E89700; }
#login { width: 160px; height: 149px; float: left; border-bottom: 1px solid
#E89700; } #clear { clear: both; } #columna_izquierda { float: left; width:
78%; color: #000; border: 1px solid #FFA500; background-color: #E0; }
#columna_derecha { float: left; width: 21.6%; /* Aumentar a 22 */ color:
#000; border: 1px solid #FFF; background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px; } #contenedor_pie {
position:relative; height: 55px; margin-top:-40px; margin-bottom:0px;
background-color:#600; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
div id=contenedor_cabeza
div id=cabeceranbsp;/div
div id=loginnbsp;/div
/div !-- Contenedor de los elementos de la cabecera --
div id=contenedor_centro
div id=columna_izquierda
pMa quande lingues coalesce, li grammatica del resultant lingue es plu
simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va
esser plu simplic e regulari quam li existent Europan lingues. It va esser tam
simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va
semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que
Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !--
Contenedor columna derecha --
div id=clearnbsp;/div
/div !-- Contenedor de los elementos centrales -- /div !--
Contenedor outside_footer -- div id=contenedor_piePie de pagina al
fondo/div !-- Contenedor de los elementos del
Re: [Ovillo] Pegar DIV al bottom de la ventana
Ante todo disculpen, aprete una tecla de acceso directo cuando estaba
escribiendo y se me fue el correo sin terminarlo.
Finalmente y después de darme unos cuantos cabezazos he logrado hacer funcionar
ambas cosas. Elimine todo el código y comencé de cero. Primero con la técnica
footerStickAlt y luego poniendo dentro los elementos flotantes y poniendole
al terminar un clear:both. Algo así como esto:
HTML:
***
div id=columna_izquierda Contenido /div
div id=columna_derecha Contenido /div
div class=clearnbsp;/div
CSS:
***
#columna_izquierda { float: left; width: 829px; }
#columna_derecha { float: left; width: 160px; }
.clear { clear:both: line-height:1px; }
Y ya se resolvió el problema.
Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si
cambiando un poco las propiedades a contenedor_pie si funciona:
Se que se va un poco abajo, ya estoy trabajando en posicionarlo correctamente.
Muchas gracias por todo
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Christian Roque
Geldres
Enviado el: jueves, 23 de noviembre de 2006 11:50 am
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Reynier:
Esto fue lo que indicaste en tu mail anterior:
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si
el DIV columna_derecha o columna_izquierda aumentara entonces también lo
hiciera su contenedor contenedor_centro pero no lo está haciendo.
La razón por la que no aumentaba era como te explique, que los elementos dentro
de contenedor_centro están flotados y para que se extienda debias poner un
elemento con la propiedad clear:both antes de cerrarlo.
La tecnica footerStickAlt es para pegar el pie de pagina al final incluso
cuando el contenido sea poco, no para extender contenedores.
Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si
cambiando un poco las propiedades a contenedor_pie si funciona:
#contenedor_pie {
/*position:relative; */
height: 55px;
margin-top:-55px;
/*margin-bottom:0px; */
background-color:#600;
/*margin: 0 auto; */
width: 990px;
max-width: 990px;
text-align: left;
}
El margen superior negativo debe ser del tamaño de la altura de tu pie, y
recuerda que no existe padding negativo.
Saludos
Christian Roque Geldres
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy
omitiendo alguna parte pero por más que busco no la encuentro. Debajo adjunto
el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es lo
que estoy haciendo mal?
***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp head
titleFooter Arghhh !!! Me tiene loco/title style type=text/css
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; }
* html #contenedor { height: 100%; }
#contenedor { position: relative; height: 100%; margin: 0 auto; width:
990px; max-width: 990px; text-align: left; } #cabecera { width: 829px;
height: 149px; float: left; border-bottom:
1px solid #E89700; }
#login { width: 160px; height: 149px; float: left; border-bottom: 1px solid
#E89700; } #clear { clear: both; } #columna_izquierda { float: left; width:
78%; color: #000; border: 1px solid #FFA500; background-color: #E0; }
#columna_derecha { float: left; width: 21.6%; /* Aumentar a 22 */ color:
#000; border: 1px solid #FFF; background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px; } #contenedor_pie {
position:relative; height: 55px; margin-top:-40px; margin-bottom:0px;
background-color:#600; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
div id=contenedor_cabeza
div id=cabeceranbsp;/div
div id=loginnbsp;/div
/div !-- Contenedor de los elementos de la cabecera --
div id=contenedor_centro
div id=columna_izquierda
pMa quande lingues coalesce, li grammatica del resultant lingue es plu
simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va
esser plu simplic e regulari quam li
Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola listeros:
Nuevamente yo por aquí a ver si los CSS Masters me hechan una mano porque de
verás que por más que trato no logro hacer que esto me funcione. He probado
todas las técnicas y ninguna me funciona con elementos flotantes. Lo que estoy
haciendo (según la posible solución que Nidia me dejó planteada aquí mismo en
la lista: http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.html )
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titlePortal de Simuladores y Realidad Virtual ?=isset($title)?'-
'.$title:'';?/title
meta http-equiv=Content-Type content=text/html charset=iso-8859-1 /
/head
body
div id=contenedor
div id=contenedor_cabeza Cabecera /div
div id=contenedor_centro
div id=columna_izquierda Contenido flotado a la izquierda/div
div id=columna_derecha Contenido flotado a la izquierda/div
/div !-- Contenedor de los elementos centrales --
div id=contenedor_piePie de pagina al fondo/div
/div
/body
/html
El CSS:
* html, body {
height: 100%;
margin: 0;
padding: 0;
}
#contenedor {
min-height: 100%; /* Para pegar el pie a la base de la página */
position: relative; /* Para pegar el pie a la base de la página */
margin: 0 auto; /* Para pegar el pie a la base de la página */
width: 990px;
max-width: 990px;
text-align: left;
background: #000 url(../images/layout-background.jpg) repeat-y 50% 0;
}
#columna_izquierda {
float: left;
width: 75%;
}
#columna_derecha {
float: left;
width: 25%;
}
#contenedor_pie {
clear: both;
bottom:0px;
position:absolute;
width:100%;
border-top: 1px solid #E89700;
border-bottom: 1px solid #E89700;
height: 55px;
background-color: #000;
}
Y nada no me funciona. ¿Alguna idea de que puede estar pasando?
Salu2 y gracias por adelantado
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de webmaster
Enviado el: martes, 07 de noviembre de 2006 10:28 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola, por alguna parte de la lista, encontraras varias soluciones (revisa la
página de la lista y busca información sobre el tema, yo mismo realice ésta
pregunta un par de veces, sin embargo, aunque la lista tiene una respuesta
utilizando únicamente CSS en mi caso al intentar aplicarla no me funciono.
sn: me mando éste vinculo con la referencia:
http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010535.html
Ojo yo todavía no lo he podido solucionar bien, y las otras formas que
encuentro de resolverlo son con javascript, pero eso a mi no se me da, por
favor si encuentras una solución de css puro.
Avisame si logras solucionar,
Vlad.
p.d: En general, si alguíen a logrado ya desarrollar una plantilla en CSS, que
permita columnas fluidas, presentando el contenido primero (de tres columnas)
pie al fondo de la página, y de preferencia sin usar hacks.
Por favor avisenme, para que le levante un monumento después de compartir el
resultado.
Saludos a todos.
___
Lista de distribución Ovillo
Para 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] Pegar DIV al bottom de la ventana
Perfecto, se acerca bastante a lo que yo quiero pero aún así y todo me sigue
dando un problita. Miren el código CSS:
*
* {
padding: 0; margin: 0;
}
html, body {
min-height: 100%; height: 100%; margin: 0; padding: 0;
}
#contenedor {
min-height: 100%; position: relative; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left;
}
#cabecera {
width: 829px; height: 149px; float: left; border-bottom: 1px solid
#E89700; background-color: #FFA500;
}
#login {
width: 160px; height: 149px; float: left; background-color: #CCC;
border-bottom: 1px solid #E89700;
}
#columna_izquierda {
float: left; width: 75%; color: #000; background-color: Aqua;
}
#columna_derecha {
float: left; width: 25%; color: #000; background-color: Silver;
}
#contenedor_pie {
bottom:0; position:absolute; width:100%; border-top: 1px solid #E89700;
border-bottom: 1px solid #E89700; height: 55px; background-color: #000;
}
*
HTML:
*
div id=contenedor
div id=contenedor_cabeza
div id=cabeceranbsp;/div
div id=loginnbsp;/div
/div !-- Contenedor de los elementos de la cabecera --
div id=contenedor_centro
div id=columna_izquierdaContenido de la columna izquierda/div
div id=columna_derechaContenido de la columna derecha/div
/div !-- Contenedor de los elementos centrales --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los
elementos del pie de página --
/div !-- Contenedor --
*
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si
el DIV columna_derecha o columna_izquierda aumentara entonces también lo
hiciera su contenedor contenedor_centro pero no lo está haciendo. ¿Alguien me
podría decir en que me equivoqué esta vez?
Salu2 y gracias a todos por el tiempo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 11:02 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta, donde
el colega se ha pegado unas plantillas de diseños típicos, el que nos ocupa
entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPie.html
pues ahi esta, espero solucione.
un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy
omitiendo alguna parte pero por más que busco no la encuentro. Debajo adjunto
el código. Lo otro es que le puse un elemento que tiene clear:both debajo a
las columnas que flotan y tampoco me expande el contenido. ¿Qué es lo que estoy
haciendo mal?
***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titleFooter Arghhh !!! Me tiene loco/title
style type=text/css
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; }
* html #contenedor { height: 100%; }
#contenedor { position: relative; height: 100%; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left; }
#cabecera { width: 829px; height: 149px; float: left; border-bottom: 1px
solid #E89700; }
#login { width: 160px; height: 149px; float: left; border-bottom: 1px solid
#E89700; }
#clear { clear: both; }
#columna_izquierda { float: left; width: 78%; color: #000; border: 1px solid
#FFA500; background-color: #E0; }
#columna_derecha { float: left; width: 21.6%; /* Aumentar a 22 */ color:
#000; border: 1px solid #FFF; background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px; }
#contenedor_pie { position:relative; height: 55px; margin-top:-40px;
margin-bottom:0px; background-color:#600; margin: 0 auto; width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
div id=contenedor_cabeza
div id=cabeceranbsp;/div
div id=loginnbsp;/div
/div !-- Contenedor de los elementos de la cabecera --
div id=contenedor_centro
div id=columna_izquierda
pMa quande lingues coalesce, li grammatica del resultant lingue es plu
simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va
esser plu simplic e regulari quam li existent Europan lingues. It va esser tam
simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va
semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que
Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !--
Contenedor columna derecha --
div id=clearnbsp;/div
/div !-- Contenedor de los elementos centrales --
/div !-- Contenedor outside_footer --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los
elementos del pie de página --
/body
/html
Pruebenlo y me dejan saber si a Uds le funcionó porque lo que es a mi no hay
forma de que me funcione.
Salu2 y gracias por todo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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] Pegar DIV al bottom de la ventana
Buenas nuevamente: He probado de todas las formas que me plantean aquí y me sigue sin funcionar. ¿Lo han probado ustedes con elementos flotantes? Por ejemplo mi layout está dividido como sigue: di v id=contenedor di v id=cabecera ... /div !-- Este flota a la izquierda -- di v id=login ... /div !-- Este flota a la izquierda -- di vid=col_izquierda/div !-- Este flota a la izquierda -- di v id=col_derecha/div !-- Este flota a la derecha-- di v id=pie/div !-- Este no flota y lo que hace es un clear:both-- /div Y no me funciona. Me pone el contenido de los elementos flotantes por debajo del contenido de los DIV cabecera y login. ¿Alguna ayuda? Salu2 y gracias por adelantado -- ReynierPM 5to Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para 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] Ayuda con tamaño de fuente
Hola a todos: Muy interesante los artículos que me han dejado todos para estudiar. Se los agradezco grandemente pues he logrado aprender cosas nuevas. Inti: ¿Cómo puedo ver las equivalencias o mejor como saber que fuente alternativa poner para Linux, Mac y otros? Salu2 y gracias por adelantado -- ReynierPM 5to Ing. Informática Maestro de poco, aprendiz de mucho ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con sIFR alguna ayuda please ...
Yes, I do
PD: Can you speak in Spanish? This list is for Spanish People
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joan Piedra
Enviado el: viernes, 17 de noviembre de 2006 9:05 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con sIFR alguna ayuda please ...
Did you add the sifr-screen.css and add their styles?
On 11/17/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:
Hola listeros:
Muchos por aquí habrán visto mis mensajes averiguando sobre sIFR y de cómo
usarla. Luego de un exhaustivo estudio y búsquedas en Internet he logrado
hacerlo funcionar pero no correctamente del todo. El problema es que no me
está ocultando los elementos como debe ser por lo que los elementos que
reemplazo me salen repetidos y me deforman todo el layout. He mirado una y
otra vez la documentación pero no logro encontrar la causa de porque pasa
esto. Miren el código del sIFR:
script type=text/javascript
//![CDATA[
if(typeof sIFR == function){
sIFR.replaceElement(h1.news_header, named({sFlashSrc:
?=base_url()?assets/sifr/fonts/manga.swf, sColor: #FF, sWmode:
transparent, nPaddingRight: 5, sFlashVars:textalign=right}));
sIFR.replaceElement(h1.project_header, named({sFlashSrc:
?=base_url()?assets/sifr/fonts/manga.swf, sColor: #FF, sWmode:
transparent, nPaddingRight: 5, sFlashVars:textalign=right}));
sIFR.replaceElement(#navigation_bar li, named({sFlashSrc:
?=base_url()?assets/sifr/fonts/manga_size_20.swf, sColor: #FF,
sWmode: transparent, nPaddingRight: 5, sFlashVars:textalign=right}));
};
//]]
/script
Tienen una imagen del problema que me sucede aquí:
http://img142.imageshack.us/my.php?image=errorsp1.gif
Salu2, gracias por adelantado y esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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
--
NEO_JP || Cristalab.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Cristian: Gracias por responder. He probado el método pero no logro hacerlo funcionar en Firefox, sin embargo y contradictoriamente a lo que se hable de IE en este si se me ve a la perfección. Salu2 y esperando por nuevas sugerencias -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Christian Roque Geldres Enviado el: 09 November, 2006 8:14 AM Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola, has probado el footerStickAlt http://www.themaninblue.com/experiment/footerStickAlt/ Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: martes, 07 de noviembre de 2006 11:13 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Pegar DIV al bottom de la ventana Hola comunidad: Nuevamente me ha surgido un problema. Resulta que tengo un footer pero cuando el texto no ocupa el 100% de la ventana del navegador como es lógico los DIV contenedores no se redimensionan. Bueno el caso es que este DIV footer sube como es lógico también. La pregunta es como mantener este DIV pegado al final de la página o al bottom de la ventana. ¿Se me comprende? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] OFF TOPIC Lista de Ubuntu en Español
Hola listeros y disculpen ante todo el OFF TOPIC. En estos días me propuse migrar por completo de Win32 a Linux. Yo tengo algo de experiencia con Linux pero hace como 3 años que no trabajo con él por lo que he olvidado muchas cosas que ahora necesito rescatar. Por más que busco en Google no encuentro una lista de distribución de Ubuntu en español y que la misma sea confiable. ¿Alguien me puede dar alguna? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. ___ Lista de distribución Ovillo Para 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] OFF TOPIC Lista de Ubuntu en Español
Muchas gracias, ya estoy suscrito -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de David Rodríguez Enviado el: 09 November, 2006 10:48 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] OFF TOPIC Lista de Ubuntu en Español Envíe los mensajes para la lista ubuntu-es a [EMAIL PROTECTED] Para subscribirse o anular su subscripción a través de la WEB https://lists.ubuntu.com/mailman/listinfo/ubuntu-es O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: [EMAIL PROTECTED] Puede contactar con el responsable de la lista escribiendo a: [EMAIL PROTECTED] El día 9/11/06, Reynier Perez Mira [EMAIL PROTECTED] escribió: Hola listeros y disculpen ante todo el OFF TOPIC. En estos días me propuse migrar por completo de Win32 a Linux. Yo tengo algo de experiencia con Linux pero hace como 3 años que no trabajo con él por lo que he olvidado muchas cosas que ahora necesito rescatar. Por más que busco en Google no encuentro una lista de distribución de Ubuntu en español y que la misma sea confiable. ¿Alguien me puede dar alguna? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. ___ Lista de distribución Ovillo Para 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 -- David - # Ni fosu nian sulkon * Cavemos nuestro surco # - ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
Podrias darme la URL directa? No logro encontrarlo por ninguna parte Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Norwin Galeano U. Enviado el: 08 November, 2006 3:10 PM Para: ovillo@lists.ovillo.org Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Creo q en Cssplay.co.uk hay un template que se base en la misma idea y para evitar el desborde cuando el texto es demasiado utilizaron el overflow:scroll para que el contenido tenga una barra de desplazamiento y el header y bottom permanezcan siempre visiblres. From: Nidia Fernandez Martinez [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana Date: Tue, 7 Nov 2006 18:25:49 +0100 Yo también tuve ese problema! Espera, que voy a ver como lo solucioné... El día 7/11/06, webmaster [EMAIL PROTECTED] escribió: Ok, esto funciona bien, pero tiene un problemita, Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de un pantallaza en el navegador, entonces, lamentablemente por alguna razón, position:absolute; no funciona bien, y te deja el footer, a la mitad de la pantalla, o donde terminaba la pantalla original. Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena solucionaste tu problema :) Yo también tuve el mismo problema, lo que no recuerdo es qué hice exactamente para solucionarlo... juraría que fue algo tan absurdo como sustituir la declaración inicial por esta: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; porque tengo el recuerdo de haber hecho un cambio global en dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la dirección de la hoja de estilos que yo usé: http://www.efeyl.org/pruebas/nidia/batallas/estilo.css Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _ Visita MSN Latino Entretenimiento: ¡música, cine, chismes, TV y más...! http://latino.msn.com/entretenimiento/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Sombras en imagenes
¿Existe alguna forma con CSS de hacer una sombra a una imagen? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con alturas
Gracias por responder, pero ya había solucionado el problema solo que no había
auto-respondido a la lista. El problema es que el código HTML no se estaba
generando completo y faltaba cerrar el elemento DIV principal así como el BODY
y el HTML. Al parecer nuestro querido amigo IE no interpretaba la página o no
se que estaba pasando pero bueno solucioné el problema.
Salu2 y gracias por todo, no se que sería de mi sin la ayuda de muchos de
ustedes aquí en Ovillo
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Salugral Adriana Pazos García-Camino
Enviado el: 07 November, 2006 9:40 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] problema con alturas
Hola Reyner,
he hecho una prueba con el código que has mandado y yo lo veo
perfectamente en IE.
Para probarlo he vinculado una imagen que tenía en local, así que creo que el
problema está en la imagen, nombre de la imagen o en la ruta.
Saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 16:05
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] problema con alturas
Nuevamente yo por acá. Me he estudiado rigurosamente el documento Faux-
Columns y ahora me funciona el sitio a la perfección pero en navegadores !=
IE. En IE no hay forma de que se me vea el fondo repetido en las Y. Aquí les
va
el CSS:
* {
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body {
background: #000 url(../images/layout-background.jpg) repeat-y 50%
0;
color: #FFF;
font: 76% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}
#contenedor
{
width: 990px;
text-align: left;
margin: 0 auto;
height: 100%;
background-color: #000;
}
#header
{
width: 829px;
height: 149px;
float: left;
background: #000 url(../images/banner_rv.png) no-repeat;
border-bottom: 1px solid #E89700;
}
#login
{
width: 160px;
height: 149px;
float: left;
background: #000 url(../images/bck/login_form.png) no-repeat;
border-bottom: 1px solid #E89700;
}
#contenido_izquierdo
{
width: 829px;
height: auto;
float: left;
}
#contenido_derecho
{
width: 160px;
height: auto;
float: right;
}
Y el HTML correspondiente es el siguiente:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titlePortal de Simuladores y Realidad Virtual /title
link type=text/css rel=stylesheet
href=http://simpro.uci.cu/themes/simpro/css/style1.css; /
/head
body
div id=contenedor
div id=headernbsp;/div
div id=logindiv class=form_info/div/div
div id=contenido_izquierdo
div id=navigation_bar/div !-- Navegacion --
/div !-- Columna izquierda --
div id=contenido_derecho/div !-- Columna derecha --
div id=pie_de_pagina/div !-- Pie de pagina --
/div !-- Contenedor --
/body
/html
¿Alguna solución para mi problema? ¿Dónde estoy metiendo la pata?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Pegar DIV al bottom de la ventana
Hola comunidad: Nuevamente me ha surgido un problema. Resulta que tengo un footer pero cuando el texto no ocupa el 100% de la ventana del navegador como es lógico los DIV contenedores no se redimensionan. Bueno el caso es que este DIV footer sube como es lógico también. La pregunta es como mantener este DIV pegado al final de la página o al bottom de la ventana. ¿Se me comprende? Salu2 y gracias por adelantado -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco ___ Lista de distribución Ovillo Para 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] Pegar DIV al bottom de la ventana
Muchas gracias Nidia, he probado cambiando algunas cosas en mi CSS y me ha
funcionado a la perfección en IE y FF 2.0. Saludos y le dejo el CSS a
Webmaster que tiene problemas y a otros que pregunten lo mismo:
#footer
{
height: 55px;
background-color: #000;
position:absolute;
bottom:0px;
width: 990px;
}
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Nidia Fernandez Martinez
Enviado el: 07 November, 2006 10:35 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola,
Yo utilicé la solución expuesta en
http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.html y me
funcionó bastante bien.
--
Nidia Fernández Martínez
Alhana, Alhanita, Nahriah...
http://alhanita.blogspot.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
Pues sip, estás en lo cierto lo había probado pero no en páginas con grandes
contenidos como tu dices en los cuales efectivamente el DIV se me queda pegado
justo a la mitad de la pantalla y no baja. Creo que la solución debe andar por
JS pero no se donde buscar. Cualquier cosa me avisas
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de webmaster
Enviado el: 07 November, 2006 11:15 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Ok, esto funciona bien, pero tiene un problemita,
Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de
un pantallaza en el navegador, entonces, lamentablemente por alguna razón,
position:absolute; no funciona bien, y te deja el footer, a la mitad de la
pantalla, o donde terminaba la pantalla original.
Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena
solucionaste tu problema :)
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Reynier Perez Mira
Sent: Martes, 07 de Noviembre de 2006 10:49 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Muchas gracias Nidia, he probado cambiando algunas cosas en mi CSS y me ha
funcionado a la perfección en IE y FF 2.0. Saludos y le dejo el CSS a
Webmaster que tiene problemas y a otros que pregunten lo mismo:
#footer
{
height: 55px;
background-color: #000;
position:absolute;
bottom:0px;
width: 990px;
}
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En
nombre de Nidia Fernandez Martinez
Enviado el: 07 November, 2006 10:35 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola,
Yo utilicé la solución expuesta en
http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.html y me
funcionó bastante bien.
--
Nidia Fernández Martínez
Alhana, Alhanita, Nahriah...
http://alhanita.blogspot.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pegar DIV al bottom de la ventana
Hola Nidia: Yo tengo una estrctura en mi HTML como la que sigue: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp head titlePortal de Simuladores y Realidad Virtual /title link type=text/css rel=stylesheet href=http://simpro.uci.cu/themes/simpro/css/style.css; / /head body div id=wrapper div id=headernbsp;/div !-- Cabecera -- div id=loginTexto/div !-- smfBridge Login -- div id=left_col div id=briefcaseAqui el contenido del Portafolio/div !-- Portafolio -- div id=promotionAqui promociones/div !-- Promociones -- /div !-- Columna izquierda -- div id=right_col Contenido de la columna derecha /div !-- Columna derecha -- div id=footer Contenido del pie de pagina /div !-- Pie de página -- /div !-- Contenedor -- /body /html Entonces si hago cambios en el #footer poniendole position: absolute y en el #wrapper poniendole position: relative todo se me deforma. ¿Qué solucion le darias a esto? Salu2 y gracias por todo -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nidia Fernandez Martinez Enviado el: 07 November, 2006 11:26 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Yo también tuve ese problema! Espera, que voy a ver como lo solucioné... El día 7/11/06, webmaster [EMAIL PROTECTED] escribió: Ok, esto funciona bien, pero tiene un problemita, Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de un pantallaza en el navegador, entonces, lamentablemente por alguna razón, position:absolute; no funciona bien, y te deja el footer, a la mitad de la pantalla, o donde terminaba la pantalla original. Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena solucionaste tu problema :) Yo también tuve el mismo problema, lo que no recuerdo es qué hice exactamente para solucionarlo... juraría que fue algo tan absurdo como sustituir la declaración inicial por esta: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; porque tengo el recuerdo de haber hecho un cambio global en dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la dirección de la hoja de estilos que yo usé: http://www.efeyl.org/pruebas/nidia/batallas/estilo.css Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Sombras en imagenes
Hola Adriana:
He probado usando la segunda forma pues ni con la primera ni con la tercera lo
logré. Ahora tengo algunos problemas entre IE y FF. En el primero se ve todo
mal. Miren la imagen debajo. Todo sale deformado en lo que a la sombra se
refiere pues el otro problema lo tengo localizado ya, son unos pixeles de más.
En FF el problema es que la sombra inferior está corrida un poco hacia la
izquierda y en los ejemplos que ellos ponen veo que todo está perfecto.
El CSS mio es este:
.image_blur
{
background: transparent url(../images/shadow1.png);
color: inherit;
margin-left: 4px;
margin-top: 4px;
}
.image_shadow
{
background: transparent url(../images/shadow2.png);
color: inherit;
}
.image_shadow, .image_content
{
position: relative;
bottom: 2px;
right: 2px;
}
.image_content
{
background-color: #525565; /*background color of content*/
color: #000; /*text color of content*/
}
Y el HTML como está en el ejemplo:
div class=image_blur
div class=image_shadow
div class=image_content
a href=http://simpro.uci.cu/modules/news/get_current_news/5/8;img
src=http://simpro.uci.cu/upload/noticias/455d6f418bb06b01105961aaae55ce73_thumb.jpg;
alt=Google compra JotSpot, una desarrolladora de wikis title=Google compra
JotSpot, una desarrolladora de wikis //a
/div
/div
/div
¿Alguna idea de que hago mal?
FF: http://img501.imageshack.us/my.php?image=imagenffny0.jpg
IE: http://img295.imageshack.us/my.php?image=imageniemt0.jpg
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Salugral Adriana Pazos García-Camino
Enviado el: 07 November, 2006 9:43 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Sombras en imagenes
Aquí explican varias
http://www.desarrolloweb.com/articulos/2080.php
Saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 16:05
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Sombras en imagenes
¿Existe alguna forma con CSS de hacer una sombra a una imagen?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Centrar texto e imágenes
Hola listeros:
Tengo un DIV que contiene dentro imágenes y texto pero no logro centrarlos
verticalmente, o sea que las imágenes me queden parejas con el texto. He
probado con lo siguiente:
.button_bar
{
text-align: right;
padding: 0 5px 0 0;
vertical-align: middle;
line-height: 18px;
height: 18px;
}
Pero no me funciona. A ver si alguien me tira un tip para poder hacer esto
correctamente. El código HTML correspondiente es el que sigue:
div class=button_bar
Aquí va un texto que es un rating de la noticia
img src= themes/simpro/images/icons/to_pdf.png alt= title= /
img src= themes/simpro/images/icons/to_txt.png alt= title= /
img src= themes/simpro/images/icons/to_zip.png alt= title= /
::
a href= modules/news/do_rating/1/5/13img
src=themes/simpro/images/icons/star.png alt= //a
a href=modules/news/do_rating/2/5/13img
src=themes/simpro/images/icons/star.png alt= //a
a href=modules/news/do_rating/3/5/13img
src=themes/simpro/images/icons/star.png alt= //a
a href=modules/news/do_rating/4/5/13img
src=themes/simpro/images/icons/star.png alt= //a
a href=modules/news/do_rating/5/5/13img
src=themes/simpro/images/icons/star.png alt= //a
/div
Salu2 y esperando ayuda, ahhh gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
___
Lista de distribución Ovillo
Para 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
