ayuda. dar formato a tabla creada con php

[icarocu]

hola a todos.

quiero poner en una pagina, una tabla que me muestra una tabla que tengo en mysql...

eso, lo hago con el siguiente codigo

Código PHP:

  <?php
//---conectarse
$db_host = 'localhost';
$db_user = 'xxxx';
$db_pwd = 'xxxxxx';
$database = 'administracion';
$table = 'experiencia';

if (!mysql_connect($db_host, $db_user, $db_pwd))
    die("Can't connect to database");

if (!mysql_select_db($database))
    die("Can't select database");
//---conectarse

// consulta
$result = mysql_query("SELECT * FROM {$table}");
if (!$result) {
    die("no funciona");
}

$fields_num = mysql_num_fields($result);


echo "<table border='1'><tr>";
// printing table headers
for($i=0; $i<$fields_num; $i++)
{
    $field = mysql_fetch_field($result);
    echo "<td>{$field->name}</td>";
}
echo "</tr>\n";
// imprime columnas de la tabla
while($row = mysql_fetch_row($result))
{
    echo "<tr>";

 
    foreach($row as $cell)
        echo "<td>$cell</td>";

    echo "</tr>\n";
}
mysql_free_result($result);
?>
?>  

me muestra la tabla sin problemas... pero como veran es muy poco amable....
lo que me gustaria saber es si puedo darle por ejemplo ancho a la tabla ....o a las columnas, darle color de fondo... etc.... osea... hacerla mas acorde con el diseño de una pagina...


estoy probando otra forma... que tb funciona.. pero sigo sin poder darle formato lo que mas me interesa es en todo caso poder darle un ANCHO definido..

este es el otro codigo

Código PHP:

  <?php
$table = 'experiencia';
print "<table>";
$result=mysql_query("select empresa, descripcion, lugar, periodo, horas from experiencia");
for ($i = 0; $i < mysql_num_rows($result); ++$i)
{
$line = mysql_fetch_row($result);
print "<tr><td >$line[0]</td><td>$line[1]</td><td>$line[2]</td><td>$line[3]</td><td>$line[4]</td></tr>";
}
print "</table>";
?>   

he podido cambiarle el color a una columna con "..print "<tr><td bgcolor='#99FF00'>$line[0]</t............" y funciona...

pero si hago "........<td width='30'>......." (o entre "", o sin nada) no pasa nada------




gracias a todos por la ayuda

[Triby]

Necesitas hacerlo con css:

Código css:

.celda {
    color:#fff;
    background-color:#9f0;
}
.celda-gris {
    color:#008;
    background-color:#c0c0c0;
}
 

Y en tu PHP:

Código php:

echo "<tr><td class=\"celda\">{$line[0]}</td>";
echo "<td class=\"celda-gris\">{$line[1]}</td></tr>";
 

Las diagonales invertidas \ son para poder incluir comillas dobles en una cadena delimitada por comillas dobles. las llaves {} son para asegurar que los elementos de matriz sean interpretados correctamente.

[icarocu]

gracias Triby... pero con eso solo cambio el color de fondo... y tipos de letras... pero y el ANCHO DE LA CELDA :S

[bioxido]

esto ya no es cosa de php... es html.


width: ;
height: ;

?

[Triby]

Investiga un poco mas de CSS o pregunta en la seccion apropiada: Foro de CSS

[GatorV]

Tema trasladado desde PHP

[jonee]

Creo entender lo que quieres, quieres darle un simple formato pero no sabes como realmente darselo, que código utilizar.

No estabas lejos en

Código:

<td width='30'>

Era width="30px"

-

Te diría que pruebes en todo caso si no vas a usar CSS

Código:

<tr><td style="background-color:#99FF00;">$line[0]</td></tr>

Todos los atributos que quieras darle pueden ir dentro de style. Pero no es muy aconsejable, mejor hacerlo con CSS:

Código:

<tr><td id="col_1">$line[0]</td></tr>

Y colocar en el head:

Código:

<style type="text/css">
#col_1
{
background-color:#99FF00;
width:30px;
height:60px;
}
</style>

a eso agregarle todos los atributos que quieras, incluido el tamaño de la columna y/o fila.

Muy pocos atributos, especificos van si el clásico "px" o "%"

Espero sea eso lo que querias saber. Saludos!

[webosiris]

icarocu, no dupliques temas por favor. Combiné tus 2 temas en 1 solo

[a77icu5]

para no padecer classitis o iditis xD, haslo directo con los selectores, antes como recomendacion procura estructurar mejor tu tabla.

<table>
<thead>
<tr>
<th>titulos<th>
</tr>
</thead>
<tbody>
<tr>
<td> contenidos </td>
</tr>
</tbody>
</table>


el css podria quedar asi

//formato para la tabla en general
table { background: #FFF; border: 1px solid #E9E9E9; border-collapse: collapse; width: 100%;}
//formato para los titulos
table thead tr th { text-align: center; font-weight: bold; margin: 0; padding:4px;}

//formato para los datos
table tbody tr td {
border-bottom: 1px dotted #036;
text-align: center;
height: 16px;
padding: 5px;
}
//un 'efectito' hover para saber en que linea te encuentras
table tbody tr:hover { background: #ECF6FF; }

espero te sirva, saludos

[jomaruro]

Iniciado por bioxido

esto ya no es cosa de php... es html.


width: ;
height: ;

?