Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Como ordenar texto y cajas de texto con css (http://www.forosdelweb.com/f53/como-ordenar-texto-cajas-texto-con-css-373660/)

jak 23/02/2006 21:23
Como ordenar texto y cajas de texto con css
 
hola

Como puedo ordenar las caja de texto,para que me queden todas alineadas a la derecha y el texto alineado a la izquierda,a traves de un codigo css,abajo adjunto una imagen de mi problema y tambien el codigo css,que estoy utilizando,y que debo agregarle para solucionar mi problema.
Tambien intente alinear las cajas con <td align=right>,pero desordena todo el texto.
gracias

Esta es la imagen:
http://img529.imageshack.us/img529/4...ujo31on.th.jpg

Aqui el codigo:

Código:


/* Estilo para el documento */
BODY {font-family:Verdana,sans-serif;font-size:x-small;
margin-left:0.25in; margin-right:0.25in;}


/* Estilo para la cabecera de nivel 2 */


H2 {font-family:Verdana,sans-serif; font-size:14pt;color:red}


/* Estilos para otras etiquetas */
B, TD {font-family:Verdana,sans-serif;font-size:x-small;
color:#000000}
TH {font-family:Verdana,sans-serif;font-size:x-small;
color:white;background-color:#0080C0}
PRE, TT, CODE {font-family:Courier New,Courier;
font-size:9pt;color:maroon}


.boton{
          font-size:10px;
          font-family:Verdana,Helvetica;
          font-weight:bold;
          color:white;
          background:#638cb5;
          border:0px;
          width:70px;
          height:15px;
          }





input, textarea, select
{


 color:#202020;
 border: 1px solid #006699;
}


P {
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;
}
H1 {
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}

BODY {
background-color :#ffffff;
font-family : arial;
color : White;
}


input { font-family: Tahoma, Verdana, Arial; font-size:
11px; color: #FFFFFF; background-color: #6699CC; border: #000099;
border-style: solid; border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px}
select { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF;
 background-color: #6699CC; border: #000099; border-style: solid; border-top-width: 1px;
 border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

 body {  cursor: crosshair}

man0l0 23/02/2006 22:26
Hola!,

Veo que estás usando tablas, la solución más fácil, es en una columna ubicar los textos, y en la otra columna los campos de entrada, después estableces una clase para toda la tabla.

Por ej.
.claseTabla {
text-align: left;
}

y en el html <table class="claseTabla">


Saludos!


PD: Estás haciendo el sitio para los productos Virginia de Chile?.


La zona horaria es GMT -6. Ahora son las 00:21.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.