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

2009-02-05 Por tema Maira Vykus

Hola a todos.

Tengo un problema en el siguiente sitio: 
http://www.maximopc.org/articulos/zotac-geforce-gtx-285.html


Como verán la parte central tiene varias imagenes. Las mismas 
normalmente se colocan de a pares. En el código sería:


img alt= src=/images/articulos/661/present01.jpg/img alt= 
src=/images/articulos/661/present01.jpg/

No tiene nada adicional más que los dos llamados a la imagen. Y en los 
CSS no tienen float ni nada. De esta forma
si las imagenes son suficientemente pequeñas para entrar una al lado de 
la otra en el ancho del DIV contenedor lo hacen, de lo contrario la 
segunda imagen baja al renglón siguiente.


Esto funciona correctamente en Firefox y en explorer, en los cuáles la 
segunda imagen va abajo. En opera 9.63 no pasa esto. Si bien el texto se 
adapta al ancho del DIV,
la segunda imagen queda al lado de la primera y es solapada por el 
contenido de la columna derecha.


Hice una busqueda importante de información para encontrar una solución 
pero no he encontrado nada. A alguien le ha pasado lo mismo? o leyó por 
casualidad sobre esto?


Desde ya muchas gracias!
Maira.



__ 
LLama Gratis a cualquier PC del Mundo. 
Llamadas a fijos y móviles desde 1 céntimo por minuto. 
http://es.voice.yahoo.com


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Validar CSS

2007-02-26 Por tema Maira Vykus
Yo también estuve intentando validar un sitio estos días, y no me 
andaba. Tenía un comentario para explorer dentro
del css, cuando lo saqué empezó a validarme correctamente. Fijate si 
tienes algo en el css que esté dando problemas
y que por eso no valide.

Maira.

carlos campderrós escribió:
 On 2/26/07, Javier Barcelona [EMAIL PROTECTED] wrote:
   
 Hola a todas y todos.

 Llevo días intentando validar mi CSS en
 http://jigsaw.w3.org/css-validator/
 pero no hay forma, o no me carga la web o simplemente da error.

 ¿Le pasa a alguien más? ¿Dónde validais?
 


 A mi ahora mismo me funciona. Parece que han hecho una nueva versión, o
 almenos no estaba así la última vez que lo probé. Quizás les pillaste en
 medio de la migración?

 Saludos

   

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Lista ordenada que muestra 1, 1, 1

2006-10-20 Por tema maira
Juanjo.

Finalmente tenías razón.
En otro CSS, que uso para un menú estaba declarado el ancho de los li:

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1% }
* html ul li a { height: 1% }
/* End */

Con eso se me solucionaron el 90% de los problemas.
También encontré una declaración de width en otro li más, que también me 
daba problemas y logré solucionarlo.

Gracias a sus comentarios he optimizado muchísimo el código. Igual 
todavía tengo para rato.

Gracias por todo!!
Maira.


Juanjo escribió:
 #content ol.faqs { list-style-type: decimal; padding: 0 0 0 30px; }
 #content ol.faqs li { list-style-type: decimal; margin: 0 0 0 25px; }
 #content ol.faqs li a { text-decoration:none; }

 He comprobado el código que envías y no me da ningún problema.
 

 Seguramente tengas un ancho definido para los elementos de lista
 anteriormente y la Cascada esta haciendo su trabajo.

 También te recomiendo evitar la redefinición del estilo de lista (optimizar
 el código).


 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] Lista ordenada que muestra 1, 1, 1

2006-10-11 Por tema maira
Aquí tienen el código:

h2Correo electrónico/h2
ol class=faqs

lia href=x.htmlitem 1/a/li
lia href=x.htmlitem 2/a/li
lia href=x.htmlitem 3/a/li
/ol

y el css:

#content ol.faqs { list-style-type: decimal; padding: 0 0 0 30px; }
#content ol.faqs li { list-style-type: decimal; margin: 0 0 0 25px; }
#content ol.faqs li a { text-decoration:none; }

Juanjo, por lo que ves arriba, y en el resto del archivo no he asignado el 
ancho a un li.
Encima, en otras páginas, cuando el li tiene varias líneas, en lugar de 
aparecer el 1
en la primera línea, me aparece en la última.

Hace rato que vengo con este problema, y siempre lo dejo porque no le encuentro 
solución.

Saludos.
Maira.




Juanjo escribió:
 Estoy haciendo una lista ordenada con list-style-type: decimal.
 En firefox se ve perfecto, pero en explorer, en vez de numerarme
 correctamente los items hace lo siguiente:
 1. 
 1. s
 1. s

 

 Si no me equivoco, eso sucede al indicar un ancho para los elementos de
 lista.
 x.ej.:

 li {
width: 15%;
}

 Prueba a dar el ancho al elemento de lista ( UL ú OL)

 Off Topic:
 Curiosamente, en FF, todos los marcadores se convierten a 0 (o A en caso de
 upper-alpha) si se le da al elemento de lista la propiedad display:inline.

 ul {
display: inline;
}

 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] Lista ordenada que muestra 1, 1, 1

2006-10-11 Por tema maira
Ya he revisado el código html y está todo perfecto, incluso me valida, 
así que no se que puede ser.
Ahora estoy con la optimización, lo cuál me va a llevar un buen tiempo, 
algún consejo respecto a eso?

Saludos y gracias por sus respuestas.
Maira.

Hernán Quiroga escribió:
 Si ya definiste list-style-type: decimal en la primera, porque lo haces  
 en la segunda regla también ?
 Optimizá el codigo como ya te dijeron, seguramente en el resto de la css  
 tenés algun error similar.
 Ie no tiene errores de interpretación en este caso si no me equivoco (en  
 cuanto a listas se refire por supuesto).
 Revisá el html, quizas te falta cerrar algun div o una clase y te la esté  
 interpretando mal el IE. A mi me ha pasado algo similar.



 En Wed, 11 Oct 2006 12:37:57 -0300, Juanjo [EMAIL PROTECTED] escribió:

   
 #content ol.faqs { list-style-type: decimal; padding: 0 0 0 30px; }
 #content ol.faqs li { list-style-type: decimal; margin: 0 0 0 25px; }
 #content ol.faqs li a { text-decoration:none; }

 He comprobado el código que envías y no me da ningún problema.
   
 Seguramente tengas un ancho definido para los elementos de lista
 anteriormente y la Cascada esta haciendo su trabajo.

 También te recomiendo evitar la redefinición del estilo de lista  
 (optimizar
 el código).


 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] Lista ordenada que muestra 1, 1, 1

2006-10-10 Por tema maira
Hola gente.

Estoy haciendo una lista ordenada con list-style-type: decimal.
En firefox se ve perfecto, pero en explorer, en vez de numerarme 
correctamente los items hace lo siguiente:
 1. 
 1. s
 1. s

No se si hablaron ya de esto en la lista pero no lo pude encontrar.
Qué puedo estar haciendo mal?

Saludos.
Maira.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Menú que se escapa en Opera

2006-05-30 Por tema maira
Después de mucho tiempo vuelvo a aparecer con una consultita.
Desarrollé este sitio http://www.maximopc.org/ y cuando lo vemos en 
Opera en una resolución mayor a 1024*768 el menú principal azul del 
encabezado
se sale de su lugar y se pone fuera de los Divs contenedores del lado 
derecho.
Cómo puedo hacer a fijarlo en Opera y que no se me mueva?

Desde ya muchas gracias.
Maira.
___
Lista de distribución Ovillo
Para 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] Maquetacion elastica

2006-02-13 Por tema maira

Marcos,

Fijate en este artículo y los ejemplos: 
http://positioniseverything.net/articles/jello.html
Me lo recomendaron en la lista hace un tiempito, para hacer algo similar 
a lo que vos necesitás.


Espero que te sirva.
Saludos.
Maira.


Marcos Vidal wrote:



Hola [EMAIL PROTECTED], hoy lunez se me plantea el siguiente problema:

tengo que hacer una maquetación elástica, con un min-width y max width 
va bien la cosa hasta que llegamos a explorer, jeje,
usando esto: width:expression(document.body.clientWidth = 
800?800px:auto ); y esto: 
width:expression(document.body.clientWidth = 950?950px:auto );


consigo que funcione sin usar una definición de documento, pero al 
decirle que es xhtml 1 transicional lo que hace es asignarle un tamaño 
fijo al elemento que le aplico la expresión.


Alguien tiene experiencia con esto de los diseño elásticos?

Muchas gracias,
Marcos.
___
Lista de distribución Ovillo
Para 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] Tres columnas de igu al altura y pie depágina equilibrado

2006-01-19 Por tema maira
En esta página tienes un compilado de ejemplos de templates con 3 
columnas y footer:

http://css-discuss.incutio.com/?page=ThreeColumnLayouts

Varían en cuanto a si el diseño es líquido o fijo.
Espero que te sirvan.
Maira.

Ander Lopez wrote:


Buenas de nuevo,

He estado haciendo alguna prueba y haciendo flotar las 3 columnas se
puede conseguir. En Explorer hay que pulirlo un poco ya que no funciona
del todo.

Te copio el código de los estilos.

style type=text/css media=screen 
HTML, BODY {margin:0; padding:0; height:100%; font:0.9em Arial,

Helvetica, sans-serif}
#contenedorPrincipal {position:relative; width:775px; height:100%;
margin:auto; border:1px solid #c6bda5}
#cabecera {position:relative; width:775px; height:120px;
background:#CC9933} 
#columnaIzda {float:left; top:0; left:0; width:157px; padding:0;

background:#CC}
#columnaCentral {float: left; width: 474px; background:#009900} 
#columnaDcha {float:left; top:0; right:0; _right:-1px; width:140px;
padding:0; background:#0033FF} 
#piePagina {clear:both;width:775px; height:auto; text-align:center;

background:#ff}
#contenedorExterior {position:relative; width:auto; border:2px solid
#00}
#contenedorInterior {width:100%; margin:0; border:1px solid #c5c5c5}
/style

Espero que te sirva.

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de David Yanes Farina
Enviado el: jueves, 19 de enero de 2006 10:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Tres columnas de igual altura y pie depágina
equilibrado



Hola,

A la regla del contenedor ponle un fondo de 2px de alto que ocupe todo
el 
ancho del contenedor. Dicho imagen hará de fondo de los divs laterales y

central.

Lo más fácil es que captures una imagen de la página. Te la lleves a
Photoshop y ahí con la herramienta seleccionar, seleccionas 2 pixel de
alto, aumentas, pintas y la guardas con el nombre de la imagen de fondo
que quieras.


Luego le pones la siguiente regla al contendedor:
#contendedor {
[... reglas anteriorres...]
background: #ccc url(../images/fondo_contendedor.gif) repeat-y 50% 0; }

Aquí tienes la explicación completa.

http://www.alistapart.com/articles/fauxcolumns/

No tengo constancia que se pueda solucionar sólo con 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://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


 



___
Lista de distribución Ovillo
Para 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] Una duda curiosa

2006-01-19 Por tema maira

agrega al css lo siguiente:

img {
   border: 0; }

Saludos.
Maira.


Aurelio Gallardo Rodríguez wrote:

Tengo unas imágenes dentro de un div. Algunas linkan a otra página, y 
otras no. Lo curioso es que las linkadas aparecen recuadradas de un 
borde azul que no sé como quitar. He intentado modificar la propiedad 
border dentro de la etiqueta a del div que las contiene, pero no 
parece ser eso. El código relevante a lo que digo es el siguiente:


1º) Las propiedades generales de a para toda la página.
2º) Las particulares del div iconos donde van las imágenes.

/**/
/* links en general   */
/**/

a {
   color: #CC;
   font-family: Comic Sans MS, Verdana, Georgia, Times New Roman, 
Times, serif;

   font-size: 1em;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
   color: #0033FF;
}

a:visited {
   color: #CC;
}

/**/
/* información gráfica  */
/**/

#iconos a {
   color: transparent;
   font-family: Comic Sans MS, Verdana, Georgia, Times New Roman, 
Times, serif;

   font-size: 1em;
   text-decoration: none;
   font-weight: 100;
}

#iconos a:hover {
   color: transparent;
}

#iconos a:visited {
   color: transparent;
}

Por si acaso, envío también el código del div:

#iconos { /* posicion de los iconos: información gráfica. */
   position: absolute;
   width: 30%;
   height: auto;
   top: 10px;
   /* border: 1px solid; */
   right: 1%;
   margin: 0px;
   padding: 0px;
   background-color: transparent;
   text-align: right;
}



   
__ 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://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] 3 columnas: centro líquido, la terales de ancho fijo

2006-01-18 Por tema maira
si fuera para mi sitio, no tendría ni un sólo banner, pero 
lamentablemente uno no diseña sólo para si mismo.
Además a quien le estoy haciendo el diseño necesita los banners para 
obtener sponsor importantes, importantes
Por eso, la idea de ocultarlos cuando se superponen no me sirve. y 
tampoco me sirve mucho detectar la resolución,
porque cuando alguien que tiene 1280 achique la ventana, verá un 
desastre también.


después de pensarlo mucho, se me ocurrió hacer algo como hacen 
www.clarin.com.ar o www.lanacion.com.ar
hacer una estructura estática para 1024 (resignando espacio para los que 
tienen resolución más grande)
Para los que usan 800*600 la tercer columna estaría oculta y deberían 
usar la barra de desplazamiento, pero en

