Foros del Web » Creando para Internet » CSS »

Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho contenido ?

Estas en el tema de Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho contenido ? en el foro de CSS en Foros del Web. Lo sé, la pregunta es un poco "rara" pero el concepto resulta ser una tontería. Os cuenta. Tengo una tabla en la cual pongo ciertos ...
  #1 (permalink)  
Antiguo 25/09/2010, 13:24
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 768
Antigüedad: 11 años, 8 meses
Puntos: 15
De acuerdo Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho contenido ?

Lo sé, la pregunta es un poco "rara" pero el concepto resulta ser una tontería.
Os cuenta.

Tengo una tabla en la cual pongo ciertos datos, pensaba hacerlo con divs pero iba a ser bastante más complicado (a mi parecer por como estaba estructurado) y preferí hacerlo con tablas.

La cosa es que tengo la tabla con su td (el primero de todo) en el cual va un título, por ejemplo. Cuando el título sobrepasa el ancho de la tabla este baja pero si se ve la alineación con el texto de la izquierda parece que el texto va subiendo.



Y aquí el código.

Código HTML:
Ver original
  1. <div class="bolsaTexto">
  2.                                 <div class="bolsaTabla">
  3.                                     <table border="1" cellpadding="4" width="585px">
  4.                                         <tr>
  5.                                             <td width="145px" class="bolsaOpc">Oferta</td>
  6.                                             <td>Manolita dime tu porque eres tan feliz con un cochambroso chico en tu nariz Manolita dime tu porque eres tan feliz con un cochambroso chico en tu nariz Manolita dime tu porque eres tan feliz con un cochambroso chico en tu nariz</td>
  7.                                         </tr>
  8.                                         <tr>
  9.                                             <td class="bolsaOpc">Puestos Vacantes</td>
  10.                                             <td></td>
  11.                                         </tr>
  12.                                         <tr>
  13.                                             <td class="bolsaOpc">Requisitos</td>
  14.                                             <td></td>
  15.                                         </tr>
  16.                                         <tr>
  17.                                             <td class="bolsaOpc">Lugar de Trabajo</td>
  18.                                             <td></td>
  19.                                         </tr>
  20.                                         <tr>
  21.                                             <td class="bolsaOpc">Se Ofrece</td>
  22.                                             <td></td>
  23.                                         </tr>
  24.                                     </table>
  25.                                 </div>
  26.                             </div>

CSS
Código CSS:
Ver original
  1. /*/ ------ Contenido de la Bolsa de Trabajo ------ /*/
  2.    
  3.     .bolsaCuerpoContenido{
  4.         width:675px;
  5.         height:419px;
  6.         border:1px solid #b1b1ab;
  7.         background-color:#e8e8e3;
  8.         color:#979791;
  9.     }
  10.    
  11.     .bolsaNumContenido{
  12.         width:55px;
  13.         height:413px;
  14.         background-image:url(images/bolsa-trabajo-degrado.png);
  15.         background-repeat:repeat-x;
  16.         margin:2px;
  17.         float:left;
  18.         color:#FFF;
  19.         font-size:33px;
  20.         text-align:center;
  21.     }
  22.    
  23.     .bolsaTabla{
  24.         float:left;
  25.         width:90%;
  26.         height:95%;
  27.         margin-top:15px;
  28.     }
  29.    
  30.         .bolsaTabla  td{
  31.             padding-bottom:15px;
  32.         }
  33.    
  34.     .bolsaOpc{
  35.         font-weight:bold;
  36.         color:#d2360f;
  37.         font-size:15px;
  38.         text-align:right;
  39.         padding-right:5px;
  40.     }
  41.    
  42.     /*/ ------ Fin Contenido de la Bolsa de Trabajo ------ /*/

Muchas gracias !!
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?
  #2 (permalink)  
Antiguo 25/09/2010, 20:23
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho c

No entiendo verdaderamente cual es tu problema , explicate mejor..
  #3 (permalink)  
Antiguo 26/09/2010, 05:04
Avatar de Rubenqlc  
Fecha de Ingreso: agosto-2009
Ubicación: Las Palmas (Islas Canarias-España)
Mensajes: 191
Antigüedad: 8 años, 3 meses
Puntos: 5
Respuesta: Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho c

Cierto amigo, intenta darnos más datos.

¿Quieres dejar el tamaño fijo de la celda?, ¿Quieres que sea un máximo de texto?

Saludos,
__________________
Diseño Web

Desarrollos en Joomla, en Webs con Posicionamiento Web
  #4 (permalink)  
Antiguo 26/09/2010, 06:30
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 768
Antigüedad: 11 años, 8 meses
Puntos: 15
Respuesta: Texto en una tabla - ¿Como puedo hacer para que no suba cuando hay mucho c

Al final lo pude solucionar. Lo que quería hacer es poner el texto en rojo arriba, en el top, para que cuando bajara el texto de la derecha, este siempre se quedase ahí. Con un propiedad del td (valign si mal no recuerdo) lo pude solucionar xD

Saludos !
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?

Etiquetas: tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:06.