Re: [Ovillo] Duda Rollover
Unos enlaces: * http://www.dave-woods.co.uk/?p=124 * http://www.mezzoblue.com/tests/revised-image-replacement/ * http://css-tricks.com/nine-techniques-for-css-image-replacement/ * http://v2.easy-designs.net/articles/iIR/ Corrígeme si me equivoco pero no usas la técnica del text indent por si alguien navega con estilos pero sin imágenes y usas la que comentas que se ve duplicada sin estilos? ¿Por qué no hacer el hover (y sólo el hover) con javascript? (no duplicados, sin estilos ves la imagen, sin imagenes el alt, sin javascript no hay hover) ¿Por qué no sIFR: http://nettuts.com/javascript-ajax/how-to-implement-sifr3-into-your-website/? ¿Por qué no FLIR: http://nettuts.com/javascript-ajax/how-to-use-any-font-you-wish-with-flir/? La técnica perfecta no existe pero alguna se ajustará mejor que otras dependiendo de lo que quieras/necesites ;). Un saludete Ignacio Ricci escribió: > No entiendo el sentido que el menu sea con imagenes, en vez de ser fondo por > css. > ¿Para que queres que se vea esa imagen igual con los estilos deshabilitados? > Quedaría fuera de contexto. > > Y no es necesario usar javascript, si los menus son links. (a) > > > > 2008/10/16 Martin Etxauri <[EMAIL PROTECTED]> > > >> Hola listeros. >> >> Vengo con una pregunta sobre rollovers >> >> La cuestión es que quiero hacer un menú con botones que sean imágenes, >> bien para que sean iconos o bien para poner una tipo especial. Y que >> tengan rollover. >> >> Lo primero que se me ocurre es poner las imágenes de fondo por CSS y >> poner un :hover, pero el tema del text indent no me convence ya que si >> alguien navega con estilos pero sin imágenes la liamos. >> >> Para hacer un menú con imágenes sería correcto poner los botones como >> imágenes con el alt apropiado, pero entonces pienso que tengo que >> hacer los rollovers por javascript porque, si no me equivoco, para >> hacer un :hover por CSS las imágenes tienen que estar como background. >> >> Buscando un poquillo he encontrado este link [1] que es lo que mas me >> ha convencido, rollover sobre img con CSS, aunque si ves esto sin >> estilos tienes las imágenes repetidas... pero bueno, me funciona. >> Usando esta manera con estilos sin imágenes se ve, sin estilos con >> imágenes también y sin estilos y sin imágenes también. >> >> y bueno se me ha ocurrido consultar por aquí a ver que opináis de este >> sistema o si tenéis algún otro sistema milagroso por ahí ;) >> >> gracias a todos >> >> martin >> >> p.d: he hecho una pequeña búsqueda en los archivos pero no ha sido muy >> satisfactoria... perdón si esto está tratado y re-tratado. >> >> >> [1] http://www.christianmontoya.com/2006/02/01/pure-css-image-rollover/ >> ___ >> Lista de distribución Ovillo >> Para 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 >> >> > > > > -- Mario Pérez - http://mpermon.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] [OT] ebooks para principiantes sobre SEO
Un recurso que no suele tener en cuenta la gente y que está bastante bien para principiantes: Los informes con recomendaciones del INTECO (Instituto Nacional de Tecnologías de la Comunicación) en: http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_seo Tienen sobre bastantes temas relacionados con el desarrollo web ;). Un saludo Aleyda Solis escribió: > Hola Javier, > > Las mejores guias de SEO que conozco para empaparse del tema son: > > -SEO para Diseñadores: > http://www.webdesignerwall.com/general/seo-guide-for-designers/ (en inglés) > y esta otra de Seomoz para principiantes: > http://www.seomoz.org/article/beginners-guide-to-search-engine-optimization(también > en inglés) > > En español tienes esta guía de referencia (cheatsheet) bastante buena: > http://www.ecuaderno.com/2008/05/25/guia-de-referencia-seo/, tambien > manuales de referencia: http://google.dirson.com/posicionamiento.net/ y > http://www.davilac.net/posicionamiento/ > > Espero que te sea de utilidad. > > Un saludo! > > 2008/10/14 Javier Guerrero <[EMAIL PROTECTED]> > > >> Hola chicos. >> Quería consultarles por recursos básicos para aprender todo lo relacionado >> al posicionamiento en buscadores.. el ABC, si es posible. >> >> 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 >> >> > ___ > Lista de distribución Ovillo > Para 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 > -- Mario Pérez - http://mpermon.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] [OT] cargar flash
Usar SWFObject puede ser una buena idea ;). http://code.google.com/p/swfobject/ Un saludo Joseba escribió: > Hola! > > > > Después de ver un poco de documentación he visto varias propuestas para > cargar un flash en un HTML. > > > > Mi duda ha quedado en cual realmente es la buena de cara a xhtml ya que > embed está obsoleto y no valida. > > > > ¿utilizo solo object? > > > > Gracias. > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- ---- Mario Pérez - http://mpermon.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] Cómo centrar cajas horizontalmente en u n contenedor dinámico
A bote pronto con: * display: table-cell * display:inline-block; vertical-align:middle; Échale un ojo a: http://www.vdotmedia.com/blog/vertically-center-content-with-css/ http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/ http://www.jakpsatweb.cz/css/css-vertical-center-solution.html <http://brunildo.org/test/shrink_center_4.html> http://brunildo.org/test/shrink_center_4.html <http://www.sunburnt.com.au/publications/design/center-multiple-lines-with-css> http://www.sunburnt.com.au/publications/design/center-multiple-lines-with-css Un saludo Javier Guerrero escribió: > Hola chicos. > > Tengo un problema para alinear tres cajas que se encuentran dentro de una > caja contenedora. A continuación les muestro la imagen: > > http://www.flickr.com/photos/[EMAIL PROTECTED]/2926579763/sizes/o/ > > Un detalle a considerar es que la caja contenedor es dinámica con respecto a > la altura... por cual se me complica hacer que las tres cajas se alineen > verticalmente. > > Espero que me ayuden con esto. > > Gracias > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- -------- Mario Pérez - http://mpermon.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] [OT] mostrar texto en un alert
Sí, faltaban las comillas. A lo que me refería es a que utilizases expresiones regulares como: cadena.replace(/[\s]/g,''); cadena.replace(/[\n\r\t]/g,''); Quizá te valga cualquiera de las dos. Un saludo Joseba escribió: > Eso así tal cual me da error de javascript. > > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > En nombre de Mario Pérez > Enviado el: miércoles, 10 de septiembre de 2008 16:16 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] [OT] mostrar texto en un alert > > Hombre, como solución igual te vale: > > cadena.replace(/[\n\r\t]/g,); > alert(cadena); > > ;) > > > Joseba escribió: > >> El caso es que los caracteres los devuelve tal cual (no codifica nada) >> > pero > >> no sé xq misterio el alert los interpreta como texto. >> >> Seguiré buscando x internete haber si alguien ha solucionado el tema. >> >> Gracias. >> >> -Mensaje original- >> De: [EMAIL PROTECTED] >> > [mailto:[EMAIL PROTECTED] > >> En nombre de Mario Pérez >> Enviado el: miércoles, 10 de septiembre de 2008 14:07 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: Re: [Ovillo] [OT] mostrar texto en un alert >> >> Con decodeURI() puedes sacar tildes ñ y otros caracteres especiales >> codificados en hexadecimal (como el %20 para el espacio). Los caracteres >> de escape como \n, no los puede tratar, sin embargo... Quizá tengas que >> hacerte un "limpiador" así a pelo :D. >> >> Un saludo >> >> Joseba escribió: >> >> >>> Hola! >>> >>> >>> >>> Estoy haciendo un alert para mostar un texto devuelto con Ajax. >>> >>> >>> >>> El problema está que los caracteres especiales devueltos con el texto (x >>> ejemplo \n) no lo interpreta el alert y los muestra como texto. >>> >>> >>> >>> ¿? >>> >>> >>> >>> Gracias. >>> >>> ___ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> >>> >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> >>> >>> >>> >> >> ___ >> Lista de distribución Ovillo >> Para 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 > >> >> > > > -- Mario Pérez - http://mpermon.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] [OT] mostrar texto en un alert
Hombre, como solución igual te vale: cadena.replace(/[\n\r\t]/g,); alert(cadena); ;) Joseba escribió: > El caso es que los caracteres los devuelve tal cual (no codifica nada) pero > no sé xq misterio el alert los interpreta como texto. > > Seguiré buscando x internete haber si alguien ha solucionado el tema. > > Gracias. > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > En nombre de Mario Pérez > Enviado el: miércoles, 10 de septiembre de 2008 14:07 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] [OT] mostrar texto en un alert > > Con decodeURI() puedes sacar tildes ñ y otros caracteres especiales > codificados en hexadecimal (como el %20 para el espacio). Los caracteres > de escape como \n, no los puede tratar, sin embargo... Quizá tengas que > hacerte un "limpiador" así a pelo :D. > > Un saludo > > Joseba escribió: > >> Hola! >> >> >> >> Estoy haciendo un alert para mostar un texto devuelto con Ajax. >> >> >> >> El problema está que los caracteres especiales devueltos con el texto (x >> ejemplo \n) no lo interpreta el alert y los muestra como texto. >> >> >> >> ¿? >> >> >> >> Gracias. >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> > http://lists.ovillo.org/mailman/listinfo/ovillo > >> >> > > > > ___ > Lista de distribución Ovillo > Para 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 > -- Mario Pérez - http://mpermon.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] [OT] mostrar texto en un alert
Con decodeURI() puedes sacar tildes ñ y otros caracteres especiales codificados en hexadecimal (como el %20 para el espacio). Los caracteres de escape como \n, no los puede tratar, sin embargo... Quizá tengas que hacerte un "limpiador" así a pelo :D. Un saludo Joseba escribió: Hola! Estoy haciendo un alert para mostar un texto devuelto con Ajax. El problema está que los caracteres especiales devueltos con el texto (x ejemplo \n) no lo interpreta el alert y los muestra como texto. ¿? Gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para 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] Error validador W3C con la codificación
Es posible que tengas problemas con la codificación con la que estás sirviendo la página (y de ahí el problema en el HTTP header). Busca en la configuración del servidor que tengas especificado utf-8. Saludos Nacho F. Carreño escribió: > Hola a [EMAIL PROTECTED], > > Tengo una Web cuyo codificado está marcado por la meta: http-equiv="content-type" content="application/xhtml-xml; charset=utf-8" /> > > Sin embargo al pasar el validador de la W3C me detecta que la página > está en iso-8859-1 y me da este mensaje de advertencia: > > Character Encoding mismatch! > > The character encoding specified in the HTTP header (|iso-8859-1|) is > different from the value in the || element (|utf-8|). I will use > the value from the HTTP header (|iso-8859-1|) for this validation. > > > > Este es el código de la cabecera de la Web: > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es"> > > Titulo de la Web > > > > > > Nunca me había pasado nada por el estilo ¿alguien sabe como puedo > solucionar este problema? > > Gracias y un saludo para [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://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda UL anidado.
No estará anidado si cierras el li antes de abrir el ul de segundo nivel ;) (eso valida?) Un saludete Jose Avia escribió: > Hola chicos, tengo un problemilla absurdo con una lista anidada. > > El codigo es este: > > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Tratamientos naturales > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Consulta > > El css de la lista interior es: > > .menu ul ul{ > float:left; > margin:0px; > padding:0px; > width:205px; > list-style:none; > font-size:14px; > color:#999; > display:block; > overflow:hidden; > } > > Y cuando pincho encima de consulta, se me ilumina toda la lista interior. > > ¿Por que puede ser? > > Gracias! > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para 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] Tipografías multiplataforma
Creo que el segundo método es de Richard Rutter y yo lo vi hace bastante aquí: - http://clagnut.com/blog/348/ Aunque el autor publicó no hace demasiado una recopilación en A list Apart con ése y otros métodos : - http://www.alistapart.com/articles/howtosizetextincss/ Un saludo Mario Carlos Marrero escribió: > Dan Decerholm, en su libro "Bulletproof Web Design", recomienda dos métodos > escalables y accesibles y por lo tanto multinavegador: > > Por valor absoluto y palabras clave > 1. body { font-size: small; } >* html body { font-size: x-small; } /* Hack de estrella para todos los IE > */ >* html body { f\ont:size: small; } /* hack de estrella para ajustar > tamaño a IE6 */ > > ¿ Alguien tiene la dirección web donde se puede consultar este método ? > > 2. Por valor relativo % / em > body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar > 1em = 10px */ > h1 { 2em; } /* 20px */ > > ¿ Alguien conoce el nombre de éste método ? > > > saludos, > chr5 > > [1] http://simplebits.com/publications/bulletproof/ > > > El 20 de agosto de 2008 16:51, Reynier Pérez Mira <[EMAIL PROTECTED]> > escribió: > > >> Hola listeros: >> Primero que nada discúlpenme si este tema se ha tocado anteriormente >> aquí pero no logro encontrar referencia en ningún lado, quizás porque >> soy un mal "googleador". >> >> La cuestión es que estoy desarrollando un sitio y quiero que se vea lo >> más semejante posible en los 3 SO más usados: Windows, MacOS y Linux. >> Necesito algún tipo de referencia donde leer algo al respecto y además >> de que tamaño base dar a las fuentes y con esto me refiero a: >> >> body { font-size: 82.5%; } >> >> para a partir de ahí comenzar a dar las unidades en EM o %. >> - >> Salu2 >> Ing. Reynier Pérez Mira >> Grupo de Soporte al Desarrollo - Dirección Técnica IP >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> > ___ > Lista de distribución Ovillo > Para 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] Div dentro de div
Yo diría que ese padding: 0 auto; no pinta nada. Eliminando eso (porque quizá IE se haga la picha un lío) y con el consejo del text-align:center; que te han dado debería chutar... andres karp escribió: > Sigue sin funcionar así. > > El 13 de agosto de 2008 12:05, Martin Etxauri <[EMAIL PROTECTED]> escribió: > > >> aupa >> >> métele a #footer text-align: center; para que centre el footer2 en IE >> >> >> >> El 13/08/2008, a las 11:55, andres karp escribió: >> >> >>> Este es el css. No se me ocurre nada :P >>> >>> #footer{ >>>background-color:#33; >>>margin-top:8px; >>>width:100%; >>>height:180px; >>> } >>> >>>#footer2{ >>>width:890px; >>>padding:0px auto; >>>margin: 0px auto; >>>height:180px; >>>} >>> >>> El 13 de agosto de 2008 11:47, Carlos Marrero >>> <[EMAIL PROTECTED]>escribió: >>> >>> ¿ Qué es lo que no ve claro ? ¿ Cuales son las css de esos dos div ? 2008/8/13 andres karp <[EMAIL PROTECTED]> > Pregunta tonta quizás, pero me tiene emperrado :P > > Tengo dos divs uno dentro de otro > > >Texto > > > Ok, footer normal ocupa el 100% de la pantalla, mientras que > footer2 esta > centrado y con más cosas dentro, en firefox y opera va de lujo > pero mi > amiguito explorer no lo ve claro. Y noo se me ocurre nada, > sugerencias??? > > -- > saludos > Andrés Karp > > blog_ http://www.andreskarp.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://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 >>> >>> -- >>> saludos >>> Andrés Karp >>> >>> blog_ http://www.andreskarp.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://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> > > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mapa de Google
Hola Jorge, La solución sería incluir una imagen alternativa dentro de un , como ya te han dicho los compañeros de la lista. Lo bueno es que sigues pudiendo hacer uso de Google Maps para generar esa imagen, como te explican en el blog oficial de google maps (http://googlemapsapi.blogspot.com/2008/02/google-maps-without-scripting.html) y el resultado seguiría siendo completamente accesible Un saludo Mario Pérez www.brainet.es Jorge escribió: > Hola q tal, > > trabajo en el desarrollo de una web que tiene que cumplir los niveles de > accesibilidad AA como mínimo, y mi pregunta es si podría hacer uso de un > mapa de google. Si es así, cuál es la mejor forma de implementarlo para que > en el caso en que el usuario no tenga javascript o lo tenga deshabilitado, > vea una imagen estática del mapa. > > Algo como en la web del museo guggenheim: > > http://www.guggenheim-bilbao.es/secciones/planea_visita/informacion_museo_localizacion.php?idioma=es > > > Saludos, > Jorge > > ___ > Lista de distribución Ovillo > Para 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] Espacio horizontal relleno de puntos
O incluso esto: http://www.search-this.com/2007/11/26/css-a-recipe-for-success/ :P Anxo Botana escribió: > creo qu elo que quieres es esto: > http://web-graphics.com/mtarchive/001622.php > > Victoria Gracia wrote: > >> Solución con dl, dd y dt: hay un problema para poder ubicar realmente >> los objetos por capas por lo que la solución requiere, como bien apunta >> Martín, una "chapucilla" de meter cada dd y dt en contenedores: >> >> Chapuza por chapuza, ¿lo dejamos en párrafo con span? Y para redondear, >> ¿lo escribimos al revés? >> >> Entonces tienes que generar contenido para el elemento del precio (pvp >> en el código que te incluyo), que viene a ser otra chapuza más, pero al >> menos no es un borde... >> >> En este código tienes para empezar a probar (los colores y las medidas >> eran para las pruebas) >> >> >> >> #etiqueta { >> background: yellow; >> width: 400px; >> } >> >> .pvp:before { >> content: " . . . . . . . . . . . . . . . . . . . . . . . . . "; >> } >> >> .pvp { >> z-index: 100; >> background: red; >> text-align: right; >> right: 10px; >> } >> >> .def { >> z-index: 10; >> background: white; >> position: absolute; >> left: 0; >> } >> >> >> >> >> >> Vamos a probar >> >> >> Precio 1Objeto 1 >> Precio 2Objeto con nombre más >> largo >> >> >> >> >> Sí, es algo chapuzas también, pero al menos permite hacerlo de un modo >> más o menos "elegante" teniendo en cuenta que lo único que nos va a >> ocurrir si vemos la página con CSS desactivado (o para lectores de >> pantalla) es que "veremos" el precio antes que la descripción, pero casi >> lo veo como un mal menor a la posibilidad de tener tablas con celdas >> llenas de puntitos. >> >> Espero te sirva >> >> Un saludo >> >> Victoria >> >> El dom, 09-12-2007 a las 19:47 -0300, Martin Szyszlican escribió: >> >> >>> Se me ocurre esto: >>> A cada dd/dt los ponés dentro de un contenedor, aunque no creo que eso >>> valide. >>> A este contenedor le pones un border-bottom dashed que es lo que vos querés. >>> Esto te va a generar un borde de todo el ancho, vos solo querés que aparezca >>> entre los elementos, no debajo de ellos. >>> Para eso les das un fondo blanco al dd y al dt, y los hacés un pixel más >>> altos que su contenedor, como para que el fondo blanco tape la línea >>> punteada. >>> Se entiende? >>> Es medio desastroso, pero puede funcionar. Seguro hay una solución más >>> elegante... >>> >>> Martin. >>> >>> El día 9/12/07, Angel Martin Alganza <[EMAIL PROTECTED]> escribió: >>> >>> Hola a todos, Pregunta corta: ¿Cómo puedo rellenar un espacio horizontal entre dos entidades con una línea de puntos? Pregunta larga: Estoy intentando dar estilo a un listado de precios en el que, en dos columnas, se muestra cada objeto/servicio a la izquierda y su precio a la derecha. Me parece que el marcado más correcto es una lista de definición (aunque una tabla también sería correcto): Objeto 1 Precio 1 Objeto con nombre más largo 2 Precio 2 Quiero que el listado aparezca así: Objeto 1... Precio 1 Objeto con nombre más largo 2.. Precio 2 ¿Cómo debería dar el estilo a dt para que se rellenase de puntos el espacio vacío hasta el dd? En su defecto, ¿cómo podría rellenar de puntos el espacio en blanco en la celda correspondiente si utilizara una tabla? (No vale una columna extra rellena de puntos, dado que el ancho utilizado por la columna de «objetos» es muy variable. Gracias y saludos, Ángel -- Angel Martin Alganza Tel +34 958 248 926 Departamento de Genetica Fax +34 958 244 073 Universidad de Granada mailto:[EMAIL PROTECTED] C/ Fuentenueva s/n http://www.ugr.es/~ama/ E-18071 Granada, Spain JabberID [EMAIL PROTECTED] PGP Public key: http://www.ugr.es/~ama/ama-pgp-key 3EB2 967A 9404 6585 7086 8811 2CEC 2F81 9341 E591 -- () ASCII Ribbon Campaign - http://www.asciiribbon.org/ /\ Against all HTML e-mail and proprietary attachments Please avoid sending me Word or PowerPoint attachments http://linux.sgms-centre.com/advocacy/no-ms-office.php ___ Lista de distribución Ovillo Para 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
Re: [Ovillo] Ayuda sobre overflow con div en firefox
Mete un contenedor intermedio con ancho mayor que la suma de los bloques MHU escribió: > Gracias por la respuesta pero sigo sin solución. > > Un saludo, > > > > > > Miguel Hurtado > BITel S.A. > Webmaster > Tfno. 971 225700 > Fax. 971 225701 > E-mail. [EMAIL PROTECTED] > http://www.bitel.es > > > > > > Aviso legal: > El contenido de este mensaje (y de cualquiera de los archivos adjuntos) es > > confidencial, y dirigido exclusivamente a los destinatarios especificados. > El mensaje puede contener información privilegiada y/o estar legalmente > protegido. Solamente podrá reproducir o distribuir el material previa > autorización expresa. Si usted no es el receptor previsto, cualquier uso, > acceso o copia de este mensaje está prohibida en virtud de la legislación > vigente. > > > > > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > En nombre de Mario Pérez > Enviado el: miércoles, 11 de julio de 2007 11:15 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Ayuda sobre overflow con div en firefox > > Puede que me equivoque pero así a primera vista creo que deberías flotar > también el contenedor (el clear del bloque creo que no te hace falta). > > Ya te digo que no lo he probado pero espero que te sirva. > > Un saludo > > MHU escribió: > >> El problema es que tengo una serie de bloques div, los cuales deben >> mostrarse en una sola línea, dentro de un contenedor sobre el que >> quiero hacer un scroll horizontal. El siguiente código me funciona >> correctamente en explorer, pero en firefox al limitarle el ancho del >> contenedor hace que los div internos se vayan colocando en varias líneas. >> Espero alguien sepa como solucionarlo. >> >> >> >> >> >> >> >> >> >> .contenedor { >> >> width:300px; >> >> height:150px; >> >> overflow-x:scroll; >> >> } >> >> .bloque { >> >> border:1px solid; >> >> width:100px; >> >> height:100px; >> >> float:left; >> >> clear:right; >> >> margin:2px; >> >> >> >> } >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> bloque >> >> bloque >> >> bloque >> >> bloque >> >> >> >> >> >> >> >> >> >> >> >> Gracias por a todo por anticipado. >> >> >> >> Un saludo, >> >> >> >> Miguel >> >> >> >> >> >> >> >> >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> > http://lists.ovillo.org/mailman/listinfo/ovillo > >> >> > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda sobre overflow con div en firefox
Puede que me equivoque pero así a primera vista creo que deberías flotar también el contenedor (el clear del bloque creo que no te hace falta). Ya te digo que no lo he probado pero espero que te sirva. Un saludo MHU escribió: > El problema es que tengo una serie de bloques div, los cuales deben > mostrarse en una sola línea, dentro de un contenedor sobre el que > quiero hacer un scroll horizontal. El siguiente código me funciona > correctamente en explorer, pero en firefox al limitarle el ancho del > contenedor hace que los div internos se vayan colocando en varias líneas. > Espero alguien sepa como solucionarlo. > > > > > > > > > > .contenedor { > > width:300px; > > height:150px; > > overflow-x:scroll; > > } > > .bloque { > > border:1px solid; > > width:100px; > > height:100px; > > float:left; > > clear:right; > > margin:2px; > > > > } > > > > > > > > > > > > > > > > > > > > bloque > > bloque > > bloque > > bloque > > > > > > > > > > > > Gracias por a todo por anticipado. > > > > Un saludo, > > > > Miguel > > > > > > > > > > ___ > Lista de distribución Ovillo > Para 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