dicha columna pondría información menos importante.

Tiene sus pro y sus contras, por un lado reduzco el largo de la línea 
para los que tienen resolución muy grande
que terminaba siendo kilométrica en un diseño líquido, y el diseño nunca 
se deforma con una ventana chica.

Pero a la vez, obligo a usar la barra de desplazamiento horizontal.

Y hay que tener en cuenta que es un portal que maneja un gran caudal de 
información, e información específicamente
sobre tecnología. (según una encuesta de 449 usuarios el 52.1% la navega 
en 1024*768, el 26.9% en 1280*768,  el 10.7% en 800*600 y el resto en otras

resoluciones o dispositivos) No son muchos votantes, pero da una idea

Se me están quemando las neuronas =(

Que opinan de esta solución
Saludos y gracias por sus respuestas. Ojala fuera posible no usar 
banners, me ahorraría tantos problemas


Maira.



Sergio Ruiz Pérez - Citic wrote:


maira wrote:

Necesito que el ancho de la columna central tenga como mínimo 468px 
que es el ancho de un banner. En firefox lo logro con el min-width, pero
hay alguna forma de limitarle el ancho minimo en explorer? el 
problema es que se me superponen los banners de la columna central 
con unos de
la columna derecha y se van a quejar seguro. Si achico la ventana lo 
suficiente, la columna central casi desaparece. :(



Hola Maira:

A lo mejor te rompo un poco los esquemas, pero ... ¿un banner para 
qué? Está demostrado que la gente ignora los banners típicos que hay 
en las webs, los/as usuarios/as están saturados. Es un fenómeno que se 
conoce como banner blindness o ceguera a los banners.


Te recomiendo este artículo de alzado ...

http://www.alzado.org/articulo.php?id_art=90

Un saludo y suerte,



___
Lista de distribución Ovillo
Para 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] 3 columnas: centro líquido, laterales de ancho fijo

2006-01-18 Por tema maira

Maikel,
Miles de gracias por tu respuesta, era justamente lo que estaba buscando.
Ahora voy a leerlo detenidamente para ver si lo entiendo. Si me surge alguna
duda, seguro estaré aquí preguntando nuevamente.

GRACIAS!
Maira.

Maikel Naigt wrote:


Bueno, si tu problema radica en simular un 'min-width' para IE, creo que la
solución la tienes en lo que se ha venido a llamar 'Jello Mold Layout' [1],
y que básicamente se vale de los márgenes negativos en un contenedor global
para establecer una anchura mínima en ese contenedor.
La teoría en principio es sencilla: cualquier elemento de bloque tiene una
anchura total igual a su ancho + acolchamiento (o como leñes se diga en
cristiano) + EL VALOR ABSOLUTO DEL margen. Esto quiere decir que es
indiferente que el margen sea un valor positivo o negativo. La diferencia
estriba en que con valores positivos de margen se crea un espacio vacío
entre el borde del bloque y el elemento adyacente (el margen que todos
conocemos, vaya) y el contenido permanece dentro, pero con valores
negativos es el propio contenido el que se desplaza dentro de su margen.
Siendo así, cualquier elemento con 'width: 0', únicamente tendrá la anchura
de su padding (acolchamiento) y su margen, llegando a la feliz conclusión de
que ese bloque nunca puede tener menos anchura que lo definido en sus
márgenes y, si estos son negativos, tendremos que el contenido está siempre
presente.
Luego habrá que ajustar contenedores y posicionamientos relativos aquí y
allá para que IE sepa lo que queremos, pero te puedo asegurar que no es nada
complicado (comprendiendo bien la teoría) y es compatible con casi cualquier
tipo de maquetación (todas las normalitas por descontado) con un mínimo de
ajustes.
Además de esto, se ha descubierto que cambiando algunas propiedades de uno
de los contenedores intermedios es posible crear un Layout cuya anchura no
sea ni fija ni totalmente líquida, si no algo así como moldeable (de ahí lo
de Layout Gelatinoso).
De todas maneras, esta es una muy somera explicación del fenómeno. Te
aconsejo encarecidamente una buena lectura del enlaces que te adjunto para
que te quede todo mucho más claro. Además, una vez que investigues un poco
con los márgenes negativos comprobarás que son tremendamente útiles, no solo
para este propósito.

Un saludo, David Merino Ogando.

[1] http://positioniseverything.net/articles/jello.html


On 1/18/06, maira [EMAIL PROTECTED] wrote:
 


Hola nuevamente.

Estoy usando el template que se muestra en la siguiente pagina:

http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con
un ANCHO FIJO, y la columna central que sea LIQUIDA.

Necesito que el ancho de la columna central tenga como mínimo 468px que
es el ancho de un banner. En firefox lo logro con el min-width, pero
hay alguna forma de limitarle el ancho minimo en explorer? el problema
es que se me superponen los banners de la columna central con unos de
la columna derecha y se van a quejar seguro. Si achico la ventana lo
suficiente, la columna central casi desaparece. :(

Lo unico que se me ocurrió es usar la estructura líquida para
resoluciones mayores a 1024 y detectar cuando usan 800*600 y usar otra
hoja
de estilos con una estructura fija, pero no tiene sentido hacer dos
hojas de estilo.

Creo que he revisado cuanta estructura de 3 columnas se me haya cruzado
pero no hay ninguno que me permita darle un min-width al contenido.
En estas situaciones me da ganas de recurrir a las TABLAS llorando /

Desde ya muchas gracias.
Maira.


Daniel calderón wrote:

   


Maira,

Echale un ojo a esta:
http://www.maxdesign.com.au/presentation/liquid/example10.htm

http://www.maxdesign.com.au/presentation/liquid

Es lo más cercano que encontre.

Saludos!!





-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 15:03
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Gracias por el sitio, tiene buenos templates, pero el de 3 columnas
tiene el mismo problema que indico en los sitios de mi primer mail.
Alguien ha hecho un template de 3 columnas que no tenga el problema
nombrado en explorer?

Saludos
Maira.

Daniel calderón wrote:



 


Maira,

No se si la conocías: http://intensivstation.ch/templates/
Pero puede ayudarte en temas de layouts :)

Saludos !


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 1:10
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Hola a todos después de tanto tiempo!

Disculpen si vuelvo a preguntar esto, pero no he encontrado una
respuesta a mi pregunta en mails anteriores.
Necesito hacer un site que tiene que tener 3 columnas, la central
líquida y las dos laterales con un ancho fijo, además de un header y

Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

2006-01-18 Por tema maira
;
 margin: 10px 0;
}

.textpadder {padding: 8px;}


/** Generic Rules */

a {color: #000; vertical-align: bottom;}

p  {margin: .8em 0;}

h1 {margin: 70px 0 10px 80px;}

h2 {
 font-size: 1.2em;
 text-align: center;
 padding: 5px 0;
 margin: 0;
 border: 3px solid #dcd3c2;
 border-color: #fef5e4 #d4cab9 #c2b9a8 #ece3d2;
 color: #500;
 background: url(../images/marble1.jpg);
 font-family: tahoma, arial, sans-serif;
}

h3 {
margin: 1em 0 .3em;
}

.alignright {margin: 0 10px 10px 0; text-align: right;}

.small {font-size: .8em;}


/** Fancy Nav Buttons */

.sidenav li a {
 display: block;
 border: 2px solid #dcd3c2;
 color: #500;
 text-decoration: none;
 background: url(../images/marble1.jpg);
 padding: 4px 5px 4px 10px;
 font-family: tahoma, arial, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
}

.sidenav li a:hover {
 border-color: #fef5e4 #d4cab9 #c2b9a8 #ece3d2;
 background-position: -1px -1px;
 padding: 3px 6px 5px 9px;
}

.sidenav li a:active {
 border-width: 3px 1px 1px 3px;
 border-color: #c2b9a8 #ece3d2 #fef5e4 #d4cab9;
 background-position: 0 0;
 padding: 4px 5px 4px 10px;
}


/** Special Fixes */

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;}
/* prevents oversize images from breaking layout in browsers that 
support max-width */


/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a,
* html .container-left,
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a
{height: 1%;}
/* Holly hack */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */


/ Utility Rules ***/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other 
browsers */



.brclear { /* Use a break with this class to clear float containers */
 clear:both;
 height:0;
 margin:0;
 font-size: 1px;
 line-height: 0;
}

.clicker {
 display: block;
 text-align: center;
 padding: 3px;
 background: #833;
 cursor: pointer;  
}


.hide {display: none;}

/* 
**/


muchas gracias.
Maira.






Maikel Naigt wrote:


Bueno, si tu problema radica en simular un 'min-width' para IE, creo que la
solución la tienes en lo que se ha venido a llamar 'Jello Mold Layout' [1],
y que básicamente se vale de los márgenes negativos en un contenedor global
para establecer una anchura mínima en ese contenedor.
La teoría en principio es sencilla: cualquier elemento de bloque tiene una
anchura total igual a su ancho + acolchamiento (o como leñes se diga en
cristiano) + EL VALOR ABSOLUTO DEL margen. Esto quiere decir que es
indiferente que el margen sea un valor positivo o negativo. La diferencia
estriba en que con valores positivos de margen se crea un espacio vacío
entre el borde del bloque y el elemento adyacente (el margen que todos
conocemos, vaya) y el contenido permanece dentro, pero con valores
negativos es el propio contenido el que se desplaza dentro de su margen.
Siendo así, cualquier elemento con 'width: 0', únicamente tendrá la anchura
de su padding (acolchamiento) y su margen, llegando a la feliz conclusión de
que ese bloque nunca puede tener menos anchura que lo definido en sus
márgenes y, si estos son negativos, tendremos que el contenido está siempre
presente.
Luego habrá que ajustar contenedores y posicionamientos relativos aquí y
allá para que IE sepa lo que queremos, pero te puedo asegurar que no es nada
complicado (comprendiendo bien la teoría) y es compatible con casi cualquier
tipo de maquetación (todas las normalitas por descontado) con un mínimo de
ajustes.
Además de esto, se ha descubierto que cambiando algunas propiedades de uno
de los contenedores intermedios es posible crear un Layout cuya anchura no
sea ni fija ni totalmente líquida, si no algo así como moldeable (de ahí lo
de Layout Gelatinoso).
De todas maneras, esta es una muy somera explicación del fenómeno. Te
aconsejo encarecidamente una buena lectura del enlaces que te adjunto para
que te quede todo mucho más claro. Además, una vez que investigues un poco
con los márgenes negativos comprobarás que son tremendamente útiles, no solo
para este propósito.

Un saludo, David Merino Ogando.

[1] http://positioniseverything.net/articles/jello.html


On 1/18/06, maira [EMAIL PROTECTED] wrote:
 


Hola nuevamente.

Estoy usando el template que se muestra en la siguiente pagina:

http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con
un ANCHO FIJO, y la columna central que sea LIQUIDA.

Necesito que el ancho de la columna central tenga como mínimo 468px que
es el ancho de un banner. En firefox lo logro con el min-width, pero
hay alguna forma de limitarle el

Re: [Ovillo] 3 columnas: centro líquido, la terales de ancho fijo

2006-01-17 Por tema maira

Hola nuevamente.

Estoy usando el template que se muestra en la siguiente pagina: 
http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con 
un ANCHO FIJO, y la columna central que sea LIQUIDA.


Necesito que el ancho de la columna central tenga como mínimo 468px que 
es el ancho de un banner. En firefox lo logro con el min-width, pero
hay alguna forma de limitarle el ancho minimo en explorer? el problema 
es que se me superponen los banners de la columna central con unos de
la columna derecha y se van a quejar seguro. Si achico la ventana lo 
suficiente, la columna central casi desaparece. :(


Lo unico que se me ocurrió es usar la estructura líquida para 
resoluciones mayores a 1024 y detectar cuando usan 800*600 y usar otra hoja
de estilos con una estructura fija, pero no tiene sentido hacer dos 
hojas de estilo.


Creo que he revisado cuanta estructura de 3 columnas se me haya cruzado 
pero no hay ninguno que me permita darle un min-width al contenido.

En estas situaciones me da ganas de recurrir a las TABLAS llorando /

Desde ya muchas gracias.
Maira.


Daniel calderón wrote:


Maira,

Echale un ojo a esta:
http://www.maxdesign.com.au/presentation/liquid/example10.htm

http://www.maxdesign.com.au/presentation/liquid

Es lo más cercano que encontre.

Saludos!!





-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 15:03
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Gracias por el sitio, tiene buenos templates, pero el de 3 columnas 
tiene el mismo problema que indico en los sitios de mi primer mail.
Alguien ha hecho un template de 3 columnas que no tenga el problema 
nombrado en explorer?


Saludos
Maira.

Daniel calderón wrote:

 


Maira,

No se si la conocías: http://intensivstation.ch/templates/
Pero puede ayudarte en temas de layouts :)

Saludos !


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 1:10
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Hola a todos después de tanto tiempo!

Disculpen si vuelvo a preguntar esto, pero no he encontrado una 
respuesta a mi pregunta en mails anteriores.
Necesito hacer un site que tiene que tener 3 columnas, la central 
líquida y las dos laterales con un ancho fijo, además de un header y

footer.
He encontrado varios ejemplos como:
  - http://glish.com/css/7.asp
  - http://www.positioniseverything.net/thr.col.stretch.html#
  - http://realworldstyle.com/nn4_3col_header.html
  - http://bluerobot.com/web/layouts/layout3.html
  - http://thenoodleincident.com/tutorials/box_lesson/basic3.html
  - http://www.positioniseverything.net/threecolbglong.html
  -
http://www.ssi-developer.net/main/templates/temps/3c-hd-ft-flex.htm

Todos funcionan perfecto en firefox, pero en explorer, cuando la
   


ventana
 

no está maximizada, y uno la achica bastante, la columna central casi 
desaparece y la derecha se superpone con la izquierda.
Hay algún ejemplo que no tenga este problema en explorer? tengo que 
preocuparme por esta falla?


Algún ejemplo que me recomienden que sea mejor que otros para aplicar?

Desde ya muchas gracias y feliz año para todos!
Maira.



___
Lista de distribución Ovillo
Para 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
 




   



___
Lista de distribución Ovillo
Para 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


 



___
Lista de distribución Ovillo
Para 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] 3 columnas: centro líquido, la terales de ancho fijo

2006-01-17 Por tema maira

Hola nuevamente.

Estoy usando el template que se muestra en la siguiente pagina: 
http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con 
un ANCHO FIJO, y la columna central que sea LIQUIDA.


Necesito que el ancho de la columna central tenga como mínimo 468px que 
es el ancho de un banner. En firefox lo logro con el min-width, pero
hay alguna forma de limitarle el ancho minimo en explorer? el problema 
es que se me superponen los banners de la columna central con unos de
la columna derecha y se van a quejar seguro. Si achico la ventana lo 
suficiente, la columna central casi desaparece. :(


Lo unico que se me ocurrió es usar la estructura líquida para 
resoluciones mayores a 1024 y detectar cuando usan 800*600 y usar otra hoja
de estilos con una estructura fija, pero no tiene sentido hacer dos 
hojas de estilo.


Creo que he revisado cuanta estructura de 3 columnas se me haya cruzado 
pero no hay ninguno que me permita darle un min-width al contenido.

En estas situaciones me da ganas de recurrir a las TABLAS llorando /

Desde ya muchas gracias.
Maira.


Daniel calderón wrote:


Maira,

Echale un ojo a esta:
http://www.maxdesign.com.au/presentation/liquid/example10.htm

http://www.maxdesign.com.au/presentation/liquid

Es lo más cercano que encontre.

Saludos!!





-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 15:03
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Gracias por el sitio, tiene buenos templates, pero el de 3 columnas 
tiene el mismo problema que indico en los sitios de mi primer mail.
Alguien ha hecho un template de 3 columnas que no tenga el problema 
nombrado en explorer?


Saludos
Maira.

Daniel calderón wrote:

 


Maira,

No se si la conocías: http://intensivstation.ch/templates/
Pero puede ayudarte en temas de layouts :)

Saludos !


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 1:10
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Hola a todos después de tanto tiempo!

Disculpen si vuelvo a preguntar esto, pero no he encontrado una 
respuesta a mi pregunta en mails anteriores.
Necesito hacer un site que tiene que tener 3 columnas, la central 
líquida y las dos laterales con un ancho fijo, además de un header y

footer.
He encontrado varios ejemplos como:
  - http://glish.com/css/7.asp
  - http://www.positioniseverything.net/thr.col.stretch.html#
  - http://realworldstyle.com/nn4_3col_header.html
  - http://bluerobot.com/web/layouts/layout3.html
  - http://thenoodleincident.com/tutorials/box_lesson/basic3.html
  - http://www.positioniseverything.net/threecolbglong.html
  -
http://www.ssi-developer.net/main/templates/temps/3c-hd-ft-flex.htm

Todos funcionan perfecto en firefox, pero en explorer, cuando la
   


ventana
 

no está maximizada, y uno la achica bastante, la columna central casi 
desaparece y la derecha se superpone con la izquierda.
Hay algún ejemplo que no tenga este problema en explorer? tengo que 
preocuparme por esta falla?


Algún ejemplo que me recomienden que sea mejor que otros para aplicar?

Desde ya muchas gracias y feliz año para todos!
Maira.



___
Lista de distribución Ovillo
Para 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
 




   



___
Lista de distribución Ovillo
Para 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


 



___
Lista de distribución Ovillo
Para 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] 3 columnas: centro líquido, la terales de ancho fijo

2006-01-12 Por tema maira
Gracias por el sitio, tiene buenos templates, pero el de 3 columnas 
tiene el mismo problema que indico en los sitios de mi primer mail.
Alguien ha hecho un template de 3 columnas que no tenga el problema 
nombrado en explorer?


Saludos
Maira.

Daniel calderón wrote:


Maira,

No se si la conocías: http://intensivstation.ch/templates/
Pero puede ayudarte en temas de layouts :)

Saludos !


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 1:10
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo

Hola a todos después de tanto tiempo!

Disculpen si vuelvo a preguntar esto, pero no he encontrado una 
respuesta a mi pregunta en mails anteriores.
Necesito hacer un site que tiene que tener 3 columnas, la central 
líquida y las dos laterales con un ancho fijo, además de un header y

footer.
He encontrado varios ejemplos como:
   - http://glish.com/css/7.asp
   - http://www.positioniseverything.net/thr.col.stretch.html#
   - http://realworldstyle.com/nn4_3col_header.html
   - http://bluerobot.com/web/layouts/layout3.html
   - http://thenoodleincident.com/tutorials/box_lesson/basic3.html
   - http://www.positioniseverything.net/threecolbglong.html
   -
http://www.ssi-developer.net/main/templates/temps/3c-hd-ft-flex.htm

Todos funcionan perfecto en firefox, pero en explorer, cuando la ventana

no está maximizada, y uno la achica bastante, la columna central casi 
desaparece y la derecha se superpone con la izquierda.
Hay algún ejemplo que no tenga este problema en explorer? tengo que 
preocuparme por esta falla?


Algún ejemplo que me recomienden que sea mejor que otros para aplicar?

Desde ya muchas gracias y feliz año para todos!
Maira.



___
Lista de distribución Ovillo
Para 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


 



___
Lista de distribución Ovillo
Para 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] 3 columnas: centro líquido, laterales de ancho fijo

2006-01-11 Por tema maira

Hola a todos después de tanto tiempo!

Disculpen si vuelvo a preguntar esto, pero no he encontrado una 
respuesta a mi pregunta en mails anteriores.
Necesito hacer un site que tiene que tener 3 columnas, la central 
líquida y las dos laterales con un ancho fijo, además de un header y footer.

He encontrado varios ejemplos como:
   - http://glish.com/css/7.asp
   - http://www.positioniseverything.net/thr.col.stretch.html#
   - http://realworldstyle.com/nn4_3col_header.html
   - http://bluerobot.com/web/layouts/layout3.html
   - http://thenoodleincident.com/tutorials/box_lesson/basic3.html
   - http://www.positioniseverything.net/threecolbglong.html
   - http://www.ssi-developer.net/main/templates/temps/3c-hd-ft-flex.htm

Todos funcionan perfecto en firefox, pero en explorer, cuando la ventana 
no está maximizada, y uno la achica bastante, la columna central casi 
desaparece y la derecha se superpone con la izquierda.
Hay algún ejemplo que no tenga este problema en explorer? tengo que 
preocuparme por esta falla?


Algún ejemplo que me recomienden que sea mejor que otros para aplicar?

Desde ya muchas gracias y feliz año para todos!
Maira.



___
Lista de distribución Ovillo
Para 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] imagen dentro de div + alinear bottom y right

2005-11-11 Por tema maira
A mi tambien en el codigo que pegué, pero no cuando se encontraba dentro 
del sitio con todos los otros css.

Ahi parece que algo hacía que no anduviera.

mmundo wrote:


El 10/11/05, maira[EMAIL PROTECTED] escribió:
 


Gracias Martin y Martí por su ayuda, sin embargo, probé todas esas
formas, y ninguna me daba un buen resultado.
   



Hice la prueba en el código que tu adjuntaste y las dos técnicas funcionaron :/
___
Lista de distribución Ovillo
Para 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] imagen dentro de div + alinear bottom y right

2005-11-10 Por tema maira
Gracias Martin y Martí por su ayuda, sin embargo, probé todas esas 
formas, y ninguna me daba un buen resultado.
Justo leyendo otro de los post de Re: [Ovillo] Por qué usar hacks?! ví 
una solución que funciona de Iban Rodriguez, y puse esto:


