Retroceder   Foros del Web > Diseño de Sitios web > (X)HTML

Respuesta
 
Herramientas Desplegado
Antiguo 28-abr-2008, 07:36   #1 (permalink)
killerangel tiene algunos puntos positivos de karma
 
Avatar de killerangel
 
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 325
Enviar un mensaje por MSN a killerangel
Pregunta Ordenar tabulador sin tabla??

Hola

Si tengo varios textos y a lado cajas de texto, se ve asi:

texto1 [caja de texto 1]
texto texto 2 [caja de texto 2]
texto 3 [caja de texto 3]

si lo pongo en tablas para odenar se ve asi

texto1..............[caja de texto 1]
texto texto 2....[caja de texto 2]
texto 3.............[caja de texto 3]// los puntos señalan todo el espacio que queda en blanco.

Como logro este efecto de tabulado sin usar tablas ni separarlos con '&nbps;'?

Esque este '&nbps;' lo aleja con espacios en blaco pero no siempre esta a la misma distancia, en caso de varias la fuente.
killerangel está desconectado   Responder Citando
Antiguo 28-abr-2008, 08:17   #2 (permalink)
killerangel tiene algunos puntos positivos de karma
 
Avatar de killerangel
 
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 325
Enviar un mensaje por MSN a killerangel
Re: Ordenar tabulador sin tabla??

Pues ya que nadie contesta propongo un metodo alternativo pero no se que opinen de esto.

Consiste en que en lugar de los espacios llamemos a una imagen de 1x1 pixel de color trasparente que al momento de colocar en la web se alargue hasta la medida necesaria. Esto puede hacerse colocaldo cada vez la imagen y estirandola hasta obtener el espacio deseado.

Para esto mejor usemos una funcion:

1º Hacemos una funcion en php
Código PHP:
function espacio($in,$tam){
    
$aux=NULL;
    for (
$i=0;$i<$in;$i++)
            {
$aux=$aux."../";}
    echo 
'<img src="'.$aux.'img/trans.png" width="'.$tam.'" height="1" border="0">';

$in=señalaa cuantas veces debemos salir del directorio a la carpeta de imagenes donde esta nuestro 'espacio en blanco'

$tam= tamaño de sepacion, en pixels, del espacio que deseamos asignar.

Solo deberemos tener este codigo en la web:

Código HTML:
Nombre De Usuario: <?php espacio(0,30)?> <input ...>
Contraseña: <?php espacio(0,75)?> <input ...>
Espero que lo prueben a ver q les parece.
killerangel está desconectado   Responder Citando
Antiguo 28-abr-2008, 08:44   #3 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: Idle. Return on 18/08
Mensajes: 734
Re: Ordenar tabulador sin tabla??

Intentaste usar las etiquetas <pre></pre>?

No estoy seguro, pero creo que era lo que querías usar...
__________________
<signs> daPhyre </signs>

¿Por qué dejar se usar tablas?
daPhyre está desconectado   Responder Citando
Antiguo 28-abr-2008, 16:32   #4 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.913
Re: Ordenar tabulador sin tabla??

Por dios, que prisa. A las 15:36 pones una consulta y a las 16:17 dices "como nadie contesta..." Yo no he tenido tiempo ni de leerlo.

Si a los bloques texto 1, 2 y 3, les das una clase, y en su css los pones con display block y le das un tamaño de ancho, consiguel lo que quieres.

Un ejemplo:

<span class"texto">texto1</span>[caja de texto 1]
<span class"texto">texto texto 2</span>[caja de texto 2]
<span class"texto">texto 3</span>[caja de texto 3]

y ahora en su hoja de estilo:

.texto {
display: block;
float: left;
width: 60px;
}

Los 3 bloques de texto 1, 2 y 3 medirán 60px exactamente, y desplazarán el texto que va detrás al mismo lugar en horizontal.

Esto por supuesto, a grandes rasgos. Luego hay que ver exactamente cómo lo queires hacer y adaptarlo.

Mikel.
Mikmoro esta en línea ahora   Responder Citando
Antiguo 28-abr-2008, 22:33   #5 (permalink)
killerangel tiene algunos puntos positivos de karma
 
Avatar de killerangel
 
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 325
Enviar un mensaje por MSN a killerangel
Re: Ordenar tabulador sin tabla??

Jojojojo perdon... pero estaba muy apurado y tenia q poner lo q pense para ver q opinan de eso.

Pero no se me sulfuren muchachos... :P

weno, weno, como sea.... gracias por las respuestas... y no se molesten.

haaa y por cierto estimado mikmoro... no me funciona lo q dices, no se mucho de css supongo q es por eso.

Última edición por killerangel; 28-abr-2008 a las 22:41. Razón: postdata
killerangel está desconectado   Responder Citando
Antiguo 28-abr-2008, 22:50   #6 (permalink)
Moderador
Al Zuwaga llegará a ser famoso muy prontoAl Zuwaga llegará a ser famoso muy prontoAl Zuwaga llegará a ser famoso muy prontoAl Zuwaga llegará a ser famoso muy prontoAl Zuwaga llegará a ser famoso muy pronto
 
Avatar de Al Zuwaga
 
Fecha de Ingreso: noviembre-2002
Ubicación: 34.517 S, 58.500 O
Mensajes: 12.188
Re: Ordenar tabulador sin tabla??

Hola Mikmoro. ¿y si en lugar de <span> usamos <label>?


Código:
<label for="texto1">Texto 1</label>
<input type="text" name="texto1" id="texto1" /><br />
<label for="texto2">Texto 2</label>
<input type="text" name="texto2" id="texto2" /><br />
Un saludo
__________________
···---···
Al Zuwaga está desconectado   Responder Citando
Antiguo 28-abr-2008, 23:53   #7 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.913
Re: Ordenar tabulador sin tabla??

Ah, pues es que no pensé que fuera un formulario. Donde decía "caja de texto" pensé que era otro texto sin más, no un textarea.

Y no me sulfuro, hombre, es que me ha hecho gracia la prisa .

Mikel.
Mikmoro esta en línea ahora   Responder Citando
Antiguo 29-abr-2008, 09:04   #8 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: Idle. Return on 18/08
Mensajes: 734
Re: Ordenar tabulador sin tabla??

Yo tampoco sabía que eran cajas de texto. En este caso, no creo que el PRE pudiera servir para lo que deseabamos (No lo he puesto a prueba, pero igual creo que la 3WC pide que no se haga tal cosa en caso que si se pueda).

De igual forma, ¿No sería más sencillo usar un PRE para un texto normal que hacer el SPAN con CSS??

Otra duda: ¿Los labels le dan el tabulador prefefinido, o tambien se debe usar CSS para ajustarles?
__________________
<signs> daPhyre </signs>

¿Por qué dejar se usar tablas?
daPhyre está desconectado   Responder Citando
Antiguo 30-abr-2008, 08:41   #9 (permalink)
killerangel tiene algunos puntos positivos de karma
 
Avatar de killerangel
 
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 325
Enviar un mensaje por MSN a killerangel
Re: Ordenar tabulador sin tabla??

Bueno lo mejor q pude hacer es adaptarlo, mem guste o no, a una tabla aunque no me gusto al inicio estoy viendo las ventajas que hay en este tipo de orden.

Gracias a toooooos!!! :)
killerangel está desconectado   Responder Citando
Antiguo 30-abr-2008, 09:49   #10 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.913
Re: Ordenar tabulador sin tabla??

