Foros del Web » Creando para Internet » HTML »

evitar que una celda se estire por el texto

Estas en el tema de evitar que una celda se estire por el texto en el foro de HTML en Foros del Web. hola, tengo una celda con un tamaño fijo (100px) pero hay textos que me deforman esa celda porque son demasiado largos: www.urllargas.midominio.com (por ejemplo) en ...
  #1 (permalink)  
Antiguo 06/12/2008, 11:04
 
Fecha de Ingreso: junio-2007
Mensajes: 46
Antigüedad: 17 años, 5 meses
Puntos: 1
evitar que una celda se estire por el texto

hola,

tengo una celda con un tamaño fijo (100px)

pero hay textos que me deforman esa celda porque son demasiado largos:

www.urllargas.midominio.com (por ejemplo)

en vez de partir el texto en 2, hay alguna forma para que se parta automáticamente si sobrepasa el ancho de la celda?



saludos

Última edición por Danitm; 06/12/2008 a las 11:30
  #2 (permalink)  
Antiguo 06/12/2008, 11:11
Avatar de Omura
Colaborador
 
Fecha de Ingreso: julio-2006
Ubicación: Peru
Mensajes: 3.491
Antigüedad: 18 años, 4 meses
Puntos: 185
Respuesta: evitar que una celda se estire por el texto

para no pensar mal revise el ejemplo con IE7 y con FF3, a menos que pongas el código que te da problemas o digas exactamente cual es la celda que se deforma yo lo consideraría como puro y simple spam .
__________________
Mi error era de código... pero de código genético.
  #3 (permalink)  
Antiguo 06/12/2008, 11:29
 
Fecha de Ingreso: junio-2007
Mensajes: 46
Antigüedad: 17 años, 5 meses
Puntos: 1
Respuesta: evitar que una celda se estire por el texto

a perdón, la url esa que puse es únicamente de ejemplo. esa no es mi pagina. lo que no me fije es que esa url te lleva a una pagina que existe. pero bueno ya esta editado el post anterior.

lo unico que quiero es saber como hacer que esto:

Código HTML:
<table width="100" border="1">
<tr>
<td width="100">http://abcdefghijklmnopqrstuvwxyz.com</td>
</tr>
</table> 
quede de esta forma:

Código HTML:
<table width="100" border="1">
<tr>
<td width="100">http://abcdef<br>ghijklmnopqr<br>stuvwxyz.com</td>
</tr>
</table> 
pero sin poner los <br>, osea quiero que la celda tenga un tamaño fijo y que en vez de alargarse si el texto es largo que se parta en varias lineas automaticamente.

no se si me explico.
  #4 (permalink)  
Antiguo 08/12/2008, 08:34
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 16 años, 4 meses
Puntos: 53
Respuesta: evitar que una celda se estire por el texto

Usa CSS

Código HTML:
<style type="text/css" media="all">
    .blanco {
    font-size:11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 25px;
}
</style> 
Y el uso del class, en un párrafo lo hacés de la siguiente manera:


Código HTML:
<p class="blanco">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eget dui at magna hendrerit posuere. Donec et sem quis leo molestie sodales. Mauris dignissim suscipit leo.</p>
<p class="blanco">Quisque eget mi. In hac habitasse platea dictumst. Etiam scelerisque lorem vel eros. Praesent faucibus dui vitae nunc.</p> 
Sólo tenés que modificar el valor de margin-bottom a tus necesidades.
Esto en cuanto a un "salto de línea" .
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #5 (permalink)  
Antiguo 08/12/2008, 17:45
Avatar de minipunk  
Fecha de Ingreso: enero-2007
Ubicación: León-España
Mensajes: 47
Antigüedad: 17 años, 10 meses
Puntos: 1
Respuesta: evitar que una celda se estire por el texto

más sencillo aún, dile a tu celda el ancho fijo que quieres así:
Cita:
<td width="199">
El 199 lo cambias por los pixeles que quieras.
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 22:02.