HTML - tabla enumerada sin borde

tabla enumerada sin borde

Publicado por christiam (3 intervenciones) el 14/01/2012 19:33:47

hola a todos me gustaria saber como puedo obtener este resultado en html

1.xxxxxxxxxx 4.dfdfdfdfdf 7.dfdfdfdfd
2.ddddddd 5.fgfgfgfgfg 8.fgfgfgfgfg
3.dfdfddfdd 6.dfdfdfdfdff 9.fgfgfgfgfgfg

asi consecutivamente sin mas muchisimas gracias.

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 1.144

tabla enumerada sin borde

Publicado por xve (1543 intervenciones) el 14/01/2012 22:10:35

Hola christiam, a mi modo de ver, puedes hacerlo de dos maneras, con una tabla o con divs... yo prefiero utilizar divs...

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

tabla enumerada sin borde

Publicado por christian (1 intervención) el 14/01/2012 23:00:14

este es mi codigo

<table>
<tr>
<td valign=top>
<ul>
<ol><li>sdsdsdsd
<li>sdsdsds
<li>sdsdsd
<li>sdsdsdsdsdZ
<li>sdsdsdsdsdsd
<li>sdsdsdsdA

</ul>

</td>
<td valign=top>
<ul>
<ol><ol><li>sdsdsdsd
<li>sdsdsd
<li>sdsdsdsdsd
<li>sdsdsdsdsd "este bloque me empieza de nuevo por el numero 1 y yo quiero que
<li>dsdsdsds que los # sean correlativos.
<li>dsdsdsds
<li>sdsdsdsds

</ul>
</td>
</tr>
</table>
</body>

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

tabla enumerada sin borde

Publicado por xve (1543 intervenciones) el 15/01/2012 09:51:30

Hola Christian, para ello, tienes que abrir el ol, y no cerrarlo, o no poner ningun elemento que lo reinicie como el <ul>. Aqui tienes una manera.

<ol>

    <table border=1>

        <tr>

            <td valign='top' style='padding-left:40px;'>

                <li>sdsdsdsd

                <li>sdsdsds

                <li>sdsdsd

                <li>sdsdsdsdsdZ

                <li>sdsdsdsdsdsd

                <li>sdsdsdsdA

            </td>

            <td valign='top' style='padding-left:40px;'>

                <li>sdsdsdsd

                <li>sdsdsd

                <li>sdsdsdsdsd

                <li>sdsdsdsdsd

                <li>dsdsdsds

                <li>dsdsdsds

                <li>sdsdsdsds

            </td>

        </tr>

    </table>

</ol>

Valora esta respuesta

Comentar

tabla enumerada sin borde

Publicado por christiam (3 intervenciones) el 15/01/2012 16:51:47

hola muchisimas gracias pero ese codigo funciona igual que el mio pues la unica difenrencia es que el tuyo la numeracion es 0 y yo necesito los numeros consecutivos .

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

tabla enumerada sin borde

Publicado por xve (1543 intervenciones) el 15/01/2012 18:07:41

Hola Christiam, tienes toda la razón, yo he visualizado ese código en el navegador chrome, y el resultado son dos filas con los números del 1 al 13, pero al ponerlo en un firefox todo aparece con el valor 0.

Cada vez tienen menos uso las tablas... aquí lo tienes con divs que funciona tanto en chrome como en firefox:

<ol>

<div style='float:left;padding-left:40px;'>

    <li>sdsdsdsd

    <li>sdsdsds

    <li>sdsdsd

    <li>sdsdsdsdsdZ

    <li>sdsdsdsdsdsd

    <li>sdsdsdsdA

</div>

<div style='float:left;padding-left:40px;'>

    <li>sdsdsdsd

    <li>sdsdsd

    <li>sdsdsdsdsd

    <li>sdsdsdsdsd

    <li>dsdsdsds

    <li>dsdsdsds

    <li>sdsdsdsds

</div>

</ol>

Coméntanos, ok?

Valora esta respuesta

Comentar

tabla enumerada sin borde

Publicado por christian (3 intervenciones) el 15/01/2012 19:45:01

perfecto maestro eso era lo que necesitaba un millon de graciass te hago una ultima pregunta para poder separar las dos columnas una de la otra como pudiera ser.

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

tabla enumerada sin borde

Publicado por xve (1543 intervenciones) el 15/01/2012 20:34:23

Eso ya es tema de css... pero una manera muy simple, es aumentando el valor del padding-left.

Valora esta respuesta

Comentar

Efecto mouseover en lista imagenes horizontal

[Ayuda] Script html dropmenu y búsqueda