Comunidad de diseño web y desarrollo en internet online

alternativa a textfield

Citar            
MensajeEscrito el 05 Feb 2008 06:10 pm
hola,

Todos hemos visto como se visualiza un <textflield><legend>Titulo</legend></textfield> en los formularios (para mas señas en Firefox), mi pregunta es como podemos hacer esto mismo pero fuera de un formulario, porque según tengo entendido estos elementos son propios de los formularios y usarlos fuera no seria valido.

Hay algún otro elemento con el que se puedan englobar datos y ponerle un titulo dando el mismo aspecto fuera de los formularios?

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2008 06:50 pm
Por partes.
Si te refieres a
<fieldset><legend></legend></fieldset>
, bien.
Si no... creo que no estás hablando de xHTML.

Por lo demás... aclararte que:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
<!-- <!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="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<fieldset>
<legend>Título</legend>
Contenido
</fieldset>

</body>
</html>
valida perfectamente (incluso como XHTML 1.0 Strict)

Aún así, si te empeñas en buscar alternativas...
Pues no es muy difícil.
Serían un par de "divs".
<style>
.fieldset {position:relative; border:1px black solid; padding:10px 2px 2px 2px;}
.legend {position:absolute; border:0px black solid; background-color:white; padding:3px; top:-1em; left:1em;}
</style>
</head>
<body>
<div class="fieldset"><div class="legend">Título</div>Contenido< br/>...</div>
</body>


¿Conforme?

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 05 Feb 2008 08:10 pm
XDXDXDXD no me puedo creer lo que he escrito XDXDXDXD

Si rizome me refería a fieldset, se ve que hoy ya ando con las neuronas un poco tostaillas y no se ni lo que pongo.

Por otro lado se que ese código valida (de echo creo que lo tengo en alguna web), pero siempre que he leído acerca de fieldset hablan de un elemento propio de los formularios, por eso no estoy seguro de que se pueda usar fuera de ellos y de ahí que buscara una alternativa mas "valida" por así decirlo, pero con lo que has dicho me has vuelto a dejar en duda...

Es correcto o no es correcto el uso de fieldset fuera de los formularios?

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2008 08:19 pm
Si no quieres usar los fieldset, usa los divs como puse de ejemplo.
Por lo demás, si valida xHTML strict 1.0... más válido no puede ser... vamos...
la W3C creo que es la que se encarga de determinar la valided de los diversos códigos...
así que con su aprobación, la corrección queda asegurada.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 05 Feb 2008 09:17 pm
Precisamente lo saque de una traduccion de las especificaciones de la W3C

aqui dejo el enlace para los interesados

http://www.sidar.org/recur/desdi/traduc/es/html401-es/interact/forms.html#

http://www.sidar.org/recur/desdi/traduc/es/index.php#especicss

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2008 09:35 pm
No termino de encontrar en ningún sitio q diga q no se deben sacar de los formularios.
Quizá sean propios de ellos... pero porq no usarlos fuera... (si no, no validaría, como no lo hace usar, por ejemplo, un <p>, dentro de un <li>)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.