div.propiedad { height: auto; min-height: 163px; _height: 100%; margin: 
0 0 10px 0; padding: 5px; background: #FFFCF4; border: 1px dotted #E3D190; }


y funcionó perfecto tanto en ie como en ff. Esta bien ponerlo asi?
Pero aún sigo con el segundo problema y no hay vuelta para encontrarle 
la solución.

Gracias nuevamente
Mai.

mmundo wrote:


El 10/11/05, maira[EMAIL PROTECTED] escribió:
 


Hola lista.

Hace unos dias que no puedo resolver esto y ya estoy empezando a enloquecer.
Abajo encontrarán el código.
Es una imagen con float: left y un texto y lista que quedan a la derecha
de la misma.
El primer problema es que el div contenedor queda mas chico que el alto
de la imagen, es decir, que su altura es la del texto.
En explorer anda bien, pero en firefox no, entonces intenté solucionarlo
con min-height y con overflow: hidden. Hay alguna solución un poco mas
linda?

   



Hola Maira,

Sobre el primer problema tienes un ejemplo casi idéntico en la propia
especificación CSS2.1
[http://www.w3.org/TR/CSS21/visuren.html#floats].

Si al párrafo le asignas la propiedad clear: left obligas a
empujarlo hacia la siguiente línea. Este comportamiento está
descrito en la propia especificación y es debido a que se mezclan
elementos que se posicionan según el flujo normal (los párrafos) y
elementos que se posicionan según el flujo flotante (la imágen).

Si no quieres poner un clear al párrafo, con el siguiente hack obligas
a Mozilla recalcular el tamaño del párrafo incluyendo la altura de la
imágen:

p:after {
   content: .; display: block; height: 0; clear: both;
visibility: hidden;
}


Un saludo,
Martí Mundó.
--
___
Lista de distribución Ovillo
Para 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] imagen dentro de div + alinear bottom y right [SOLUCIONADO]

2005-11-10 Por tema maira
Lo pego aquí por si a alguien le sirve... parece que algo me iluminó y 
encontré una solución, no se si será la mejor, pero al menos funciona.
En el código de abajo se ven los cambios que basicamente fueron generar 
un div que contenga al texto mas la lista y aplicarle el 100% de altura 
para que funcione tanto en Explorer como Firefox, con el código height: 
auto; min-height: 150px; _height: 160px;. Y se le agregó un position: 
relative.
Luego, se eliminó el div que contenía a la lista, y la clase icons se 
aplicó directamente sobre el ul, al que le puse una position: absolute; 
bottom: 0px; right: 0px;


Gracias por sus colaboraciones.
Maira.

/ * codigo 
/


!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css

div.propiedad { height: auto; min-height: 163px; _height: 100%; margin: 
0 0 10px 0; padding: 5px; background: #FFFCF4; border: 1px dotted #E3D190; }
div.propiedad img { float: left; clear: left; margin: 0 10px 0 0; 
padding: 5px; border: 1px solid #E3D190; }
div.propiedad_content { position: relative; height: auto; min-height: 
150px; _height: 160px; margin: 0; padding: 0; }

div.propiedad_content h3 { margin: 10px 0 10px 5px; padding: 0 0 2px 0px; }
ul.icons {  position: absolute; bottom: 0px; right: 0px; text-align: 
right; margin: 0; padding: 0; list-style: none; }
ul.icons li { float: left; margin: 0 0 0 15px; padding: 2px 0 0 0; 
background-repeat: no-repeat; list-style: none; background-position: 0 
50%; }
ul.icons li a { margin: 0; padding: 0 0 0 20px; /* width of icon + 
whitespace */ color: #AB7335; text-decoration: none; font-weight: normal; }
ul.icons li a:hover { margin: 0; padding: 0 0 0 20px; /* width of icon + 
whitespace */ color: #5B3E1C; text-decoration: none; font-weight: 
normal; }   
.pcamara { background: url(../images/iconcamara.gif) no-repeat top left; }

.pcontact { background: url(../images/iconcontact.gif) no-repeat top left; }

   /style
/head
body
   div class=propiedad
   img src=images/propiedades/alquileres/_1.jpg alt=Oficina 
Paladino Propiedades width=200 height=150 /

   div class=propiedad_content
   h3MAGNIFICA QUINTA/h3
   pEn barrio privado con seguridad y a metros del lago san 
roque descanse en esta magnifica quinta de 3 dormitorios, gran piscina y 
un parque excepcional. Salida al lago./p
   p$170 por día. consulte descuestos para diciembre y 
febrero./p

   ul class=icons
   liREF: 0001/li
   li class=pcamaraa href=sitio.htmlver 
fotos/a/li
   li class=pcontacta 
href=asdfias.htmlconsultar/a/li

   /ul
   /div
   /div
/body
/html


maira wrote:

Gracias Martin y Martí por su ayuda, sin embargo, probé todas esas 
formas, y ninguna me daba un buen resultado.
Justo leyendo otro de los post de Re: [Ovillo] Por qué usar hacks?! ví 
una solución que funciona de Iban Rodriguez, y puse esto:


div.propiedad { height: auto; min-height: 163px; _height: 100%; 
margin: 0 0 10px 0; padding: 5px; background: #FFFCF4; border: 1px 
dotted #E3D190; }


y funcionó perfecto tanto en ie como en ff. Esta bien ponerlo asi?
Pero aún sigo con el segundo problema y no hay vuelta para encontrarle 
la solución.

Gracias nuevamente
Mai.

mmundo wrote:


El 10/11/05, maira[EMAIL PROTECTED] escribió:
 


Hola lista.

Hace unos dias que no puedo resolver esto y ya estoy empezando a 
enloquecer.

Abajo encontrarán el código.
Es una imagen con float: left y un texto y lista que quedan a la 
derecha

de la misma.
El primer problema es que el div contenedor queda mas chico que el alto
de la imagen, es decir, que su altura es la del texto.
En explorer anda bien, pero en firefox no, entonces intenté 
solucionarlo

con min-height y con overflow: hidden. Hay alguna solución un poco mas
linda?

  



Hola Maira,

Sobre el primer problema tienes un ejemplo casi idéntico en la propia
especificación CSS2.1
[http://www.w3.org/TR/CSS21/visuren.html#floats].

Si al párrafo le asignas la propiedad clear: left obligas a
empujarlo hacia la siguiente línea. Este comportamiento está
descrito en la propia especificación y es debido a que se mezclan
elementos que se posicionan según el flujo normal (los párrafos) y
elementos que se posicionan según el flujo flotante (la imágen).

Si no quieres poner un clear al párrafo, con el siguiente hack obligas
a Mozilla recalcular el tamaño del párrafo incluyendo la altura de la
imágen:

p:after {
   content: .; display: block; height: 0; clear: both;
visibility: hidden;
}


Un saludo,
Martí Mundó.
--
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes

Re: [Ovillo] Necesito Ayuda ! ! !

2005-11-08 Por tema maira

Fijate si esto es lo que quieres:

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
}
h3.encabezado-a{
   position:relative;
   float: left;
   display:block;
  width:765px;
  background-color:#c3d9ff;
  color: #004499;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 5px;
  float: left;
}
h3  a:link, h3 a:visited, h3 a:hover{
   position: absolute;
   right: 10px;  
  font-size: 10px;

  color: #004499;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  text-decoration: none;
}

a mi asi me quedó como dices que lo quieres.
Saludos.
Mai.

Diseño wrote:


*Tengo el siguiente codigo html:*

h3 class=encabezado-aacronym title=Efeméride CulturalEfeméride 
Cultural/acronym a href=efemerides.php title=Más Efemérides 
Culturales accesskey=1más efemérides/a/h3


*y el codigo del style es:*

h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
letter-spacing: 1px;
}
h3.encabezado-a{
   width:765px;
   background-color:#c3d9ff;
   color: #004499;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 2px 5px;
   float: left;
}
h3  a:link, h3 a:visited, h3 a:hover{
   float: right;
   font-size: 10px;
   color: #004499;
   margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
text-decoration: none;
}

*Que esta pasando: *

Lo que me pasa con este codigo es que que me pone encabezado a la 
isquierda y el vinculo a la derecha, pero este ultimo en una linea 
inferior.


*Que es lo que quiero:*

Bueno quiero que el encabezado aparesca en la parte isquierda y el 
texto del vinculo en la parte derecha en la misma linea.



Atentamente en espera de su respuesta.

Diseñador de Habana Arte www.habanaarte.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema maira
Bernat, el problema no está en los css, sino en la estructura de la 
lista anidada.
Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres 
que aparezca la lista anidada y no dentro de un nuevo li.

Abajo está el codigo y funciona perfecto.
Saludos.
Maira.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
   title.../title
   meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
   style type=text/css
   body {
   padding: 0;
   margin: 0;
   }
  
   ul,li {

   list-style-type: square;
   margin: 0;
   padding: 0;
   }

   li {
   margin-left: 20px;
   }

   ul {
   border: 1px solid red;
   }

   /*li.nobullet {
   list-style-type: none;
   }*/

   /style
/head
body
   div id=contenidor
   div id=principal
   ul
   liLorem ipsum dolor sit amet
   ul
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /div
   /div
/body
/html

Bernat Lleonart wrote:


Hola

Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.

¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?

Aquí va el código:

-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
body {
padding: 0;
margin: 0;
}

ul,li {
list-style-type: square;
margin: 0;
padding: 0;
}

li {
margin-left: 20px;
}

ul {
border: 1px solid red;
}

/*li.nobullet {
list-style-type: none;
}*/

/style
/head
body
div id=contenidor
div id=principal
ul
liLorem ipsum dolor sit amet/li
li
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul
/div
/div
/body
/html
-

¡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


Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema maira

Por nada.
Me alegro haber sido útil sonrisa/
Saludos.
Mai.

Bernat Lleonart wrote:


Maira, tenías razón, lo he vuelto a mirar y he visto que tengo que
meter el ul anidado dentro del li, antes de cerrarlo, así:

ul
liLorem ipsum dolor sit amet
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul

Así sí que funciona.

Muchas gracias.

2005/11/7, Bernat Lleonart [EMAIL PROTECTED]:
 


Hola Maira,

Supongo que te refieres a hacer esto:

  ul
   liLorem ipsum dolor sit amet/li
   ul
   liLorem ipsum dolor sit 
amet/li
   liLorem ipsum dolor sit 
amet/li
   liLorem ipsum dolor sit 
amet/li
   /ul
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul

Ya lo había probado, pero es que así no me valida en HTML 4.01 Strict:
document type does not allow element UL here; assuming missing LI
start-tag.

Gracias de todos modos :)

2005/11/7, maira [EMAIL PROTECTED]:
   


Bernat, el problema no está en los css, sino en la estructura de la
lista anidada.
Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres
que aparezca la lista anidada y no dentro de un nuevo li.
Abajo está el codigo y funciona perfecto.
Saludos.
Maira.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
   title.../title
   meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
   style type=text/css
   body {
   padding: 0;
   margin: 0;
   }

   ul,li {
   list-style-type: square;
   margin: 0;
   padding: 0;
   }

   li {
   margin-left: 20px;
   }

   ul {
   border: 1px solid red;
   }

   /*li.nobullet {
   list-style-type: none;
   }*/

   /style
/head
body
   div id=contenidor
   div id=principal
   ul
   liLorem ipsum dolor sit amet
   ul
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /div
   /div
/body
/html

Bernat Lleonart wrote:

 


Hola

Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.

¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?

Aquí va el código:

-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
 title.../title
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
 style type=text/css
 body {
 padding: 0;
 margin: 0;
 }

 ul,li {
 list-style-type: square;
 margin: 0;
 padding: 0;
 }

 li {
 margin-left: 20px;
 }

 ul {
 border: 1px solid red;
 }

 /*li.nobullet {
 list-style-type: none;
 }*/

 /style
/head
body
 div id=contenidor
 div id=principal
 ul
 liLorem ipsum dolor sit amet/li
 li
 ul
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul
 /li
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul
 /div
 /div
/body
/html

Re: [Ovillo] viñetas en explorer

2005-11-01 Por tema maira
Como no lo había podido solucionar, ya había improvisado las viñetas con 
imagenes de fondo, y quedó perfecto.
Pero cuando quiero imprimir el documento, que las imagenes de fondo no 
se imprimen, tengo que aplicar el list-style normal.
Ya habia intentado eso de la posición de los list-style, y en firefox 
funciona perfectamente, con inside o ouside. Pero explorer
hace caso omiso a cualquiera de las dos y sigue poniendo la viñeta en la 
última linea de un li multilinea y no en la primera.


Alguna otra recomendación?
Maira.

stripTM wrote:


maira escribió:


Hola lista.
Estoy haciendo algunos listados, cuyos items tienen a veces mas de 
una linea. En firefox anda perfecto siempre, pero en explorer, cuando 
los li tienen varias lineas, las viñetas aparecen en cualquier lado, 
menos a la altura de la primera línea. Alguna idea de como posicionar 
la viñeta en la primera linea?



Prueba a jugar con list-style-position
http://www.sidar.org/recur/desdi/traduc/es/css/generate.html#propdef-list-style-position 



Y si ves que no llegas a nada puedes eliminar la viñeta y utilizar un 
fondo posicionado arriba y a la izquierda que no se repita.





___
Lista de distribución Ovillo
Para 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] viñetas en explorer

2005-10-31 Por tema maira

Hola lista.
Estoy haciendo algunos listados, cuyos items tienen a veces mas de una 
linea. En firefox anda perfecto siempre, pero en explorer, cuando los li 
tienen varias lineas, las viñetas aparecen en cualquier lado, menos a la 
altura de la primera línea. Alguna idea de como posicionar la viñeta en 
la primera linea?


Gracias de antemano.
Maira.
___
Lista de distribución Ovillo
Para 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] examinator

2005-10-28 Por tema maira

Muchas gracias por las respuestas:

 stripTM **

Tengo el menú principal y dos menos importantes, que van en el header y 
en el footer armados con listas. Y lo único que puede ser que me esté 
generando eso es:



div class=sideinfo
h3 id=hnovedadesspan/spanNovedades/h3hr /
pa href=index.php?secid=36amp;novedad=2Lorem ipsum dolor sit amet. 
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.../a/p
pa href=index.php?secid=36amp;novedad=1Se implementaron nuevos modulos para 
las secciones laterales y contenido.../a/p
pa href=index.php?secid=36 class=mas| archivo de 
novedades/a/p
/div

Puede ser eso? aún cuando no es un vínculo al lado del otro, sino dentro 
de párrafos? si es eso como lo soluciono?


 accesible.com.ar **

Muchas gracias por la aclaración. El tema es que tengo la mayoría de los 
vínculos como listas, y si no es por el código que pegué allá arriba, es 
raro que me diga eso...

Va, no es extraño si dices que juega a adivinar

 carlos campderrós **

Muchas gracias por la explicación. Por suerte lo de las listas es una de 
las cosas que las tengo (creo) bastante entendidas.
Aunque me sigue matando un poco el posicionamiento, los float y clear, 
la visibilidad y todas esas pavadas, pero seguramente es porque no les 
he dedicado suficiente lectura.



Gracias a todos nuevamente por sus respuestas.
Cariños.
Maira.

stripTM wrote:


maira escribió:

No es la primera vez que lo leo y no entiendo bien a que se 
refiere Es un resultado que da examinator:


Una parte de los enlaces están organizados en listas.
Se deben proporcionar barras de navegación constituidas por listas de 
enlaces para agruparlos y facilitar su localización. Recuerde que las 
listas no se definen por su aspecto sino por el uso de elementos 
ol, ul y dl.


¿cual es la falla?
Al que tenga la bondad de explicarmelo, totalmente agradecida.



Pues que en tu código tendrás algo así
a href=...opción 1/aa href=...opción 2/aa 
href=...opción 3/a

y te dice que lo pongas así
ul
   lia href=...opción 1/a/li
   lia href=...opción 2/a/li
   lia href=...opción 3/a/li
/ul




___
Lista de distribución Ovillo
Para 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] notas al pie

2005-10-28 Por tema maira
Martín, antes que nada un GRACIAS enorme, ya que últimamente se ve que 
los temas que envio a la lista no son muy discutibles, porque

sos el único que me ha respondido triste/

Por otro lado, debo admitir que me has mareado un poco seguramente 
tanto como yo con mi primer mail.. guiño/

Vamos por paso.

Primero: En cuanto a los vínculos externos, siempre serían con link, 
tanto en su primera versión como en posteriores. El hecho de llevarlos 
hacia una sección de LINKS teniendo una referencia numérica es 
básicamente para la impresión, donde uno pierde la posibilidad de saber 
a donde llevan los vínculos. Cuando css está activado, esa referencia 
numérica no se vería, por lo tanto, no llevaría hacia LINKS.
Incluso, no se si es necesario que los links se vean, salvo en la 
versión de impresión. Esto de la numeración sería tanto para vínculos 
externos como internos. Todos estarían en una misma sección.


Segundo: Las definiciones las mando al GLOSARIO como bien dijiste, sin 
ninguna referencia numérica. Y las abreviaciones se ven bien con el 
mouse encima, entonces podría dejarlas sólo como abreviación. Pero como 
se hace a saber que significa html cuando uno imprime un documento?  
Que opinás si las definiciones están en el glosario siempre, y las 
abreviaciones se le agregan al glosario sólo cuando se trate de 
impresión.? Tienes alguna página donde encuentre eso del globito para 
las definiciones? A mi también me gustó la idea guiño/


Tercero: Me queda aún como solucionar lo de los textos originales. 
Porque ya no podría usar la numeración.  La única forma es mandarlo a la 
sección ORIGINALES sin ningún tipo de referencia, simplemente con un 
vínculo al lado de la cita que diga: a href=#original_01ver texto 
original/a. Lo cual funcionaría bien mediante web. Y cuando se imprime 
que supongan que esta abajo??? desconcertada/


Cuarta: Esta es offtopic. Tengo en claro lo de la separación de 
contenido y presentación. Pero todavía no muy en claro con la 
programación (yo no soy la que programo, aunque me gustaría aprender).
Te entendí la forma de llamar a las notas al pie. El sitio que estamos 
desarrollando tiene muchas secciones generadas por contenido cargado por 
un panel en la base de datos. Y el archivo html principal tiene 
totalmente mezclados el código html y cientos de líneas de php. en esos 
casos tambien se puede separar? Tienes algun sitio donde pueda leer 
sobre el tema?


