ANCHO DE columna en php
Tengo este trozo de código:
El caso, es que no consigo que el ancho de JORNADA sea fijo, por lo que depende de si tiene 2 o tres caracteres, me desplaza las columnas. Yo quiero que me quede siempre un ancho fijo, independientemente del contenido, pero no se porque no me lo hace. El <td width='20px' > lo ignora, da igual que le ponga 20 que 100, no cambia.
No se que hago mal...
echo "<td width='20px'><center>" .$row[JORNADA]. "</center></td>";
echo "<td><center>" .$row[COMP]. "</center></td>";
echo "<td><center> <img src='5-competicion/escudos/".$row[LOCAL].".png' width=30px height=30 px></span> </center></td>";
echo "<td><center>" .$row[GL]. "</center></td>";
echo "<td><center>-</center></td>";
echo "<td><center>" .$row[GV]. "</center></td>";
echo "<td><center> <img src=5-competicion/escudos/".$row[VISITANTE].".png width='30px' height='30 px' ></center></td>";
echo "<td><center> </center></td>";
1 respuesta
Hay varias formas de trabajar este problema.
Puedes trabajar agregando tamaño en porcentajes a todas las celdas de la tabla, de esta forma trabajarían de manera más ordenada y todas cooperarían "armónicamente" para que el texto pueda verse de manera correcta.
La segunda opción es agregar en la celda la siguiente regla css
word-wrap: break-word;
De esta forma, romperá el texto para hacer que haga un salto de linea en el momento de topar con el ancho de la celda.
Otra opción, podría ser que con php puedas cortar el texto (no se si sea lo correcto) pero puedes obligar que siempre se aparezcan los dos primeros caracteres de la palabra.
Esto se realiza con la función substr <a>http://php.net/manual/es/function.substr.php</a>
Me avisas que opción deseas trabajar y te ayudo en lo que necesites.
no, no quiero que se corte la palabra. Lo que quiero es que siempre ocupe el mismo espacio, tenga dos o tres caracteres, para que no "bailen" las columnas.
Tendría que añadir en todos los<td width=10%> por ejemplo ???
gracias
Así es, para este caso trata de darles a todas las columnas un porcentaje (y que en suma de 100% para usar la totalidad del espacio).
Así, en el caso de que a alguna columna le sobre algún espacio, podrás compartirlo con la columna que tienes problemas.
