[Ovillo] En Opera con dos imagenes, la segunda desborda el div
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
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
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
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
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
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
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
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
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
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
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
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
;
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
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
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
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
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
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 [SOLUCIONADO]
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 ! ! !
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
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
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
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
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
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
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
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
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
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)
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
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....
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
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
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
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
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
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
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
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?
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
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
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
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
Re: [Ovillo] eliminar nbsp;
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
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
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
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
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
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
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
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
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
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
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...
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
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
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
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
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