Me has ayudado un montón. Empiezo a tener un poco más claras las ideas 
(después de una hora de estar leyendo tu mail y organizando lo que me 
recomendaste con mis necesidades)

Saludos.
Maira.

Martin Szyszlican wrote:


Maira:
Es verdad que en textos largos con muchas llamadas al pie, puede 
tornarse complejo. Pero también lo es en papel.
Yo creo que los vinculos externos y los textos originales tendrían que 
tener una numeración correlativa.
En cambio las definiciones de glosario no deberían llevar una 
referencia, con ser un link a su definición en el glosario basta.

Entonces tendrías dos secciones:
-Notas al pie (con vinculos y originales)
-Glosario (con las definiciones mas largas que para un abbr)

Podrías hacer un PHP que busque en los textos todas las palabras 
definibles y las defina en el glosario.
Pero para hacer que el php cree las llamadas al pié, el mismo texto 
debería incluir php, lo que no me parece óptimo (porque estas 
mezclando contenido y programación en el mismo archivo).
Tendrías que tener un PHP que haga lo mismo que hace ese JavaScript, 
es decir: encontrar una tag especial, digamos [nota_al_pie 
HTML:acrónimo inglés de Hypertext Markup Language (lenguaje de 
marcación de hipertexto), es un lenguaje de marcas diseñado para 
estructurar textos y presentarlos en forma de hipertexto, que es el 
formato estándar de las páginas web.]
Y que el PHP entienda eso mediante una regular expression, y lo 
reemplace con HTML [1]

La solución JavaScript es obviamente menos accesible.

Para complicarte un poco mas la cabeza voy a decir esto:
A mi me gustaría que cuando el CSS/JS estan disponibles, al pasar mi 
mouse por encima de una palabra de glosario, la definición apareciera 
en un globito que saliera del mouse.
Los links externos, además de enumerarlos debajo, deberían ser links 
en su primera versión en el texto, de la forma:
Y cuando lei a href=blahun artículo sobre el tema/a a 
href=#link-1[1]/a me sorprendí.


Espero haberte ayudado un poco.

Martin.

maira wrote:


Hola lista!

Les paso a contar mi problema:

Estoy haciendo un sitio, en el contenido del mismo tendré:
   - vínculos tanto internos como externos.
   - abreviaciones
   - llamados a textos originales

VÍNCULOS:
Los vínculos externos se muestran con otro color y con un ícono a su 
lado para diferenciarlos.
Mi idea es que cuando no se aplican css y se imprime el documento 
todos los vínculos tengan un sup con un número, y que aparezcan abajo 
en un pie de página todos los vínculos de la página con el formato:

   1. http

Re: [Ovillo] examinator

2005-10-28 Por tema maira
Gracias por la sugerencia stripTM, no se me había ocurrido de esa forma, 
pero es perfectamente válido.

Saludos.
Maira.

stripTM wrote:


maira escribió:




Tengo el menú principal y dos menos importantes, que van en el header 
y en el footer armados con listas. Y lo único que puede ser que me 
esté generando eso es:



div class=sideinfo
h3 id=hnovedadesspan/spanNovedades/h3hr /
pa href=index.php?secid=36amp;novedad=2Lorem ipsum dolor 
sit amet. consectetuer adipiscing elit, sed diam nonummy nibh euismod 
tincidunt ut.../a/p
pa href=index.php?secid=36amp;novedad=1Se implementaron 
nuevos modulos para las secciones laterales y contenido.../a/p
pa href=index.php?secid=36 class=mas| archivo de 
novedades/a/p

/div



Dejalo así:
div class=sideinfo
   h3 id=hnovedadesNovedades/h3
   ul
   lia href=index.php?secid=36amp;novedad=2Lorem ipsum 
dolor sit amet. consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt ut.../a/li
   lia href=index.php?secid=36amp;novedad=1Se implementaron 
nuevos modulos para las secciones laterales y contenido.../a/li
   lia href=index.php?secid=36 class=mas| archivo de 
novedades/a/li

   /ul
/div

Y con css le das el aspecto que te parezca, puedes hacer que una 
etiqueta tome el aspecto de otra, por ejemplo si a un a href=... le 
quitas el subrayado, la pones como display: block; y la añades unos 
margenes superior e inferior y parecera que es un p




___
Lista de distribución Ovillo
Para 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] notas al pie

2005-10-27 Por tema maira

Hola lista!

Les paso a contar mi problema:

Estoy haciendo un sitio, en el contenido del mismo tendré:
   - vínculos tanto internos como externos.
   - abreviaciones
   - llamados a textos originales

VÍNCULOS:
Los vínculos externos se muestran con otro color y con un ícono a su 
lado para diferenciarlos.
Mi idea es que cuando no se aplican css y se imprime el documento todos 
los vínculos tengan un sup con un número, y que aparezcan abajo en un 
pie de página todos los vínculos de la página con el formato:

   1. http://www.sitioexterno.com
   2. http://www.misitio.com.ar/articulo1.html
En un sitio vi que esto lo generaban a través de javascript, pero no me 
convence. Como el sitio que estoy haciendo es en php, que opinan de la 
idea de que php recorra los vinculos, genere automáticamente la 
numeración y los muestre en el pie de pagina?


ABREVIACIONES:
Las abreviaciones estarían escritas de la siguiente forma:
   abbr title=HyperText Markup LanguageHTML/abbr
Sin embargo me gustaría que también en el pie de pagina bajo el título 
GLOSARIO aparezcan nuevamente aglomeradas todas las que aparezcan en la 
pagina.
Por otro lado, tengo otras palabras que no son sólo una abreviación, 
sino que tendría que desarrollarle una pequeña definición, que tendría 
que ser si o si dentro de GLOSARIO.
En estas últimas había pensado hacer algo como:   
  
   a href=#html title=Hypertext Markup LanguageHTML/a


y que en el glosario lo llamara así:   
 
   dt id=htmlHTML:/dt
   ddacrónimo inglés de Hypertext Markup Language (lenguaje de 
marcación de hipertexto), es un lenguaje de marcas diseñado para 
estructurar textos y presentarlos en forma de hipertexto, que es el 
formato estándar de las páginas web./dd


La idea que tanto las abreviaciones como estas definiciones aparezcan en 
un GLOSARIO es para que estén disponibles siempre a la vista. ¿opiniones?


TEXTOS ORIGINALES:
En otras partes, se incluyen citas en español de algunos autores, 
entonces luego de la cita hago un pequeño vínculo que dice:


supa href=#o001original/a/sup

y luego en la sección ORIGINALES del pie de pagina coloco el texto en inglés de 
la siguiente forma:

dl
dt id=o001[1]/dt
		ddWeb standards are intended to be a common base... a foundation for the world wide web so that browsers and other software 
understand the same basic vocabulary. emEric Meyer/em/dd

/dl



CONCLUSIÓN:

Después de leer este testamento dirán que estoy loca... bueno, si, un poco! Tengo una crisis dentro de mi cabeza 
porque no se como desplegar toda esta información en el pie de página, ya que si a todo le pongo una referencia

númérica sería imposible de distinguir cual referencia es para los vínculos, 
cuál para los textos originales y cuál para
las abreviaciones o definiciones.

Y tampoco sería cómodo poner una sola numeración para todo, ya que en el pie de 
pagina sería una ensalada rusa
de información

En algun momento se me ocurrió determinar algún tipo de ícono para cada sección 
acompañado de un número, pero
en caso que no tengan css habilitado los íconos desaparecen y estoy en el mismo 
problema.
También otra idea era colocar en el superíndice una letra y el número, pero no 
estoy muy segura que sea lo correcto.

Entonces... seguro que me estoy enroscando al vicio, alguien tiene alguna idea?
Que piensan de reemplazar el uso de javascript que automatiza la colocación del 
número o referencia por un php, para usar
tecnologías del lado del servidor (se nota que no lo voy a programar yo, jeeje).

Bueno, en este punto, disculpen si hay faltas o palabras mal escritas, es que 
estoy escribiendo muy, muy rapido.
y otra cosa... hace unos días mandé un mail con el subject: [Ovillo] tinymce, css y 
xhtml y nadie me contestó triste


Saludos y gracias a todos aquellos que han pasado por estos millones de líneas 
para llegar aquí abajo.
Maira.





___
Lista de distribución Ovillo
Para 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] examinator

2005-10-27 Por tema maira
No es la primera vez que lo leo y no entiendo bien a que se refiere 
Es un resultado que da examinator:


Una parte de los enlaces están organizados en listas.
Se deben proporcionar barras de navegación constituidas por listas de 
enlaces para agruparlos y facilitar su localización. Recuerde que las 
listas no se definen por su aspecto sino por el uso de elementos ol, 
ul y dl.


¿cual es la falla?
Al que tenga la bondad de explicarmelo, totalmente agradecida.

Maira
___
Lista de distribución Ovillo
Para 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] FundamentosWeb (viaje desde Buenos Aires)

2005-10-25 Por tema maira
jajaja, me sumo a vos Martín, pero desde Villa Carlos Paz, Córdoba 
(Argentina), con lo que sería un poco por tierra y el resto a nado 
sonrisa /

por qué no por aire?
Maira.

Martin Szyszlican wrote:

Pues bueno, si alguien me quiere arrastrar a nado desde Buenos Aires 
(o alrededores) hasta Madrid, pues venga.


Martin.

Daniel Torres Burriel wrote:


-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

Hola.

Bueno pues como hace el compañero de Madrid, si alguien de Zaragoza o
alrededores va a Fundamentos Web, que lo diga y vemos cómo podemos
optimizar el viaje.

Saludos!
- --
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info  bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.2 (MingW32)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iD8DBQFDXkbELelthkPbKrcRAty1AKC+mRuSwqPr1lh1PbukGWIP3Hsr4wCeMwpl
E6nCIDJEvkMyHzM+GBqSvps=
=m1BU
-END PGP SIGNATURE-

___
Lista de distribución Ovillo
Para 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] tinymce, css y xhtml

2005-10-24 Por tema maira

Hola.

Estoy trabajando en un sitio que se edita a traves de base de datos, y 
por lo tanto de un panel de control.
Le pusimos el tinymce para editar contenido, y todo bárbaro, salvo que 
al guardar, por algun motivo modifica el codigo completamente y deja de 
funcionar y validar el contenido que fue cargado a través del mismo.
Alguien ha pasado por lo mismo, alguien tiene algun editor como este 
para recomendarme y que trabaje bien con css y xhtml?


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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] que raro! explorer again....

2005-10-23 Por tema maira

Gracias Strip por la sugerencia.

Te cuento, le apliqué el width: 99.9%; al Id content de mi index y la 
falla dejó de ocurrir en el contenido, pero tanto en explorer como en 
firefox, la caja de contenido se me hizo mucho más grande y se salió de 
su lugar completamente.
Sin embargo, me olvidé de indicar, que también el border-bottom que 
tienen los tres títulos de vínculos no se muestran y sólo aparecen en el 
momento en que paso el mouse por el menú.


No se porque pero se me cruza por la cabeza que voy a terminar 
odiando a IE. Va... odiándolo más de lo que ya lo odio  =P

Saludos y gracias nuevamente.
Maira.


stripTM wrote:


maira escribió:

Pero en explorer, cuando apenas se carga la página no aparecen ni el 
background ni el border, pero cuando

se pasa el mouse sobre cualquiera de los items del menú, ambos aparecen.

Suena a peekaboo 
http://www.positioniseverything.net/explorer/peekaboo.html
Metele un ancho a la caja que oculta el contenido, por ejemplo 99.9% y 
debería solucionarse.




___
Lista de distribución Ovillo
Para 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] Pedimos opiniones

2005-10-21 Por tema maira
Y que pasa si yo estoy desarrollando un texto, y en un parte dentro de 
ese texto nombro a Zeldman (por ejemplo) como le digo a la gente que es
un vínculo externo?  Le pongo en el title este vínculo se abrirá en una 
nueva ventana y la hago _blank o dejo que se abra en la misma y le pongo
al lado de Zeldman un ícono como el que usa wikipedia para los externos? 
hace rato que no se que hacer con eso.


Muchos dicen que no es bueno poner un blank, pero yo a veces voy leyendo 
un blog, que te nombran 600 vínculos por línea, yo los abro en firefox
en una nueva pestaña, termino de leer el artículo en cuestión, y luego 
reviso los vinculos que abri... odio cuando se abren en la misma ventana 
del articulo

que estoy leyendo.

Saludos a todos y gracias a la lista por existir! lastima que tengo en 
mi thunderbird 1052 mensajes que aún no he leído. =(

algun dia los leeré? jeje

Maira.


Roger Martín wrote:


[EMAIL PROTECTED] wrote:


¿Cómo se indica que se va a saltar a una página externa? ¿Mediante el
title o hay algún marcado especial para estos casos?

 


Que yo sepa no hay un marcado especial.

En la wikipedia[1], busca HTML por ejemplo. La lista de enlaces 
externos que aparece este claramente titulada y fíjate que  todos los 
enlaces externos de la wikipedia se diferencian por un pequeño símbolo.


[1] http://es.wikipedia.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo





___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] explorer ignora z-index

