Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
FAQ: Alinear texto a la derecha

 Se muestran 3 comentarios sin revisar

Roger  15/3/07 
También se puede hacer uso de estilos de la manera siguiente:

<style type=\"text/css\">
#id_der {
text-align:right;
font-weight:bold;
}
</style>
</head>

<body>
<input id=\"id_der\" type=\"text\" value=\"1,000.00\" />
</body>

Esto permite que todos los input que tengan id=\"id_der\" se comporten de la misma manera, es decir con el contenido alineado a la derecha (adicionalmente le puse letra negrita).

Otra manera de hacerlo es haciendo el uso de clases en la hoja de estilo:

<style type=\"text/css\">

.class_derecha {
text-align:right;
background=\"CC99FF\";
}
</style>
</head>

<body>
<input id=\"id_der\" type=\"text\" value=\"1,000.00\">
<input id=\"id_der\" type=\"text\" value=\"2,000.00\"><br>
<input class=\"class_derecha\" type=\"text\" value=\"3,000.00\" />
<input class=\"class_derecha\" type=\"text\" value=\"4,000.00\" />

</body>

Observa que, en la hoja de estilo, para crear un id se antepone el carácter #, mientras que para una clase se antepone un punto (.); pero en el elemento al que se le va a asignar el id o la clase no se coloca ninguno de estos caracteres.


MoRDi  15/3/07 
para incluir en una hoja de estilo aparte, y asi mantener la separacion entre informacion y diseño, tan importante en la programacion estructurada, deberias incluir este codigo

* input[type="text"]{
text-align: right;
}
y si es un campo password el que quieres alinear pues:

* input[type="password"]{
text-align: right;
}

siempre puedes añadir la caracteristica padding-right: 2px; para que no comience a escribir justo al filo, lo que deja el input un poco mas vistoso

elwawuao@hotmail.com  02/8/07 
nesesito los pasos para justificar el texto a la derecha por favor

Ver el articulo / faq completo Ver la FAQ y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba

Comentarios no revisados de:

+ Alinear texto a la derecha


DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia