Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 23-feb-2006, 20:23   #1 (permalink)
jak
jak ha deshabilitado el karma
 
Fecha de Ingreso: septiembre-2005
Mensajes: 39
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:


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}
jak está desconectado   Responder Citando
Antiguo 23-feb-2006, 21:26   #2 (permalink)
man0l0 ha deshabilitado el karma
 
Fecha de Ingreso: febrero-2006
Mensajes: 114
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?.
man0l0 está desconectado   Responder Citando
Respuesta
Calificación: Calificación de Tema: 1 votos, 4,00 de promedio.


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 20:08.


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