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] 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: 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 |meta| 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: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es head titleTitulo de la Web/title meta name=robots content=all / meta http-equiv=Content-Language content=es / meta http-equiv=content-type content=application/xhtml-xml; charset=utf-8 / 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] [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] [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
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] 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] 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:
lia href=presentacion.phpspan
class=azul_oscuroT/spanratamientos naturales/a/li
ul
lia href=presentacion.phpspan
class=azul_oscuroT/spanratamientos naturales/a/li
lia href=presentacion.phpspan
class=azul_oscuroT/spanratamientos naturales/a/li
/ul
lia href=presentacion.phpspan
class=azul_oscuroC/spanonsulta/a/li
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] 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
div id=footer
div id=footer2Texto/div
/div
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 noscript, 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)
style
#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;
}
/style
/head
body
pVamos a probar/p
div id=etiqueta
p class=pvpPrecio 1span class=defObjeto 1/span/p
p class=pvpPrecio 2span class=defObjeto con nombre más
largo/span/p
/div
/body
/html
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):
dl
dtObjeto 1/dt
ddPrecio 1/dd
dtObjeto con nombre más largo 2/dt
ddPrecio 2/dd
/dl
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 en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
Re: [Ovillo] 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 div 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.
style
.contenedor {
width:300px;
height:150px;
overflow-x:scroll;
}
.bloque {
border:1px solid;
width:100px;
height:100px;
float:left;
clear:right;
margin:2px;
}
/style
/head
body
div class=contenedor
div class=bloquebloque/div
div class=bloquebloque/div
div class=bloquebloque/div
div class=bloquebloque/div
/div
/body
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
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 div 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.
style
.contenedor {
width:300px;
height:150px;
overflow-x:scroll;
}
.bloque {
border:1px solid;
width:100px;
height:100px;
float:left;
clear:right;
margin:2px;
}
/style
/head
body
div class=contenedor
div class=bloquebloque/div
div class=bloquebloque/div
div class=bloquebloque/div
div class=bloquebloque/div
/div
/body
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