2005-10-21 Por tema maira

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


Saludos.
Maira

Camilo Kawerín wrote:


Hola a todos,

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

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


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


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


Saludos y gracias







___
Lista de distribución Ovillo
Para 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] orden de la informacion

2005-10-14 Por tema maira

Hola.

En mi sitio web, con los CSS aplicados, tengo:
   - logo +  barra de navegación
   - columna izquierda: webmail, noticias, testimonios, etc.
   - columna derecha: contenido
   - footer


En el index, cuando se ve sin los CSS logré que el orden de las columnas 
izquierda y derecha se invirtiera, para que primero se vea el contenido 
y luego la información complementaria.
Pero me surge una duda, porque en las páginas interiores, la columna 
izquierda contendrá un menú de navegación secundario, por el cual si uno 
entra en la opción SERVICIOS del menu principal, en este secundario 
podrá navegar a traves de cada uno de ellos, y haciendo el cambio de 
orden que apliqué en el index, ese menu de navegación junto a uno que 
otro agregado (ya sean noticias, testimonios o promociones) quedarán por 
debajo del contenido.


Se que en la home, como lo que hay en la columna izquierda no es 
importante, mejor que vaya debajo del contenido, pero que ocurre en los 
interiores, al desplazar ese menu de navegación debajo del contenido?
Me pueden recomendar que hacer ustedes que me llevan años luz de 
experiencia?


Saludos y muchas gracias.
Maira.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS-SSC

2005-10-12 Por tema maira

Yo intenté aplicarlo me da un error en firefox 1.0.7 windows

Fatal error: Call to undefined function: apache/request/headers() in 
/var/www/html/css/css-ssc.php on line 54


En realidad, funciona bien la primera vez que cargo la página, pero si 
actualizo se muere y me muestra el sitio

como si no tuviera los css aplicados.
En cambio en Explorer 6 en windows funciona perfectamente.

Alguna idea?

Saludos.
Maira.

Carlos Rincon wrote:


Sí, yo lo ví en http://www.tabernadelturco.com/ que lo había visto en tu
blog :P

Personalmente a mi también me gusta bastante, pero aún no he podido
comprobar si tiene inconvenientes. Creo que es mucho mejor que generar el
css con un fichero php simple, tal como comenta astrobola. Es más limpio y
fácil para gente que sólo domina de css, además de que en teoría ya maneja
el tema de la cache.

Carlos Rincon wrote:
 


Que opinión tenés del CSS-SSC

(para quien no lo haya visto sirve para poner variables en un fichero css,
   


tenéis más información en
http://www.shauninman.com/plete/2005/08/css-variables)
 


A mi me parece realmente interesante, aunque todavía les faltaría que se
   


pudiesen realizar operaciones.

Hace unos días escribí algo sobre ello:

CSS-SSC: preprocesador de hojas de estilo
http://www.torresburriel.com/weblog/index.php?p=679

Personalmente me parece una buena técnica cuando se trata de sitios
grandes, que tienen la posibilidad de crecer a corto-medio plazo.

Saludos!
 



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS-SSC

2005-10-12 Por tema maira

Perdón, pegue mal el error:

bFatal error/b:  Call to undefined function:  apache_request_headers() in 
b/var/www/html/css/css-ssc.php/b on line b54/bbr /

esa es una función que aparece en el php que te hacen colocar en el mismo 
directorio de los css.
en firefox, la pagina en si se ve como si no tuviera los css, y cuando accedo 
al directorio de css me da el error de arriba.
En Explorer, la pagina se ve bien, y si accedo al directorio de css me baja el 
archivo y me lo abre en el dreamweaver, lo que quiere decir que lo puede 
encontrar bien.

Por lo que veo es un problema con firefox, y la forma de tomar los 
headers, pareciera que la primera ves que uno sube el archivo pide los 
headers, pero después de actualizar no lo hace más y no funciona.
La verdad que no tengo idea y no lo puedo hacer funcionar. Y en el sitio 
de imman no me responden. :(


Saludos.
Maira.

Martin Szyszlican wrote:


Mi idea es que IE no te muestra el error.
Pedi directamente el archivo del CSS y vas a ver que en ambos aparece 
el error.
No entiendo apache/request/headers() ... vos estas llamando a una 
funcion con ese nombre?

La funcion se llama solamente headers() ... o tal vez header()
Es rara la forma en la que php te dio ese error.

Martin.

maira wrote:


Yo intenté aplicarlo me da un error en firefox 1.0.7 windows

Fatal error: Call to undefined function: apache/request/headers() in 
/var/www/html/css/css-ssc.php on line 54


En realidad, funciona bien la primera vez que cargo la página, pero 
si actualizo se muere y me muestra el sitio

como si no tuviera los css aplicados.
En cambio en Explorer 6 en windows funciona perfectamente.

Alguna idea?

Saludos.
Maira.

Carlos Rincon wrote:

Sí, yo lo ví en http://www.tabernadelturco.com/ que lo había visto 
en tu

blog :P

Personalmente a mi también me gusta bastante, pero aún no he podido
comprobar si tiene inconvenientes. Creo que es mucho mejor que 
generar el
css con un fichero php simple, tal como comenta astrobola. Es más 
limpio y
fácil para gente que sólo domina de css, además de que en teoría ya 
maneja

el tema de la cache.

Carlos Rincon wrote:
 


Que opinión tenés del CSS-SSC

(para quien no lo haya visto sirve para poner variables en un 
fichero css,
  



tenéis más información en
http://www.shauninman.com/plete/2005/08/css-variables)
 

A mi me parece realmente interesante, aunque todavía les faltaría 
que se
  



pudiesen realizar operaciones.

Hace unos días escribí algo sobre ello:

CSS-SSC: preprocesador de hojas de estilo
http://www.torresburriel.com/weblog/index.php?p=679

Personalmente me parece una buena técnica cuando se trata de sitios
grandes, que tienen la posibilidad de crecer a corto-medio plazo.

Saludos!
 



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo






___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS-SSC

2005-10-12 Por tema maira
La versión no es ya que tengo la 4.3.1, y ya había leido lo del cambio 
de nombre de getallheaders, porque me imaginé que podía ser por algo así.

Ya no se que puede ser.
Gracias por la sugerencia!
Saludos.
Maira.

Manuel González Noriega wrote:


On 12/10/05, maira [EMAIL PROTECTED] wrote:
 


Perdón, pegue mal el error:

bFatal error/b:  Call to undefined function:  apache_request_headers() in 
b/var/www/html/css/css-ssc.php/b on line b54/bbr /

esa es una función que aparece en el php que te hacen colocar en el mismo 
directorio de los css.
   



¿Qué versión de PHP utilizas?

Si es anterior a PHP 4.3.0, debes cambiar la llamada a esa función por
getallheaders()

http://es2.php.net/manual/en/function.getallheaders.php


--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia,
experiencia y comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65

¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.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] formulario con dt y dd

2005-09-16 Por tema maira

A todos, muchas gracias por su ayuda.

El primer caso con problemas lo solucioné como me dijeron, agregando el 
width y align:right:


.formularios dt {
   float: left;
   clear: left;
   height: 19px;
   width: 12em;
   margin: 0;
   padding: .5em .5em 0 0;
   text-align: right;
}
.formularios dd {
   margin: .5em 0 0 140px;
   padding: 0;
}

y el segundo caso, mantuve los dt, el problema era otra vez la 
determinación del ancho del dt.
luego que solucioné eso, necesitaba que los dt estuvieran con un margen 
izquierdo de 10px, en firefox andaba bárbaro, pero en explorer parecía 
que le había dado 15px, no 10, y la única forma de arreglarlo, fue dando 
el espacio con un padding, en lugar de margin.


De nuevo muchas gracias.
Maira.


Francesc Rosàs wrote:

Básicamente quiero que los dd queden al lado de los dt, para ello es 
el float: left, pero a la vez quiero que los dt tengan alineación 
derecha y los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? 
El CSS de arriba es el quedó al final, al no poder encontrar otra 
forma, el original era:


   #formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px; 
float:left; clear:left; }

   #formularios dd { margin: .5em 0 0 13em; padding: 0; }



Prueba de definir un ancho para los dt.

Concretamente yo haría algo así:

dt
{
float: left;
clear: left;
width: 10em;
text-align: right;
margin: 0.5em 0;
margin-right: 1em;
}

dd
{
float: left;
margin: 0.5em 0;
}

Pero creo que en IE no funciona muy bien. Mejor mirate esto: 
http://www.romankoch.ch/capslock/cssdeflist.htm


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


[Ovillo] cambios en las especificaciones para validación de css?

2005-09-16 Por tema maira

Hola.

Hace un tiempo que reviso mis hojas de estilo con el validador de la W3C 
y siempre validaron bien.
Desde anoche que me tira que cuando hay un color declarado también tengo 
que poner un background color y viceversa.

Esto es nuevo?

Por otra parte, cuando en mi css declaro atributos, hay algún orden que 
sea recomendado? margin, padding, color, background etc... en que 
orden conviene ponerlos?


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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] onload... focus

2005-09-15 Por tema maira
Hola, estoy intentando hacer que en un formulario el cursor aparezca en 
determinado input, para ello coloco esto en el body:


body onload=document.nameform.username.focus();

El problema es que como xhtml strict no me permite colocar el atributo 
name, no se como hacer para que funcione y a la vez valide,
perdón si esto salió en la lista ya, pero estuve buscando y no encontré 
nada que me lo solucione ni en la lista ni en otro lado.


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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] formulario con dt y dd

2005-09-15 Por tema maira

Hola.

Estoy haciendo un formulario y lo trabajo con dl, dt y dd:

div id=content
   h3Enviar testimonios/h3
   form method=post action=asdf id=formularios 
   dl
   dtlabel for=nombreNombre y Apellido:/label/dt
   ddinput type=text name=nombre id=nombre 
size=50 tabindex=1 //dd

   dtlabel for=emailEmail:/label/dt
   ddinput type=text name=email id=email2 
size=50 tabindex=2 //dd

   dtlabel for=clienteNúmero de cliente:/label/dt
   ddinput type=text name=cliente id=cliente 
size=50 tabindex=3 //dd

   dtlabel for=testimonioTestimonios:/label/dt
   ddtextarea name=testimonio id=testimonio 
cols=25 rows=5 tabindex=4/textarea/dd
   ddinput type=submit name=enviar value=Enviar 
class=button tabindex=5 /input type=submit name=borrar 
value=borrar class=button tabindex=6 //dd
  
   /dl
   /form   
/div


En mis CSS configuré la posición así:

   #formularios dl { margin: 0; padding: 0; text-align: right; }
   #formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px; 
float:left; clear:left; }

   #formularios dd { margin: .5em 0 0 13em; padding: 0; text-align: left; }


Básicamente quiero que los dd queden al lado de los dt, para ello es el 
float: left, pero a la vez quiero que los dt tengan alineación derecha y 
los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? El 
CSS de arriba es el quedó al final, al no poder encontrar otra forma, el 
original era:


   #formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px; 
float:left; clear:left; }

   #formularios dd { margin: .5em 0 0 13em; padding: 0; }

Desde ya muchas gracias.
Maira.
___
Lista de distribución Ovillo
Para 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] formulario con dt y dd

2005-09-15 Por tema maira
Buenas... Otra vez yo con otro formulario y con otro problema... ninguno 
solucionado.

Este me viene quemando la cabeza hace mucho tiempo. Tengo un formulario:

div id=webmail
   h3 id=hwebmailspan/spanWebmail/h3hr /
   form method=post action=/cgi-bin/formmail.cgi 
id=loginwebmail 

   dl
   dtinput type=text size=20 name=email 
tabindex=1 class=webmail value=[EMAIL PROTECTED] 
onfocus=this.value=''; //dt
   dtinput type=text size=20 name=pass 
tabindex=2 class=webmail value=contraseña onfocus=this.value=''; 
//dt
   dtinput name=entrar type=submit tabindex=3 
value=entrar class=button//dt   
   /dl

   /form
/div

Y en el CSS:

   #webmail, .sideinfo { margin: 5px 5px 10px 5px; padding: 0;  }
   .webmail { width: 157px; }
   #webmail dl { margin: 0; padding: 0; display: inline; }
   #webmail dt { margin: 0 0 .5em 0; padding: 0;  }

En firefox anda perfecto, pero en explorer, el primer input, el de 
email, me aparece corrido hacia la derecha unos 6px.

Sinceramente ya no se me ocurre que ponerle para solucionarlo.
En todos mis forms trabajé con la estructura de dt y dd, pero en este no 
necesito los labels entonces no lo puse, está mal usar el dt sin un dd?

Alguna sugerencia?

Desde ya muchas gracias.
Maira.

maira wrote:


Hola.

Estoy haciendo un formulario y lo trabajo con dl, dt y dd:

div id=content
   h3Enviar testimonios/h3
   form method=post action=asdf id=formularios 
   dl
   dtlabel for=nombreNombre y Apellido:/label/dt
   ddinput type=text name=nombre id=nombre 
size=50 tabindex=1 //dd

   dtlabel for=emailEmail:/label/dt
   ddinput type=text name=email id=email2 
size=50 tabindex=2 //dd

   dtlabel for=clienteNúmero de cliente:/label/dt
   ddinput type=text name=cliente id=cliente 
