Hola a todos :D
Estoy intentando poner una tabla tipo Excel con 2 columnas y 10-15 filas en una de las paginas de mi web.
Quiero conseguir algo asi, con algunas casillas con mas texto (y mas altura) que otras y que los bordes queden alineados correctamente
[contenido no disponible]
*
El codigo del fichero html y de la hoja de estilo es :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="tablas-con-capas.css" type="text/css" media="all">
</head>
<body>
<div id="lista">
<div id="listaizq">
Objeto 1
Objeto 2
Objeto 3
Objeto 4
Objeto 5
</div>
<div id="listadcha">
Explicacion de objeto 1
Explicacion de objeto 2
Explicacion objeto 3
Explicacion mucho mas larga y detallada del objeto 4 con lo que ocupa varias lineas y que necesita que se mantengan alineados los bordes con la casilla de la izquierda
Explicacion de objeto 5
</div>
</div>
</body>
</html>
**************
#lista {width:600px ; margin:4px auto ; float:center }
#listaizq { width:200px ; float:left ; font-size: 16px }
#listadcha { width:400px ; float:right ; font-size: 16px }
#listaizq li {font-size: 0.8em; list-style:none ; margin: 0px 0px 0px 0px ;
text-align: left ; border: black 1px solid ; }
#listadcha li {font-size: 0.8em; list-style:none ; margin: 0px 0px 0px 0px ;
text-align: left ; border: black 1px solid ;}
****
Y el resultado que consigo es :
[contenido no disponible]
**
Como veis la casilla que tiene mas texto y por lo tanto mas altura descuadra los bordes, no quedan alineados. :?
¿Hay alguna forma de solucionar esto con capas?
Gracias anticipadas :D
Estoy intentando poner una tabla tipo Excel con 2 columnas y 10-15 filas en una de las paginas de mi web.
Quiero conseguir algo asi, con algunas casillas con mas texto (y mas altura) que otras y que los bordes queden alineados correctamente
[contenido no disponible]
*
El codigo del fichero html y de la hoja de estilo es :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="tablas-con-capas.css" type="text/css" media="all">
</head>
<body>
<div id="lista">
<div id="listaizq">
</div>
<div id="listadcha">
</div>
</div>
</body>
</html>
**************
#lista {width:600px ; margin:4px auto ; float:center }
#listaizq { width:200px ; float:left ; font-size: 16px }
#listadcha { width:400px ; float:right ; font-size: 16px }
#listaizq li {font-size: 0.8em; list-style:none ; margin: 0px 0px 0px 0px ;
text-align: left ; border: black 1px solid ; }
#listadcha li {font-size: 0.8em; list-style:none ; margin: 0px 0px 0px 0px ;
text-align: left ; border: black 1px solid ;}
****
Y el resultado que consigo es :
[contenido no disponible]
**
Como veis la casilla que tiene mas texto y por lo tanto mas altura descuadra los bordes, no quedan alineados. :?
¿Hay alguna forma de solucionar esto con capas?
Gracias anticipadas :D