Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/09/2010, 12:24
Avatar de Jask
Jask
 
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 773
Antigüedad: 18 años
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 :) ?