size=50 tabindex=3 //dd

   dtlabel for=testimonioTestimonios:/label/dt
   ddtextarea name=testimonio id=testimonio 
cols=25 rows=5 tabindex=4/textarea/dd
   ddinput type=submit name=enviar value=Enviar 
class=button tabindex=5 /input type=submit name=borrar 
value=borrar class=button tabindex=6 //dd
 /dl

   /form   /div

En mis CSS configuré la posición así:

   #formularios dl { margin: 0; padding: 0; text-align: right; }
   #formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px; 
float:left; clear:left; }
   #formularios dd { margin: .5em 0 0 13em; padding: 0; text-align: 
left; }



Básicamente quiero que los dd queden al lado de los dt, para ello es 
el float: left, pero a la vez quiero que los dt tengan alineación 
derecha y los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? 
El CSS de arriba es el quedó al final, al no poder encontrar otra 
forma, el original era:


   #formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px; 
float:left; clear:left; }

   #formularios dd { margin: .5em 0 0 13em; padding: 0; }

Desde ya muchas gracias.
Maira.
___
Lista de distribución Ovillo
Para 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] eliminar nbsp;

2005-08-26 Por tema maira

Hola.
Estoy intentando eliminar dos *nbsp*; que estaban para las celdas 
vacías, el problema está en explorer básicamente, ya que en firefox anda 
bien aplicandole empty cells o un simple padding-bottom.

¿Cómo se soluciona eso en explorer?
Por otro lado, que pasa con la página de ovillo? cada vez que quiero 
hacer una búsqueda en los archivos me tira:



 ht://Dig error

htsearch detected an error. Please report this to the webmaster of this 
site. The error message is:


Unable to read configuration file

Muchas gracias.
Maira
___
Lista de distribución Ovillo
Para 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] eliminar nbsp;

2005-08-26 Por tema maira
No, gracias a vos por tu respuesta  y a ovillo en general por esta 
excelente lista.

Saludos.
Maira.

Jose Florido wrote:


Hola Maira!

IE no soporta la propiedad empty-cells y me temo que no hay solucion o truco
para hacer que pinte las celdas vacias (salvo colocar un nbsp;)

Ya vuelve a funcionar el buscador de ovillo.org, habia un problemilla con el
buscador de The Mail Archive. Gracias por el aviso :)

Saludos

--
Jose Florido


 


Hola.
Estoy intentando eliminar dos *nbsp*; que estaban para las celdas
vacías, el problema está en explorer básicamente, ya que en firefox anda
bien aplicandole empty cells o un simple padding-bottom.
¿Cómo se soluciona eso en explorer?
Por otro lado, que pasa con la página de ovillo? cada vez que quiero
hacer una búsqueda en los archivos me tira:


 ht://Dig error

htsearch detected an error. Please report this to the webmaster of this
site. The error message is:

Unable to read configuration file

Muchas gracias.
Maira
___
Lista de distribución Ovillo
Para 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


 



___
Lista de distribución Ovillo
Para 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] list marker en explorer

2005-08-25 Por tema maira

jejee...
no se me había ocurrido, gracias por la sugerencia, ya lo apliqué y 
quedó bárbaro... como siempre digo dos mentes piensan más que una :-)

Saludos.
Maira.

Alejandro Lillo wrote:


On 8/25/05, maira [EMAIL PROTECTED] wrote:
 


Estoy intentando hacer una lista donde los li tienen que tener un list
marker y deben estar uno al lado del otro, y no uno debajo del otro.
Para ello coloco el siguiente estilo:

table tbody td ul {
   margin: 0;
   padding: 0; }
table tbody td li {
   float: left;
   padding: .2em 1.5em .2em .4em;
   list-style: inside square;
   color: #C7102D; }

El problema es que en explorer no se ve el cuadrado rojo que utilice
como list-style
   



O sea al flotarlos y poner los elementos de la lista uno al lado del
otro, ¿pierdes el punto no?

Pues ponlo como imagen de fondo del LI, y problema solucionado.

 



___
Lista de distribución Ovillo
Para 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] td + varias imagenes en una

2005-08-25 Por tema maira

Hola.

Paso a explicar estoy haciendo un sistema de detección de ips, por 
el cuál en una celda con php le inserto el código del pais, por ejemplo 
(ARG) con la banderita del país al lado del código.
A esa celda le puse el class paises, (se ve abajo) y en él determino que 
ponga de fondo paises.gif, que es una imagen donde están todas las 
banderitas (de 20px x 13px) unidas una debajo de otra.
A través de php también le voy a determinar el background-position según 
el país de que se trate.
Mi problema está en como hacer que sólo se vea en alto 13px nada más... 
porque en mi celda llego a ver casi 2 banderitas de alto y un poco más.

Cualquier propuesta será agradecida.


HTML:

td class=paises(?=$country_code3;?)/td


CSS:

.paises {
   margin: 0;
   padding: 0 0 0 30px;
   background: #f7f7f7 url(paises.gif) no-repeat; }


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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] td + varias imagenes en una

2005-08-25 Por tema maira

Federico, Inti...
Antes de mandar mi mensaje a la lista había aplicado tanto el height 
como el line-height y no funciona...(por las dudas volví a corroborarlo, 
pero no anda igual)

Por eso no se como solucionarlo.
Saludos.
Maira.

Federico Santoalla wrote:


así rapido te diria que falta el height:13px; al td
Saludos.
Federico.

El 25/08/05, maira[EMAIL PROTECTED] escribió:
 


Hola.

Paso a explicar estoy haciendo un sistema de detección de ips, por
el cuál en una celda con php le inserto el código del pais, por ejemplo
(ARG) con la banderita del país al lado del código.
A esa celda le puse el class paises, (se ve abajo) y en él determino que
ponga de fondo paises.gif, que es una imagen donde están todas las
banderitas (de 20px x 13px) unidas una debajo de otra.
A través de php también le voy a determinar el background-position según
el país de que se trate.
Mi problema está en como hacer que sólo se vea en alto 13px nada más...
porque en mi celda llego a ver casi 2 banderitas de alto y un poco más.
Cualquier propuesta será agradecida.


HTML:

td class=paises(?=$country_code3;?)/td


CSS:

.paises {
   margin: 0;
   padding: 0 0 0 30px;
   background: #f7f7f7 url(paises.gif) no-repeat; }


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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

 



___
Lista de distribución Ovillo
Para 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] td + varias imagenes en una

2005-08-25 Por tema maira

Que piensan de esto:

HTML:
tdp class=paises(ARG)/p/td

CSS:
.paises {
   height: 13px;
   line-height: 13px;
   margin: 0;
   padding: 0 0 0 30px;
   background: #f7f7f7 url(paises.gif) .3em 0px no-repeat;
}


pero como estas la linea que contiene estos datos se suele repetir 
millones de veces... pensé en algo así:


HTML:
tdspan(ARG)/span/td

CSS:
table tbody td span {
   height: 13px;
   line-height: 13px;
   margin: 0;
   padding: 0 0 0 30px;
   background: #f7f7f7 url(paises.gif) .3em 0px no-repeat;
}

Podría reemplazar el span con p, pero el problema es que tengo p en 
otras ocasiones y me mete las banderitas.

Otra solución que yo no vea y donde no tenga que meter codigo al vicio?
Saludos.
Maira.

maira wrote:


Federico, Inti...
Antes de mandar mi mensaje a la lista había aplicado tanto el height 
como el line-height y no funciona...(por las dudas volví a 
corroborarlo, pero no anda igual)

Por eso no se como solucionarlo.
Saludos.
Maira.

Federico Santoalla wrote:


así rapido te diria que falta el height:13px; al td
Saludos.
Federico.

El 25/08/05, maira[EMAIL PROTECTED] escribió:
 


Hola.

Paso a explicar estoy haciendo un sistema de detección de ips, por
el cuál en una celda con php le inserto el código del pais, por ejemplo
(ARG) con la banderita del país al lado del código.
A esa celda le puse el class paises, (se ve abajo) y en él determino 
que

ponga de fondo paises.gif, que es una imagen donde están todas las
banderitas (de 20px x 13px) unidas una debajo de otra.
A través de php también le voy a determinar el background-position 
según

el país de que se trate.
Mi problema está en como hacer que sólo se vea en alto 13px nada más...
porque en mi celda llego a ver casi 2 banderitas de alto y un poco más.
Cualquier propuesta será agradecida.


HTML:

td class=paises(?=$country_code3;?)/td


CSS:

.paises {
   margin: 0;
   padding: 0 0 0 30px;
   background: #f7f7f7 url(paises.gif) no-repeat; }


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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


 



___
Lista de distribución Ovillo
Para 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] td + varias imagenes en una

2005-08-25 Por tema maira
En el mail anterior puse dos casos, colocando el texto dentro de un p o 
un span y declarando la clase correspondiente como: table tbody td 
span otable tbody td p

En este caso, sin declarar en ningún lado el class paises...

y el otro caso era declarandolo... dentro del p, pero en un tabla con 
300 celdas... es bastante ...

No se cuál de los dos es más conveniente.

Saludos.
Maira.

Inti Castro wrote:


On 8/25/05, maira [EMAIL PROTECTED] wrote:
 

Podría reemplazar el span con p, pero el problema es que tengo p en otras 
ocasiones y me mete las banderitas.
   




estas aplicando el fondo a la clase .paises y no a la etiqueta p por lo 
que no debería meterte las banderitas a todos los p. lo probaste?


inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para 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] Tabulación de datos

2005-08-24 Por tema maira
Muchas gracias Alejandro e Inti por el vínculo de minid.net sobre las 
tablas, ya que no sabía que existían varios de estos tags.

Saludos.
Maira.

Inti Castro wrote:


On 8/24/05, maira [EMAIL PROTECTED] wrote:
 

Mi pregunta es básicamente si se pueden tabular datos, como si fueran 
tablas, pero con divs... o si para estos casos se siguen usando tablas.
   




se usan tablas.

buscá información sobre el atributo summary del table, los tags caption, 
thead, th, tbody, tfoot.


http://www.minid.net/2004/09/29/%c2%a1mamita%e2%80%a6-%c2%a1que-pedazo-de-tablas/
.

inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para 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: De acuerdo Re: [Ovillo] Por qué no crea r una lista de opinión para discutir y valorar los diseños webs

2005-08-24 Por tema maira
Primero deberíamos decidir si hacerlo o no, después el formato (lista, 
blog o lo que sea) lo definimos en el camino.
Y en cuanto a los criterios, no he visto que en los pedidos que ha 
habido en la lista en este último tiempo sobre opiniones en relación a 
cierto diseño haya habido un criterio claro, más que la experiencia que 
cada persona tiene en el campo y los gustos personales. Pero creo, que 
escuchar la opinión de varias personas seguramente es más enriquecedor 
que la perspectiva de una sola.


Saludos.
Maira.


Sim Dalom wrote:


Es una idea pero bajo que criterios podemos valorar estas cuestiones?
No se me ocurre forma de coger este proyecto bajo una línea editorial,
llamemoslo así, objetiva o al menos ecuánime.

un saludo,

José Mª Martínez Priego
http://www.simdalom.com/blog/


On 8/24/05, Pixelperu [EMAIL PROTECTED] wrote:
 


Apoyo la propuesta aunque bien podría hacerse un blog al respecto.


Miguel Flores Franco
Pixelperu
Arte, Diseño y Teletrabajo
Cel.: (1) 9330 8572 | Telf.: (1) 567 7475
MSN: [EMAIL PROTECTED]
E-mail para archivos adjuntos:
[EMAIL PROTECTED] | [EMAIL PROTECTED]
http://www.pixelperu.com


- Original Message -
From: maira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, August 23, 2005 10:40 PM
Subject: Re: [Ovillo] Por qué no crear una lista de opinión para discutir y
valorar los diseños webs


   


Manolo...
Estupenda idea...

Yo puedo ofrecer el espacio en uno de los servers de mi empresa
(www.xmundo.net) para este fin.
Sólo tienen que sumarse algunos interesados, para ver si vale la pena
meternos en el proyecto.
Confirmen aquellos que quieran que lo hagamos.

(P.D. no miren el diseño ni la estructura del site actual, justamente
ahora estoy pasandolo a xhtml + css :-) )
Saludos.
Maira.




Manolo Castillo Sánchez wrote:

 


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

Yo puedo poner mi servidor debian a disposición y montar una lista, eso
sí, mi línea es de 1 mega  y 300 de subida, un poco corta quizás.

Bueno espero a ver que me decís.

Un saludo

Manolo Castillo
www.incorporarte.com

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo


   


___
Lista de distribución Ovillo
Para 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
 



__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
Lista de distribución Ovillo
Para 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


 



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] EXPLORER: border-bottom en un frame

2005-08-22 Por tema maira
Muchas gracias por el consejo, aunque lamentablemente es para un panel 
de control, y no estoy muy segura que sea conveniente hacerlo todo con 
divs. Por mi mejor, pero tengo que tener buenas justificaciones para 
convencer al programador.
Por otra parte, tengo otra duda en relación a los frames que no he 
podido encontrar respuesta.


He leído por ahí, que al documento principal le tengo que poner:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd;


Pero al resto de los documentos que se ven en los frames que DTD le 
tengo que poner? se le pone title?

Muchas gracias.
Maira.

astrobola wrote:


