CSS con PHP

[marcvilap]

Buenas compañeros,

Estoy realizando una página web con PHP , HTML y CSS donde tengo un buscador que me lleba a un paginador que me muestra en una tabla todos los registros obtenidos. Hata aquí todo correcto.

El codigo es así

echo "<tr> \n";
while ($field = mysql_fetch_field($_pagi_result)){
echo "<th>" . $field->name . "</th> \n";
}

echo "</tr> \n";
echo "<tr> \n";

echo "<td >Nacimiento";
echo "<td >Nombre perro";
echo "<td >Provincia";

echo "</tr> \n";

do {
echo "<tr> \n";
echo "<td>".$row["nacimiento"]."</td> \n";
echo "<td><a href='busc.php?ID=".$row["id_animal"]."'>".$row["animal"]."</td> \n";
echo "<td><span class=\"estilo\">".$row["provincia"]."</td> \n";


echo "</tr> \n";
} while ($row = mysql_fetch_array($_pagi_result));
echo "</table> \n";

El problema es que esta tabla es uy llana y FEA. Me interesaría conocer 2 cosas :

*algun TUTORIAL o APORTE que me permita jugar un poco con la tabla
*Como puedo asignar un estilo diferente a los diferentes echos


Gracias por todo

[marcvilap]

Buenas compañeros.

Estoy realizando una pagina web con PHP y CSS i la verdad no lo veo nada claro.

Me gustaría jugar con los estilos dentro de los scripts php pero no entiendo como interactuan estos dos lenguajes. Me gustaría a ver si alguien me puede decir algun aporte, link o ayuda para enteder un poco más en referencia a este tema.

Gracias

[GatorV]

Hola marcivilap,

PHP no interactua con CSS, no hay forma de que interactuen ya que CSS es un lenguaje para el estilo de datos en HTML. PHP lo único que se limita es a generar CSS y/o HTML desde el servidor, pero nunca hay ninguna interacción directa.

Saludos.

[Marvin]

En otras palabras... php puede generar una hoja de estilos css como tu quieras... o php puede generar el html como tu quieras, por lo tanto si quieres utilizar un estilo determinado en X pagina, le dices a php que al crear esa X pagina llame a Y estilo.

Suerte!

[daPhyre]

Si lo que deseas es poner un color distinto a cada columna, puedes hacerlo poniendo el echo así por ejemplo:

echo "<td class="columna1">Nacimiento</td>";
echo "<td class="columna2">Nombre perro</td>";
echo "<td class="columna3">Provincia</td>";

Y ya agregarle un CSS al principio que tenga las propiedades de estos. Tambien podrías ponerle una "subcolumna1" a las lineas del DO donde le pongas un tono de fondo más claro del mismo que la primer columna, creo que le haría verse más atractivo.

Ahora, si lo que quieres es ponerle color a cada fila en lugar de a cada columna, ya es un poco más complejo, aunque no tanto... y alternar ente ambos... Mucho más complejo, pero nada imposible. Ya dependerá esto más de lo que desees tú. ¡Suerte!

[marcvilap]

Gracias amigo. Me gustarí poder jugar un poco más , por ejemplo crear tablas con bordes mas lindos, cada fila de un color diferente.............

Sabeis de algun lugar donde explique algo del tema?

[marcvilap]

Ok entendido.

Pero por ejemplo he visto muchas tablas de registros generadas con PHP que tienen un estilo CSS, como es posible eso, es lo que yo quiero lograr.

Tengo una pagina con una tabla de registros generada con PHP pero queda muy sosa y quiero darle un poco de vida con PHP

Gracias

[Marvin]

Es ahi donde entran los css... pero haz una tabla en el dreamweaver y empieza a darle estilos... una vez tengas el estilo listo, lo pones en un archivo independiente y tu tabla "html" que sera creada con php la haces como la hiciste en dreamweaver.

Recuerda que php no hace las cosas bonitas... tu haces eso y los css se encargan de poner la parte linda :D

Suerte!

[GatorV]

Te traslado al tema de CSS para que te asesoren como es que debes de generar los estilos, como te comento es HTML y CSS, PHP solo se usa para generar el HTML correcto.

Saludos.

[JavierB]

Temas unidos.

Saludos,

[daPhyre]

Sinceramente, no se PHP, pero con mis conocimientos de programas similares como Java, he hecho este código que creo que podría servir (Según entendí del código, el "." es el concatenador, si no, habrá que editar la linea en echo "<tr class=\"fila".$row%2."\"> \n"; para que funcione)

Código PHP:

  echo "<table>\n<tr>\n";
echo "<td class=\"columna0\">Nacimiento</tr>";
echo "<td class=\"columna1\">Nombre perro</tr>";
echo "<td class=\"columna2\">Provincia</tr>";
echo "</tr> \n";
 
do {
echo "<tr class=\"fila".$row%2."\"> \n";
echo "<td class=\"columna0\">".$row["nacimiento"]."</td> \n";
echo "<td class=\"columna1\"><a href='busc.php?ID=".$row["id_animal"]."'>".$row["animal"]."</td> \n";
echo "<td class=\"columna2\"><span class=\"estilo\">".$row["provincia"]."</td> \n";
echo "</tr> \n";
} while ($row = mysql_fetch_array($_pagi_result));
 
echo "</table> \n"; 
   

Una vez creada la tabla, se crea el CSS en un archivo externo, un ejemplo podría ser este:

Código HTML:

.columna0{background:#66f;}
.columna1{background:#6f6;}
.columna2{background:#f66;}

.fila0 .columna0{background:#ccf;}
.fila0 .columna1{background:#cfc;}
.fila0 .columna2{background:#fcc;}

.fila1 .columna0{background:#99f;}
.fila1 .columna1{background:#9f9;}
.fila1 .columna2{background:#f99;}

Como dije antes, no domino PHP, así que no estoy seguro que funcione. Pruebalo a ver si te sirve, y en caso contrario, avisame para ver de que forma se podría corregir. En caso que no te sirva, dame el HTML que te genera al final para ver posibles errores. ¡Mucha Suerte!