Bueno, aunque creo que ya no lo vas a leer, esto lo que yo te decía, pero con el label como me apuntaba Al Zuwaga, que no había reparado en que era un formulario:

Cita:
<!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" lang="es-es">
<head>
<meta content="text/html; charset=UTF-8"
http-equiv="content-type" />
<title>killerangel</title>
<style>
label { display: block;
width: 100px;
float: left;
}
</style>
</head>
<body>
<form action="#" name="adfh">
<label>Texto 1</label><textarea cols="20"
rows="1" name="a"></textarea><br />
<label>Texto
texto 2</label><textarea cols="20" rows="1"
name="b"></textarea><br />
<label>Texto 3</label><textarea cols="20"
rows="1" name="c"></textarea>
</form>
</body>
</html>
Mikel.
Mikmoro esta en línea ahora   Responder Citando
Antiguo 03-may-2008, 21:53   #11 (permalink)
killerangel tiene algunos puntos positivos de karma
 
Avatar de killerangel
 
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 325
Enviar un mensaje por MSN a killerangel
Re: Ordenar tabulador sin tabla??

Pues ya ves que si lei esto aunque tal vez no cuando lo esperabas.

De hecho, lo que me aconsejas lo tomare en cuenta para otro caso que se me ha presentado.

Muchas Gracias!!!

Sinceramente.... tu amigo deiby
killerangel está desconectado   Responder Citando
Antiguo 04-may-2008, 07:37   #12 (permalink)
MRB08
 
Avatar de MRB08
 
Fecha de Ingreso: febrero-2008
Ubicación: info@elcodigo5.com.ar
Mensajes: 238
Enviar un mensaje por MSN a MRB08 Enviar un mensaje por Yahoo  a MRB08
Re: Ordenar tabulador sin tabla??

Jje, un poco tarde xD
http://es.kioskea.net/forum/affich-1312-tabulador-html

Salu2
MRB08 está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 16:41.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93