Re: [Ovillo] Problema con posicionamiento
Ante todo muchas gracias por responder. He estado siguiendo al pie de la letra
todas las instrucciones que me dan ya que gracias a Ud. y un poco de estudio y
lectura he podido comprender conceptos y he llevado el diseño a un lugar que
nunca antes pensaba llegar con CSS. Bueno ahora sigo con algunos problemas de
posicionamiento y esta vez me va con IE. La página hasta ahora se ve casi
perfecta en Firefox e imagino que en navegadores como Camino (Mac), Opera
(Win/Mac/Lin) y cualquier otro, pero en IE tengo algunos problemas.
Fijense en el siguiente código:
...
Esta es la columna de la izzquierda, la estoy
posicionando de la mejor manera posible.
Creao que esto esta quedando bien
Samsung retrasa a junio el lanzamiento del Blu-ray en
Estados Unidos
La surcoreana Samsung Electronics dijo el martes
que ha retrasado en un mes el lanzamiento estadounidense de su reproductor DVD
de próxima generación, hasta finales de junio, de cara a completar las
pruebas.
La japonesa Toshiba comenzó la semana pasada con el
lanzamiento en Japón de sus reproductores en formato HD DVD, convirtiéndose en
la primera compañía en ofrecer en todo el mundo la próxima generación de
reproductores de discos ópticos. Samsung reestructurará el lanzamiento de su
reproductor de formato Blu-ray en Estados Unidos del 23 de mayo al 25 de junio,
dijo la compañía en un comunicado distribuido por una agencia de relaciones
públicas. "No obstante, anticipamos que el BD-P1000 Samsung será el primer
reproductor Blu-ray en ser lanzado a nivel nacional en Estados Unidos", dijo
Samsung en un comunicado. La japonesa Sony planea ofrecer los reproductores
Blu-ray en julio en Estados Unidos. La tecnología Blu-ray está compitiendo con
la HD DVD en la emergente guerra por el estándar del próximo DVD, que ofrece
más capacidad de almacenamiento para películas de alta definición que el actual
formato DVD.
/*columna de la derecha (AZUL)*/
Quie es esto
...
El problema está en el DIV c_colCenter pues no se me alinea verticalmente al
tope. La diferencia clara está cuando lo miran con IE y con Firefox. El CSS es
el siguiente:
div#c_colCenter { width: 50.5%; margin: 0 180px; color: #fff; padding:.5em;
text-align: justify }
Alguna ayuda con esto? El ejemplo online lo tienen en:
http://www.valencia.ch/simpro/samplev11.htm
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Error con propiedad en fuente
Si eso mismo era. Gracias a ti y a Federico MP comprendí que eran las comillas. Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Costo de la usabilidad en el web
Hola amigos, quisiera saber vuestra opinión sobre un tema respecto del cual ya tengo opinión formada, pero que no está demás leer sus opiniones. El día de hoy circunstancialmente me topé con un sitio web cuyo fuerte es el marqueting, pero que entre sus líneas ofrecía diseño de sitios web. Bueno pues, estaba navegando luego del almuerzo así que me decidí hacer una consulta sobre el diseño de un web de 10 páginas diseñado integramente con CSS. Al recibir su respuesta, y entre otras cosas, me contestó que no hacían webs íntegramente con CSS porque son sitios más costosos en tanto se deben tener en cuenta criterios de usabilidad y accesibilidad, criterios que los clientes no están dispuestos a pagar adicionalmente.(??) (Por siacaso un web simple de 10 páginas sin base de datos ni nada "especial" fué cotizado en US$1885.00 incluyendo el hosting y dominio. No indicó que espacio ofrecía) Y acá viene la pregunta de fondo: ¿Consideran ustedes que se debería pagar "adicionalmente" por diseñar íntegramente con CSS y aplicando las recomendaciones de usabilidad y accesibilidad? De tener fundamento esa premisa, supongo que muchos de nosotros ya deberíamos estar pasando una vida de reyes diseñando sitios web usables y accesibles. Usable y accesiblemente, Miguel Flores Franco Pixelperu Arte, Diseño, Web y Teletrabajo http://www.pixelperu.com http://www.pixelperu.net Telf.: +511 567 7475 MSN: [EMAIL PROTECTED] VoipBuster: pixelperu SKYPE ID: pixelperu ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] DEGRADADO CSS
:S Entonces no podré aplicarla porque mi favorito es FF!!! Qué desepción!! ¡¡Muchas gracias Federico!! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Federico MP Sent: Wednesday, April 12, 2006 5:57 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] DEGRADADO CSS On Wed, 12 Apr 2006 19:42:14 -0300, Benitez Soto, Erika Patricia <[EMAIL PROTECTED]> wrote: > filter ¡¡pero FF la ignora!!, alguien sabe que pasa? Propietaria de Microsoft. Use Internet Explorer para una mejor experiencia gráfica. :P -- Federico MP http://511.dabomb.com.ar Using Opera's revolutionary e-mail client: http://www.opera.com/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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] DEGRADADO CSS
On Wed, 12 Apr 2006 19:42:14 -0300, Benitez Soto, Erika Patricia <[EMAIL PROTECTED]> wrote: > filter ¡¡pero FF la ignora!!, alguien sabe que pasa? Propietaria de Microsoft. Use Internet Explorer para una mejor experiencia gráfica. :P -- Federico MP http://511.dabomb.com.ar Using Opera's revolutionary e-mail client: http://www.opera.com/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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] DEGRADADO CSS
Hola!.. He encontrado esta instrucción que me fascinó: filter:Alpha(Opacity=100, FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%) ¡¡pero FF la ignora!!, alguien sabe que pasa? Muchas Gracias!!! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] (offtopic) Formulario de cotizacion web
Eso se llama BlueShore On 4/11/06, Mikercito <[EMAIL PROTECTED]> wrote: > Te fumaste un wiro o que?? > > Miguel Flores Franco > Pixelperu > Arte, Diseño, Web y Teletrabajo > > http://www.pixelperu.com > http://www.pixelperu.net > Telf.: +511 567 7475 > MSN: [EMAIL PROTECTED] > VoipBuster: pixelperu > SKYPE ID: pixelperu > > - Original Message - > From: ":: Info ::" <[EMAIL PROTECTED]> > To: "Ovillo, la lista de CSS en castellano" > Sent: Tuesday, April 11, 2006 4:50 PM > Subject: [Ovillo] (offtopic) Formulario de cotizacion web > > > Estimado compañeros, ja ja: > > Queria consultarles si alguien tiene en un word o pdf un formulario de > cotizacion web, algo que este bastante complejo para yo poder trabajar con > mis clientes. > > Saludos. > > Manu > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > -- /* Att. WRRH Debian User [EMAIL PROTECTED] cv = http://curriculum.asoajedrene.net blog = http://libertad.asoajedrene.net ``Software Libre'' es un asunto de libertad, no de precio. Para entender el concepto, debes pensar en ``libre'' como en ``libertad de expresión'', no como en ``cerveza gratis''. ``Software Libre'' se refiere a la libertad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software. */ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Error con propiedad en fuente
On Wed, 12 Apr 2006 14:17:23 -0300, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > Y que significa que le ponga las "" a ese elemento Nada en particular más alla de que las reglas de CSS dicen que los nombres de fuentes que tengan espacios deben ir entre comillas para evitar confusiones. font-family: http://www.w3.org/TR/CSS21/fonts.html#font-family-prop Un par de párrafos más abajo aclara sobre el tema de caracteres especiales y espacios en blanco en los nombres de las fuentes. -- Federico MP http://511.dabomb.com.ar Using Opera's revolutionary e-mail client: http://www.opera.com/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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Date Picker mediante css
Buenas, como en este foro hay bastantes conocimientos genericos, quería preguntar si alguien sabe de algún control calendario (Date Picker), que se pueda asociar dinamicamente mediante atributos "class". Es decir, tener un componente que se puede reusar para introducir fecha, y mi pensamiento era ver si habia alguno que estuviera enlazado con CSS, y por ejemplo con solo poner se pueda usar. El interés principal de buscar ver si hay uno interesante, es que tengo uno de prueba implementado en un "div", y queria estudiar como puedo superponerlo a los Combos, pues en el Explorer, estos componentes siempre están en primer plano. Bueno se escapa un poco de este foro estas preguntas, pero dado que tiene mucha actividad, me gustaría saber si hay alguien que me pudiera ayudar. Gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Error con propiedad en fuente
Y que significa que le ponga las "" a ese elemento, ¿puede ser que este tenga preferencia de ser usado sobre los otros?. Los otros días leí en Internet que cuando le aplico la propiedad font-family: "Tahoma",Trebuchet MS, Helvetica, Arial, sans-serif; en ese orden es que va tomando las fuentes en dependencia de si estas instaladas o no de lo contrario usa Times que es la que usan casi todos los navegadores por defecto. Estoy en lo correcto o ... Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Error con propiedad en fuente
On Wed, 12 Apr 2006 10:00:43 -0300, Reynier Perez Mira
<[EMAIL PROTECTED]> wrote:
> .. "Error al leer el valor para la propiedad 'font'. Declaración
> rechazada." ...
> body {font-family: "Tahoma",Trebuchet MS, Helvetica, Arial, sans-serif;
Quizás sea porque no le pusiste comillas a "Trebuchet MS".
--
Federico MP
http://511.dabomb.com.ar
Using Opera's revolutionary e-mail client: http://www.opera.com/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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] KDD en Madrid
Pues perfecto, luego ya veremos quién se raja eh! :) Bueno, pues en principio como dice Felix, quedamos el... *Miércoles 3 de mayo a las 20:00 en el Oneills[1] de huertas *De todas formas que la gente que crea que va a ir que lo vaya diciendo, y cuando se vaya acercando el día ya haremos un recordatorio. [1] - http://oneillspubs.com/madrid.html * * Alejandro Lillo escribió: >> Yo creo que la hora buena para quedar sería algo así como a las 20:00h. >> ¿Y donde? pues se admiten sugerencias...va a ser por bares o cafeterías >> en Madrid :) >> Sugiero quedar en un irlandés[1] que hay por huertas, el lugar se llama >> O´neills, es grande con bastantes mesas y creo que podría ser buen lugar >> para sentarnos y hablar sobre estándares con unas cervezas. >> ¿Como lo veís? >> [1] http://www.oneillspubs.com/madrid.html >> > > Me parece adecuado. Intentaré estar. ;-) > > -- > Alejandro Lillo > www.nordic-design.net > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
On 4/12/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > > Hola: > El problema de los DIV viene por el tipo de posicionamiento. Piensa que si > le pones absolute son las coordenadas relativas al borde superior,izquierda > de tu página, por lo que si cambias el tamaño de tu navegador siempre > estarán los elemento en esa misma posición. El resto siempre queda centrado > pero los elemento absolute no. > Prueba a cambiar a "relaitive" el posicionamiento, ya que las coordenadas > serán relativas. > Puf, es difícil de explicar, pero haz la prueba > además de esta opción del posicionamiento relativo, que yo no he probado, la que utilizo yo es un modelo puramente elástico, con todos los tamaños especificados en 'em'. así si hago un posicionamento absoluto, digamos a top: 3em, me seguirá manteniendo todo el diseño, puesto que se aleja/acerca a la parte superior de la pantalla a igual ritmo que haces la fuente más grande o más pequeña, y por tanto, todos los contenedores también crecen o se encogen. saludos -- Si no puedes deslumbrar con tu inteligencia, 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
Gracias por tu respuesta Javier: Probaré lo que me dices sobre el pocisionamiento "absoluto" o "relativo". Lo que pasa es que no me quedaba muy claro que significaban las propiedades y los valores pero ahora con lo que me dices me queda un poco más claro aunque no cristalino. Sobre el diseño está realizado para 800x600 y hasta ahora no me han pedido que lo haga en otra resolución mayor, lo que si me pidieron es que lo hiciera para IE y no lo estoy cumpliendo del todo pues estoy diseñando con Firefox. Cuando termine de posicionar todo en Firefox y logré que se me vea correcto entonces me fajaré con las cosas en IE ya que creo son un poco más complicadas -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > Enviado el: Wednesday, April 12, 2006 9:16 AM > Para: Ovillo, la lista de CSS en castellano > CC: Reynier Perez Mira > Asunto: Re: [Ovillo] Problema con posicionamiento > > Hola: > > El problema de los DIV viene por el tipo de posicionamiento. > Piensa que si le pones absolute son las coordenadas relativas > al borde superior,izquierda de tu página, por lo que si > cambias el tamaño de tu navegador siempre estarán los > elemento en esa misma posición. El resto siempre queda > centrado pero los elemento absolute no. > > Prueba a cambiar a "relaitive" el posicionamiento, ya que las > coordenadas serán relativas. > > Puf, es difícil de explicar, pero haz la prueba > > En cuanto a lo de la resolución no sé muy bien cuál es el más > extendido al dia de hoy, pero te recominedo que lo diseñes a > 800x600 (a no ser que te pidan lo contrario) porque todavía > hay mucha gente que tiene monitores pequeños o con problemas > de visión y dejan la resolución a 800x600. A cuantos más > llegues mejor. > > Saludos > > > Reynier Perez Mira escribió: > > Hola lista: > > Como muchos habrán podido observar en estos días me he dado > a la tarea de maquetar mi sitio con CSS en vez de hacerlo con > tablas. Los diseños pueden verlos en la siguiente dirección: > > [1] Maquetado con tablas: http://www.valencia.ch/simpro/samplev1.htm > > [2] Maquetado con CSS: http://www.valencia.ch/simpro/samplev10.htm > > > > Antes de seguir una pequeña pregunta: ¿A que resolución debería > > diseñar mi página? ¿800x600? ¿1024x768? ¿Cuál es la más estándar en > > Internet? (me refiero a la más usada) > > > > Bueno continuando con los problemas que estoy presentando. > Tengo algunos DIV posicionados con la propiedad "position" en > "absolute" y cuando redimensiono la página para ver como se > ve en las diferentes resoluciones, dígamos 800x600 se me > mueven de lugar y distorsinan por completo la página haciendo > que la misma se vea mal. Compruebenlo por ustedes mismos en > la página maquetada con CSS [2]. Que puedo hacer para > solucionar este problema? > > Salu2 > > -- > > ReynierPM > > 4to. Ing. Informática > > Linux User: #310201 > > El programador superhéroe aprende de compartir sus > conocimientos. Es el referente de sus compañeros. Todo el > mundo va a preguntarle y él, secretamente, lo fomenta porque > es así como adquiere su legendaria sabiduría: escuchando > ayudando a los demá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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con posicionamiento
Hola: El problema de los DIV viene por el tipo de posicionamiento. Piensa que si le pones absolute son las coordenadas relativas al borde superior,izquierda de tu página, por lo que si cambias el tamaño de tu navegador siempre estarán los elemento en esa misma posición. El resto siempre queda centrado pero los elemento absolute no. Prueba a cambiar a "relaitive" el posicionamiento, ya que las coordenadas serán relativas. Puf, es difícil de explicar, pero haz la prueba En cuanto a lo de la resolución no sé muy bien cuál es el más extendido al dia de hoy, pero te recominedo que lo diseñes a 800x600 (a no ser que te pidan lo contrario) porque todavía hay mucha gente que tiene monitores pequeños o con problemas de visión y dejan la resolución a 800x600. A cuantos más llegues mejor. Saludos Reynier Perez Mira escribió: > Hola lista: > Como muchos habrán podido observar en estos días me he dado a la tarea de > maquetar mi sitio con CSS en vez de hacerlo con tablas. Los diseños pueden > verlos en la siguiente dirección: > [1] Maquetado con tablas: http://www.valencia.ch/simpro/samplev1.htm > [2] Maquetado con CSS: http://www.valencia.ch/simpro/samplev10.htm > > Antes de seguir una pequeña pregunta: ¿A que resolución debería diseñar mi > página? ¿800x600? ¿1024x768? ¿Cuál es la más estándar en Internet? (me > refiero a la más usada) > > Bueno continuando con los problemas que estoy presentando. Tengo algunos DIV > posicionados con la propiedad "position" en "absolute" y cuando redimensiono > la página para ver como se ve en las diferentes resoluciones, dígamos 800x600 > se me mueven de lugar y distorsinan por completo la página haciendo que la > misma se vea mal. Compruebenlo por ustedes mismos en la página maquetada con > CSS [2]. Que puedo hacer para solucionar este problema? > Salu2 > -- > ReynierPM > 4to. Ing. Informática > Linux User: #310201 > El programador superhéroe aprende de compartir sus conocimientos. Es el > referente de sus compañeros. Todo el mundo va a preguntarle y él, > secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: > escuchando ayudando a los demá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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Liquid VS Elastic Layout
Hola Marco: Ante todo gracias por tu respuesta. Lo que pude entendir sobre hibrido+elastic es algo sobre los valores a usar ya que en uno están dado en porcentaje y en el otro con "em" (tamaño relativo a las fuentes). ¿Es así o me equivoco? Entonces tendría que jugar un poco con esos valores e ir probando como me van las cosas. Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con posicionamiento
Hola lista: Como muchos habrán podido observar en estos días me he dado a la tarea de maquetar mi sitio con CSS en vez de hacerlo con tablas. Los diseños pueden verlos en la siguiente dirección: [1] Maquetado con tablas: http://www.valencia.ch/simpro/samplev1.htm [2] Maquetado con CSS: http://www.valencia.ch/simpro/samplev10.htm Antes de seguir una pequeña pregunta: ¿A que resolución debería diseñar mi página? ¿800x600? ¿1024x768? ¿Cuál es la más estándar en Internet? (me refiero a la más usada) Bueno continuando con los problemas que estoy presentando. Tengo algunos DIV posicionados con la propiedad "position" en "absolute" y cuando redimensiono la página para ver como se ve en las diferentes resoluciones, dígamos 800x600 se me mueven de lugar y distorsinan por completo la página haciendo que la misma se vea mal. Compruebenlo por ustedes mismos en la página maquetada con CSS [2]. Que puedo hacer para solucionar este problema? Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Error con propiedad en fuente
Mira a ver si el error te lo da en la siguiente lineafont-family:
"Tahoma",Trebuchet MS, Helvetica, Arial, sans-serif;
porque las comillas hay que ponerlas en las fuentes formadas por dos
palabras seri asi:font-family: Tahoma,"Trebuchet MS", Helvetica, Arial,
sans-serif;
DIme a ver si es eso
Reynier Perez Mira escribió:
> Hola lista:
> Estoy usando Firefox y la extensión Firebug para validar mis documentos,
> además de la HTML Validator. El primero me está dando este error:
> .. "Error al leer el valor para la propiedad 'font'. Declaración rechazada."
> ...
> Y no se como solucionarlo. Ese es el único error de validación que
> actualmente tengo. El CSS es el siguiente:
>
> /* SIMPRO V2.0 CSS */
> html,body{ margin:0; padding:0; }
> body{
> background: #00 url(../images/bg_line.jpg) top center repeat-y;
> font-family: "Tahoma",Trebuchet MS, Helvetica, Arial, sans-serif;
> font-size: .85em;
> margin: 0;
> text-align: center;
> }
> /*Posicionamiento de los elementos pertenecientes a la cabecera*/
> div#c_Header1 {
> background: url(../images/simprov2_h_c1.jpg) no-repeat center;
> width: 760px;height: 213px; margin-top : 0;
> }
> div#c_Header2 {
> background: url(../images/simprov2_h_c2.jpg) no-repeat center;
> width: 760px; height: 78px; margin-top : 0;
> }
> /*Para visualizar los DIV y ver como va quedando el muñeco*/
> div {border: 1px dotted White; }
> p{ margin:0 10px 10px; }
> /*Vínculos a nivel de página*/
> a:link, a:active, a:visited { color: #FF; text-decoration: none; }
> a:hover { color: #681D06; elevation: higher; text-decoration: underline; }
> /* Contenedor General */
> div#c_Contenedor{
> margin:0 auto;
> text-align:left;
> padding:0;
> width:760px;
> }
>
> /* Menu */
> #c_Menu { float: right; width: 194px; list-style-type: none; }
> #c_Menu li { line-height: 23px; }
> #c_Menu li a:hover { color: #E0; /*border-right: 5px solid #617282;
> padding:0px 2px 0px 2px; */ }
> /* Menu Items */
> #c_Item2 { padding: 13px 0px 0px 62px; }
> #c_Item3 { padding: 4px 0px 0px 60px; }
> #c_Item4 { padding: 4px 0px 0px 58px; }
> #c_Item5 { padding: 4px 0px 0px 52px; }
> #c_Item6 { padding: 2px 0px 0px 48px; }
> #c_Item7 { padding: 2px 0px 0px 40px; }
> div#c_Menu a:hover { color: #E0; elevation: higher; }
> /*Contenedores*/
> div#contenedor{ width:760px; margin:0 auto; }
> div#contenedor p{ line-height:1.4em }
> /*Para posicionar los siguientes elementos: columna derecha, central,
> izquierda, footer*/
> div#c_Middle{float:left; width:100%; vertical-align: top;}
> /*Panel lateral izquierda*/
> div#c_colLeft { float:left; width:25%; color: #fff; margin-left:0; }
> /*Panel central*/
> div#c_colCenter{ width: 50%; margin: 0 180px; color: #fff; padding:.5em;
> text-align: justify }
> /*Panel lateral derecho*/
> div#c_colRight{ float : right; width : 20%; color:#fff; padding : 1em; }
> div#c_Footer{ background: url(../images/simpro_v2_r18_c1.jpg) no-repeat
> center; width: 760px; height: 43px; line-height: 43px; color:#fff;margin:0;
> vertical-align: middle; text-align: left; clear:both; }
> .clear { clear: both; }
> /*Posicionamiento del formulario de búqsqueda*/
> div#c_SearchForm{ position: absolute; left:455px; right:auto; top:210px;
> float:left; text-align: center; color:#FF; margin:0; height: 25px;}
> #query_word, #search { margin : 2px; background: transparent;border: 1px
> solid #FF;color: #FF; }
> #query_word { width: 130px; }
> #search { width: 70px; }
> /*Posicionamiento del DIV para la fecha y la hora*/
> div#c_FechaHora { font: 10pt; position: absolute; left:390px; right:auto;
> top:255px; float:left; text-align: center; color:#FF; margin:0; }
> /*Elementos de formularios*/
> fieldset { padding : 5px; margin : 10px; text-align : left; }
> div > fieldset { border : 1px dotted; }
> legend { color : black; text-align : center; }
> textarea { height : 200px; width : 200px; background-color : #fff;
> vertical-align : top; }
> kbd { font-family : "Arial Narrow", Garamond, Courier, monospace;
> padding-left : 2px; font-size : 100%; }
> label, input { font : 10pt Arial, Trebuchet, Helvetica, sans-serif; color :
> #3670a7; float : left; margin-bottom : 5px; background-color : #fff; }
> button { padding : 2px; color : #000; background-color : #fff; }
> /*Noticias en la portada*/
> p.c_notTittle, p.c_notContent, p.c_notDescription { text-align: justify; }
> p.c_notTittle { font-weight: bolder; color: #00; padding: 1px 2px 1px
> 2px; border: 1px solid #FF; background-color: #EE; }
> p.c_notContent { border: 1px none #FFCC32; }
> p.c_notDescription { padding: 1px 2px 1px 2px; }
> img.c_notImage { float: right; padding: 0px 0px 1px 5px; }
> /*Contenido de la columna lateral izquierda*/
> p.c_colLeftHeader { background: url(../images/simpro_r11_c1.jpg) no-repeat;
> background-color: #415C77; vertical-align: top; text-align:justify; }
> p.c_colLeftContent { color: #00; vertical-align: top; padding: 2px 3px
> 2px 3px; background-color: #4
Re: [Ovillo] Problemas con el alto de una celda
Manda el HTML y te lo miro
[EMAIL PROTECTED] escribió:
> Hola a todos,
>
> Tengo un problema con el "height" de una capa en explorer.
>
> Las características son estas
>
> #C3 {float:left; width:220px; height:150px; margin-left:14px;
> margin-top:17px; border:0px solid #CC;}
>
> Pero no coge la altura, el contenido es menos ancho que la capa y la capa
> siempre la ajusta al tamaño del contenido.
>
> ¡Gracias!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Error con propiedad en fuente
Hola lista:
Estoy usando Firefox y la extensión Firebug para validar mis documentos, además
de la HTML Validator. El primero me está dando este error:
.. "Error al leer el valor para la propiedad 'font'. Declaración rechazada." ...
Y no se como solucionarlo. Ese es el único error de validación que actualmente
tengo. El CSS es el siguiente:
/* SIMPRO V2.0 CSS */
html,body { margin:0; padding:0; }
body{
background: #00 url(../images/bg_line.jpg) top center repeat-y;
font-family: "Tahoma",Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: .85em;
margin: 0;
text-align: center;
}
/*Posicionamiento de los elementos pertenecientes a la cabecera*/
div#c_Header1 {
background: url(../images/simprov2_h_c1.jpg) no-repeat center;
width: 760px; height: 213px; margin-top : 0;
}
div#c_Header2 {
background: url(../images/simprov2_h_c2.jpg) no-repeat center;
width: 760px; height: 78px; margin-top : 0;
}
/*Para visualizar los DIV y ver como va quedando el muñeco*/
div { border: 1px dotted White; }
p { margin:0 10px 10px; }
/*Vínculos a nivel de página*/
a:link, a:active, a:visited { color: #FF; text-decoration: none; }
a:hover { color: #681D06; elevation: higher; text-decoration: underline; }
/* Contenedor General */
div#c_Contenedor{
margin:0 auto;
text-align:left;
padding:0;
width:760px;
}
/* Menu */
#c_Menu { float: right; width: 194px; list-style-type: none; }
#c_Menu li { line-height: 23px; }
#c_Menu li a:hover { color: #E0; /*border-right: 5px solid #617282;
padding:0px 2px 0px 2px; */ }
/* Menu Items */
#c_Item2 { padding: 13px 0px 0px 62px; }
#c_Item3 { padding: 4px 0px 0px 60px; }
#c_Item4 { padding: 4px 0px 0px 58px; }
#c_Item5 { padding: 4px 0px 0px 52px; }
#c_Item6 { padding: 2px 0px 0px 48px; }
#c_Item7 { padding: 2px 0px 0px 40px; }
div#c_Menu a:hover { color: #E0; elevation: higher; }
/*Contenedores*/
div#contenedor { width:760px; margin:0 auto; }
div#contenedor p{ line-height:1.4em }
/*Para posicionar los siguientes elementos: columna derecha, central,
izquierda, footer*/
div#c_Middle{ float:left; width:100%; vertical-align: top;}
/*Panel lateral izquierda*/
div#c_colLeft { float:left; width:25%; color: #fff; margin-left:0; }
/*Panel central*/
div#c_colCenter { width: 50%; margin: 0 180px; color: #fff; padding:.5em;
text-align: justify }
/*Panel lateral derecho*/
div#c_colRight { float : right; width : 20%; color:#fff; padding : 1em; }
div#c_Footer{ background: url(../images/simpro_v2_r18_c1.jpg) no-repeat
center; width: 760px; height: 43px; line-height: 43px; color:#fff; margin:0;
vertical-align: middle; text-align: left; clear:both; }
.clear { clear: both; }
/*Posicionamiento del formulario de búqsqueda*/
div#c_SearchForm{ position: absolute; left:455px; right:auto;
top:210px; float:left; text-align: center; color:#FF; margin:0; height:
25px;}
#query_word, #search { margin : 2px; background: transparent; border: 1px
solid #FF; color: #FF; }
#query_word { width: 130px; }
#search { width: 70px; }
/*Posicionamiento del DIV para la fecha y la hora*/
div#c_FechaHora { font: 10pt; position: absolute; left:390px; right:auto;
top:255px; float:left; text-align: center; color:#FF; margin:0; }
/*Elementos de formularios*/
fieldset { padding : 5px; margin : 10px; text-align : left; }
div > fieldset { border : 1px dotted; }
legend { color : black; text-align : center; }
textarea { height : 200px; width : 200px; background-color : #fff;
vertical-align : top; }
kbd { font-family : "Arial Narrow", Garamond, Courier, monospace; padding-left
: 2px; font-size : 100%; }
label, input { font : 10pt Arial, Trebuchet, Helvetica, sans-serif; color :
#3670a7; float : left; margin-bottom : 5px; background-color : #fff; }
button { padding : 2px; color : #000; background-color : #fff; }
/*Noticias en la portada*/
p.c_notTittle, p.c_notContent, p.c_notDescription { text-align: justify; }
p.c_notTittle { font-weight: bolder; color: #00; padding: 1px 2px 1px 2px;
border: 1px solid #FF; background-color: #EE; }
p.c_notContent { border: 1px none #FFCC32; }
p.c_notDescription { padding: 1px 2px 1px 2px; }
img.c_notImage { float: right; padding: 0px 0px 1px 5px; }
/*Contenido de la columna lateral izquierda*/
p.c_colLeftHeader { background: url(../images/simpro_r11_c1.jpg) no-repeat;
background-color: #415C77; vertical-align: top; text-align:justify; }
p.c_colLeftContent { color: #00; vertical-align: top; padding: 2px 3px 2px
3px; background-color: #415C77; }
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
[Ovillo] Problemas con el alto de una celda
Hola a todos,
Tengo un problema con el "height" de una capa en explorer.
Las características son estas
#C3 {float:left; width:220px; height:150px; margin-left:14px;
margin-top:17px; border:0px solid #CC;}
Pero no coge la altura, el contenido es menos ancho que la capa y la capa
siempre la ajusta al tamaño del contenido.
¡Gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT - Lectores de Feeds
Coincido, después de haber probado varias aplicaciones de escritorio me quedo con las opciones via web, en mi caso el Bloglines de toda la vida, aunque también trasteé con Feedness y Google Reader. Puedo añadir un marcador automático al navegador, para suscribirme a cualquier web que esté visitando, puedo abrir el post original si quiero en una pestaña en la misma aplicación: el navegador, puedo añadir alguna URL interesante a favoritos o del.icio.us, dispongo de un notificador de escritorio si lo necesito, puedo acceder a mis suscripciones desde el trabajo, desde casa, desde un cyber... puedo compartir mis suscripciones con los demás desde una URL pública, o poner un linkroll en mi blog con mis suscripciones... En definitiva un montón de ventajas a las que con el tiempo, ya me cuesta un montón renunciar. Un saludo, Albert Garcia OboLog » Tus pensamientos en red www.obolog.com __ Mi blog personal en http://obokaman.obolog.com > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Enrique > Rodriguez > Enviado el: miércoles, 12 de abril de 2006 8:58 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] OT - Lectores de Feeds > > Buenas > Me gustaría sacar una opinión más o menos clara, de que > preferís vosotros a la hora de leer los feeds. Más que nada, > es para compartir con vosotros mi experiencia con estos > programas o web´s, y sacar las conclusiones oportunas. > > Yo comencé a usar el Thunderbird para leer los feeds de los > blogs y web´s a los que me sindicaba, pero de vez en cuando, > aun no se por que, algunos feeds thunderbird era incapaz de > leerlos, cuando otros programas si. Por este motivo, probé > Feedemon, el programa de Feedsburner, y quedé satisfecho. > Pero ya por últimas, probé un lector de feeds por la web, y > quedé prendado. Os hablo de Feedness; eso de poder tener > acceso desde cualquier ordenador del mundo a mis feeds, me > fascina. Uno no tiene por que tener instalado un software > lector de feeds para poder leer sus sindicaciones, > simplemente abre la web, y listo. > > Si conocéis mas maneras o programas, me encantaría conocerlos. > > Un saludo para todos y, pasenlo bien en vacaciones ;-) > Enrique Rodríguez. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org Puedes modificar tus datos o > desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] KDD en Madrid
me gusta la propuesta, intentaré aparecer por ahí ;) El día 12/04/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> escribió: > > vale, conozco el sitio... sería bueno fijar ese sitio por ejemplo y > recordarlo > más adelante para la gente que pueda ir. > > así que, en principio podríamos decir que: > > Miércoles 3 de mayo a las 20:00 > en el oneills de huertas > > ahí estaré (espero, lo digo más que nada por motivos de trabajo) > > Quoting Rubén Lozano <[EMAIL PROTECTED]>: > > > [EMAIL PROTECTED] escribió: > >> vale, la cuestión es el sitio.. > > > > Yo creo que la hora buena para quedar sería algo así como a las 20:00h. > > ¿Y donde? pues se admiten sugerencias...va a ser por bares o cafeterías > > en Madrid :) > > > > Sugiero quedar en un irlandés[1] que hay por huertas, el lugar se llama > > O´neills, es grande con bastantes mesas y creo que podría ser buen lugar > > para sentarnos y hablar sobre estándares con unas cervezas. > > > > ¿Como lo veís? > > > > [1] http://www.oneillspubs.com/madrid.html > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://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://ovillo.org/mailman/listinfo/ovillo > -- ¬ Alvaro Isorna ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT - Lectores de Feeds
No sé si debería contestar a esto, al ser un OT, pero bueno, si no debo, que me lo digan y no lo haré la próxima vez. Pues similares a Feedness tienes Bloglines y Rojo, entre otros. Yo he probado los 3 y finalmente me he quedado con Bloglines, es el que me ha resultado más cómodo. Aquí tienes un artículo publicado en Denken Über sobre este tema http://www.uberbin.net/archivos/web20/el-mercado-de-los-lectores-rss.php Quizá ahí, en los comentarios, te puedan orientar. -- "...el mundo es una tontería si vas dejando que se escape lo que más querías" ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
