Foros del Web » Creando para Internet » HTML »

Rellenar con puntos una tabulación

Estas en el tema de Rellenar con puntos una tabulación en el foro de HTML en Foros del Web. Hola gente: Necesito hacer algo cómo hago esto en HTML Producto 1 .............................................. $50.00 Producto con nombre largo 2 ................. $100.00 Prod 3 .................................................. . ...
  #1 (permalink)  
Antiguo 17/01/2011, 21:10
 
Fecha de Ingreso: octubre-2008
Mensajes: 12
Antigüedad: 9 años, 2 meses
Puntos: 0
Pregunta Rellenar con puntos una tabulación

Hola gente:
Necesito hacer algo cómo hago esto en HTML

Producto 1 .............................................. $50.00
Producto con nombre largo 2 ................. $100.00
Prod 3 .................................................. . $40.00

Es una tabla de productos con sus respectivos precios pero en el espacio entre el nombre y el precio necesito rellenarlos con puntos, o una línea o guiones, etc.
Como verán el nombre de los productos varían el ancho y el tipo de letra Arial varía su ancho por cada caracter, de tal manera de que los precios no salen correctamente alineados.
Hay alguna opción con CSS o alguna idea para hacerlo.

Gracias!
  #2 (permalink)  
Antiguo 18/01/2011, 06:54
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Rellenar con puntos una tabulación

Una tabla parece indicada para este tipo de representación. Puedes utilizar dos columnas o tres si quieres separar los decimales, pero no creo que sea necesario.
La primera celda debería tener alineación a la izquierda y a la derecha la que contiene las cifras.
Las líneas de puntos yo las haría con una imagen de fondo.
Las celdas de los productos tendrían fondo transparente para que se vean las líneas de puntos y los nombres de los productos en etiquetas span con fondo blanco para que oculten el fondo.
Se me ha ocurrido sobre la marcha, no lo he probado, pero creo que funcionaría.
Puede que alguien te ofrezca una solución más elegante.
  #3 (permalink)  
Antiguo 16/04/2011, 20:19
 
Fecha de Ingreso: octubre-2008
Mensajes: 12
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Rellenar con puntos una tabulación

Gracias pero no es la idea...
Lo que intentaba hacer era imprimir en pantalla los datos tabulados... imprimir el caracter de tabulación, ya que el administrador de contenidos almacena el dato como un campo de texto en donde el usuario ingresa copiando y pegando esta lista de productos...
Lo resolví reemplazando el caracter de tabulación con el siguiente código html:

Código HTML:
<span style="display:inline; white-space:pre;">	</span> 
Lo único que no puedo hacer es establecer el ancho de esta tabulación...

Etiquetas: lista, puntos, relleno, tabulacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:03.