Hacer listas

[fedefrankk]

Saludos a todos: tengo un problema.. va no se como hacerlo,
tengo una base de datos en php y quiero mostrarla tipo lista,

el titulo de la lista ejemplo:

Nombre: Email:
acá todos los nombres aca todos los email: etc.

lo quise hacer asi:

Código CSS:

<style>
.font{display:inline-block; border:#000; border-bottom-width:1px; border:solid}
</style>
 

Código PHP:

<div class="font"><? print "Nombre:".$reg['usu_nombre']?></div>
    <div class="font"><? print "Email:".$reg['usu_email']?></div>
 

me sale el nombre:nombre email:email ,,,,,

se agradece de antemano
saludos a todos
fede

[cristian_cena]

comúnmente se usan listas no ordenadas:

Código CSS:

ul.font { /*propiedades y valores*/ }
.font li{ /*propiedades y valores*/ }
 

Código HTML:

<ul class="font">
    <li>nombre</li>
    <li><?php echo $reg['usu_email']; ?></li>
</ul>​
 

[fedefrankk]

Hola, me sigue saliendo una avajo de la otra, dejo un ejemplo, no hace falta el relleno negro, solamente no se como hacer algo asi:






Saludos Muchas gracias por su tiempo
saludos
fede

[pablogalvan]

Eso que pones en el ejemplo es una tabla, no una lista, si quieres una tabla la estructura es con las etiquetas <table> <tr> y <td>, tu tabla sería:

<table class="mitabla">
<tr class="tablacabecera"><td>nombre</td><td>email</td></tr>

<!--Bucle de datos php-->
<tr class="tabla"><td><? echo $reg['usu_nombre']?></td><td><? echo $reg['usu_email']?></td></tr>


</table>

Aplica los estilos que quieras y ya esta

[fedefrankk]

Hola muchas gracias por la repuesta, pense que se podian hacer tablas con los div unicamente.

saludos
fede

[cristian_cena]

También tienes los tags: thead, tbody y tfoot por si los deseas usar.
La crítica a las tablas pasa por que se usaban para dar estructura (diseño) a una maqueta, pero mientras las uses para presentar datos tabulares estarás respetando su semántica.

Saludos.

[fedefrankk]

Muchas Gracias por tu repuesta,
no tendras alguna pagina que enseñe o explique como dar estilos a tablas, ya que encuentro en google pero con estilos ya dados y no quiero copiar y pegar..

gracias por tu tiempo

saludos
fede

[cristian_cena]

http://www.w3.org/TR/CSS2/tables.html
http://askthecssguy.com/articles/cre...pricing-table/
Luego toca usar un inspector de código como firebug o similar, probar y equivocarse:
http://coding.smashingmagazine.com/2...table-designs/
http://www.ajaxshake.com/es/JS/12681/tablas.html

[fedefrankk]

Hola, muchas gracias sobre la info..
saludos
fede