Hola.
Una pequeña sugerencia: En lugar de un frame, puedes usar un div con el 
atributo position : fixed, y le pones un z-index alto (o bajo, no me 
acuerdo ahora) para que quede siempre por encima del resto. Por supuesto, si 
es posible en tu caso.

Los frames son algo molesto y si puedes suplantarlos por css, mucho mejor.


El Lunes, 22 de Agosto de 2005 02:38, maira escribió:
 


Hola.
Estoy intentando poner el border-bottom a un frame donde sólo coloco el
logo, el mismo aparece correctamente en firefox, pero en explorer ni
aparece.
   


___
Lista de distribución Ovillo
Para 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] EXPLORER: border-bottom en un frame

2005-08-22 Por tema maira

Otra cosa...
como se ve abajo, he reemplazado lo de border y espacio por 
style=padding:0; border: 0;, pero aún no se como eliminar 
frameborder=no y no me valida por eso.


!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd;

html
head
titlePanel Administrativo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
/head

frameset rows=60,* cols=* frameborder=no style=padding:0; 
border: 0; 

 frame src=topbar.php name=topbar scrolling=no noresize /
 frameset cols=181,* frameborder=no style=padding:0; border: 0; 
   frame src=navbar.php name=navbar scrolling=no noresize /
   frame src=inicio.php?seccion=1 name=content /
 /frameset
/frameset
noframesbody
/body/noframes
/html

Alguien tiene un buen artículo sobre frames, xhtml y css o me pueden dar 
una mano...

Muchas gracias nuevamente.
Maira.



astrobola wrote:


Hola.
Una pequeña sugerencia: En lugar de un frame, puedes usar un div con el 
atributo position : fixed, y le pones un z-index alto (o bajo, no me 
acuerdo ahora) para que quede siempre por encima del resto. Por supuesto, si 
es posible en tu caso.

Los frames son algo molesto y si puedes suplantarlos por css, mucho mejor.


El Lunes, 22 de Agosto de 2005 02:38, maira escribió:
 


Hola.
Estoy intentando poner el border-bottom a un frame donde sólo coloco el
logo, el mismo aparece correctamente en firefox, pero en explorer ni
aparece.
   


___
Lista de distribución Ovillo
Para 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] EXPLORER: border-bottom en un frame

2005-08-21 Por tema maira

Me autorespondo  :-)
El problema era que al logo le ponía un margin para que se separara de 
los bordes del div, al hacer esto, en explorer, el div se me hacía más alto

de lo que le permitía el frame, y el borde quedaba fuera del área visible.
Saludos.
Maira.

maira wrote:


Hola.
Estoy intentando poner el border-bottom a un frame donde sólo coloco 
el logo, el mismo aparece correctamente en firefox, pero en explorer 
ni aparece.
No pude encontrar nada acerca de este problema, no se si es algo que 
ocurra con normalidad en explorer, o la forma de solucionarlo.

Les pego aquí la página que inserto en el frame:



!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
!--
body, td { font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, 
sans-serif; color: #7B8286; margin: 0; background: #f7f7f7; }
#logo { float: left; height: 49px; width: 100%; margin: 0; padding: 0; 
border-bottom: 1px solid #CED3D9;}

#logo img { margin: 6px 15px 15px 15px;}
--
/style/head

body
   div id=logo
   img src=images/logo.gif alt=texto cualquiera width=163 
height=35 style=border: 0;/

   /div
/body
/html


Cualquier ayuda será eternamente agradecida.
Saludos.
Maira.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo





___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Menú expandible... no desplegabl e...

2005-08-18 Por tema maira

Hola a todos.

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

El mismo está en: http://www.vykus.com.ar/menus/lateral/lateral.html
Después de mucha lectura no quiero utilizar un desplegable en el sitio 
que estoy desarrollando, quería ver si alguien me puede decir como 
transformar este menú con php de forma que quede como la imagen que está 
en la misma página de antes, por debajo del desplegable.
Lo que quiero exactamente es que al hacer click sobre un item del menú, 
la página carque nuevamente, y se expandan por debajo del item en 
cuestion sus subitems... quedando marcado de forma diferente el item 
principal y el subitem  seleccionado. El problema sería como hacer que 
los items que están por debajo de los subitems que aparecen, se corran 
hacia abajo a la nueva posición que les corresponde.


Desde ya muchas gracias, y si no me he explicado bien, diganmelo, me 
cuesta un poco pasar en letras lo que hay en mi cabeza. :-)

Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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] Se busca relleno lateral

2005-08-12 Por tema maira
   div class=content
   h1column-swapping, revisited/h1
   /div
   /div !--header--
 div class=containerRight
   div class=columnShiftToLeft
   div class=content
   h2Consectetuer adipiscing elit/h2
   p Praesent lobortis tellus. In hac 
habitasse platea dictumst. Etiam consequat mi non ligula. Nullam wisi. 
Sed id sapien. Fusce posuere magna at felis viverra luctus. Ut blandit 
augue. Phasellus pellentesque, nisl in feugiat tristique, mauris risus 
convallis nunc, sed pharetra ligula tellus sed justo. Praesent 
fringilla. Morbi arcu justo, interdum eu, consequat sit amet, elementum 
et, ante./p
   pDonec justo massa, varius in, tempus nec, 
elementum eget, wisi. Morbi et risus. Sed at justo. Aenean mollis, justo 
ac vulputate ultrices, purus eros molestie lorem, ut placerat massa 
sapien vel justo. Donec aliquet lorem a mauris. Proin blandit enim id 
lorem. Curabitur a dolor. Nulla nec libero sit amet est venenatis 
ultrices. Quisque commodo. Suspendisse euismod ipsum a lacus. Vestibulum 
convallis wisi eu metus./p

   /div   !--content--
   /div  !--columnShiftToLeft--
   /div  !--containerRight--
   div class=containerLeft
   div class=columnShiftToRight
   div class=content
   h2Vestibulum id lectus/h2
   pNunc imperdiet, magna a facilisis 
accumsan, mi nunc fringilla justo, egestas tincidunt neque sapien vitae 
lorem. Praesent ac mauris eu velit tincidunt tempor. Pellentesque 
ultrices turpis eget dui. Pellentesque habitant morbi tristique senectus 
et netus et malesuada fames ac turpis egestas. Nulla nibh felis, 
pharetra eu, ornare eget, sollicitudin eget, enim. Duis scelerisque, 
erat elementum tincidunt aliquet, turpis odio malesuada enim, id 
placerat felis nulla nec diam. Cras interdum. Aliquam ullamcorper mi vel 
eros. Proin tempus imperdiet risus. Nunc sagittis erat et odio. Ut in 
ante. Phasellus sagittis rhoncus augue. Nulla tempus dapibus est. In 
lorem./p

   h2Cras et leo/h2
   pInteger at lectus. In hac habitasse 
platea dictumst. Morbi faucibus vehicula quam. Donec nonummy vestibulum 
sem. Mauris aliquet convallis dolor. Phasellus placerat, eros eget 
vestibulum aliquet, tellus ligula rutrum elit, a tincidunt felis elit et 
magna. Aliquam et nunc a magna commodo ultrices. Etiam facilisis sapien 
sed nibh. Nulla at velit nec wisi ultrices bibendum. Quisque porttitor 
est at diam./p

   /div !--content--
   /div !--columnShiftToRight--
   /div !--containerLeft--
   br class=brclear
   div class=footer
 div class=content
   pNunc lacinia auctor eros. Vivamus justo 
ligula, pulvinar vel, lacinia in, pellentesque accumsan, nisl. Sed 
vehicula erat ac nunc. Quisque lobortis erat sed velit. Pellentesque 
luctus felis at nunc. Sed id tellus. Mauris ipsum dui, malesuada eu, 
euismod in, bibendum sit amet, quam. Nunc hendrerit arcu ut metus. Donec 
dictum, felis nec blandit fermentum, orci lectus feugiat dolor, ac 
mattis wisi eros vitae diam. Cras felis dui, cursus sed, auctor in, 
tempor id, quam. Phasellus neque sem, laoreet eu, mollis sit amet, 
sagittis ac, ipsum./p

 /div !--content--
   /div !--footer--
   /div !-- wrapper --
   /div !-- ccontainpage --
   /div !-- ccontainweb --
div class=clearfloatnbsp;/div


/***/


Si alguien me puede dar una mano... será eternamente egradecido... 
Estuve viendo el de fauxcolumns, pero me parece más interesante este.
Si tiene otro que recomendar para que dos columnas tengan el mismo 
largo, bienvenido el consejo.

Saludos.
Maira Vykus
___
Lista de distribución Ovillo
Para 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] Se busca relleno lateral

2005-08-12 Por tema maira
Bueno, he logrado cambiar el diseño a px al fin y al cabo, pero ahora 
tengo otro problema, mi diseño requiere que ambas columnas tengan un borde.
El borde lateral de ambas lo resolví con una imagen de fondo, y el top 
con un border-top a ambas columnas.
El problema lo tengo con el border bottom, ya que siempre una de las 
columnas deja de funcionar, en el momento en que se alarga
Alguien tiene una idea de como hacer que ambas columnas tengan el mismo 
largo cuando ambas a la vez tienen que tener un border?
Un preview de la página hasta donde he quedado está aquí: 
http://www.vykus.com.ar/columnas/columnas4.htm


Saludos.
Maira.
___
Lista de distribución Ovillo
Para 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] ancho y largo de divs

2005-08-10 Por tema maira

Primero que nada muchas gracias a todos por responder a mi consulta.
Como puse en un post anterior, lo solucioné con PHP. No lo he probado 
mucho, pero es bastante cómodo.

En un archivo PHP tienen que colocar lo siguiente:

//

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

$d = detect();
$b = $d['browser'];
$v = $d['version'];
$o = $d['os'];

function detect()
   {
   $browser = array (IE,OPERA,MOZILLA,NETSCAPE,FIREFOX,SAFARI);
   $os = array (WIN,MAC,LINUX);
   $info['browser'] = OTHER;
   $info['os'] = OTHER;
   foreach ($browser as $parent)
   {
   $s = strpos(strtoupper($_SERVER['HTTP_USER_AGENT']), $parent);
   $f = $s + strlen($parent);
   $version = substr($_SERVER['HTTP_USER_AGENT'], $f, 5);
   $version = preg_replace('/[^0-9,.]/','',$version);
   if ($s)
   {
   $info['browser'] = $parent;
   $info['version'] = $version;
   }
   }
   foreach ($os as $val)
   {
   if (eregi($val,strtoupper($_SERVER['HTTP_USER_AGENT']))) 
$info['os'] = $val;

   }
   return $info;
   }


echo


/* HACKS BROWSERS **/
?

#botones { margin-left: ?php
   if ($o == WIN  $b == IE  $v  5) {
echo 606px;;
   }else{
echo 609px;;
   }?
  


//


Como pueden ver, en la última parte declaré que para el id botones, el 
margin-left sea de 606px si detecta que se trata de Windows
con un explorer de versión mayor a 5. En caso de no ser así, que el 
mismo sea de 609px.
Y sigue siendo código válido, lo podemos adaptar a las diferentes 
versiones de explorer, etc.


Saludos.
Maira Vykus.




Inti Castro wrote:


On 8/10/05, Santiago Flores [EMAIL PROTECTED] wrote:
 


hay alguna razón más?

   



te di dos razones:

  1. no es código válido. 
  2. no ofrece una certera compatibilidad con futuras versiones de 
  browsers.
   
cualquiera de las dos razones puede ser o no importante para vos. para mi 
ambas son bastante importantes aunque mas la segunda que la primera.


en todo caso, siempre es recomendable definir (siguiendo con el ejemplo que 
teniamos) el ancho correcto despues del ancho incorrecto, que se necesita 
para ie, por una cuestion de darle importancia en el orden al valor correcto 
y no al incorrecto.


imaginate que ie7 soluciona el bug que requiere que le asignes un ancho 
particular pero aun asi sigue reconociendo la propiedad _width. tu diseño 
terminaria rompiendose en ie7. si, en cambio, defines el ancho para ie 
normalmente y luego das el ancho correcto con htmlbody etc. estas dando 
un valor incorrecto y luego redefiniendolo correctamente. si ie7 soluciona 
el problema que hace que requiera un ancho especial y añade soporte para el 
selector htmlbody etc. entonces nada se rompe.


y no estoy delirando: 
http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx


inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para 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] ancho y largo de divs

2005-08-08 Por tema maira

Hola.
Estoy haciendo un site para un examen en la facu 
(http://www.vykus.com.ar/finalhw/)

Tengo dos problemas:

El primer problema está en la ubicación del menú que dice contacto y 
mapa del sitio, ya que en explorer, se posiciona por debajo del div 
del contenido y deja constantemente un gran espacio en blanco por debajo 
del mismo. Está ubicado con un margin-left: 609px; si lo pongo en 600px 
se elimina el espacio en blanco, pero la botonera deja de estar en su 
posición correcta tanto en explorer como en firefox. Hay alguna forma de 
darle a explorer un posicionamiento y que el resto de los navegadores 
tomen el de 609px?


El segundo problema se da en Firefox, que no adapta el largo de los divs 
al contenido, y queda el mismo desplegado fuera del área 
correspondiente. Mi pregunta es que valores debo darle al div del menú, 
al del contenido y al que contiene a ambos para que se ajusten 
automáticamente.


Toda ayuda será agradecida.
Maira.

___
Lista de distribución Ovillo
Para 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