Hola he intentado hacer una tabla tyipo excel dentro de un DIV, pero auqnue no em queda mal, no me gusta nada, me explico......
Los bordes no me salen, ni los de la tabla, ni los de las celdas.
Por otro lado me gustaria darle algo mas de separacion, entre la primera fila TR y las demas filas TD.
He probado solo con html y luego creo que es mejor seguir con CSS, pero no consigo que me quede mejor que como esta.
AYUDA!!!!!!
Gracias
P.D. Si conoceis alguna otra fomra mas facil, mejor, menos liosa, mas vistosa etc.... comentarme que soy muy facil de convencer :-)
HTML
CSS
Los bordes no me salen, ni los de la tabla, ni los de las celdas.
Por otro lado me gustaria darle algo mas de separacion, entre la primera fila TR y las demas filas TD.
He probado solo con html y luego creo que es mejor seguir con CSS, pero no consigo que me quede mejor que como esta.
AYUDA!!!!!!
Gracias
P.D. Si conoceis alguna otra fomra mas facil, mejor, menos liosa, mas vistosa etc.... comentarme que soy muy facil de convencer :-)
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unidad Pastoral Santa Maria de Olarizu-Consejo Pastoral</title>
<link rel="stylesheet" href="paginas.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[url="plantilla.html"][img]IMAGENES/logotipoprueba.jpg[/img][/url]</div>
<div id="publicidad">[img]IMAGENES/banner.jpg[/img]</div>
</div>
<div id="navegacion">
<ul>
[*][url="quesomos.html"]Que somos[/url]
[*][url="dondeestamos.html"]Donde estamos[/url]
[*][url="contactos.html"]Contacto[/url]
[*][url="docinteres.html"]Documentos de interes[/url]
[*][url="foro.html"]Foro[/url]
[*][url="plantilla.html"]Inicio[/url]
[/list]
</div>
<div id="contenido">
<div id="menu">
<ul><h1>EDUCACION EN LA FE</h1>
[*] [url="catequesis.html"]Catequesis Familiar[/url]
[*] [url="pastoraljovenes.html"]Pastoral con Jovenes[/url]
[*] [url="pastoraladultos.html"]Pastoral con Adultos[/url]
[*] [url="pastoralfamiliar.html"]Pastoral Familiar[/url]
<h2>CELEBRACION DE LA FE Y LITURGIA </h2>
[*] [url="liturgia.html"]Comisión de Liturgia[/url]
[*] [url="oraciongrupal.html"]Experiencia de oración grupal[/url]
<h2>SOCIO CARITATIVA </h2>
[*] [url="caritas.html"]Caritas[/url]
[*] [url="social.html"]Comisión Social[/url]
[*] [url="mayores.html"]Comisión de Mayores y Enfermos[/url]
[*] [url="misiones.html"]Misiones y Solidaridad[/url]
[*] [url="penitenciaria.html"]Pastoral Penitenciaria[/url]
<h2>COORDINACION Y COMUNION</h2>
[*] [url="economica.html"]Comisión Economica[/url]
[*] [url="agentes.html"]Agentes de Pastoral[/url]
[*] [url="consejo.html"]Consejo Pastoral[/url]
<h2>SERVICIOS</h2>
[*] [url="limpieza.html"]Ornamentación y limpieza de las iglesias[/url]
[/list]
</div>
<div id="escritos"><h2>CONSEJO PASTORAL</h2>
<table>
<tr><th>MIEMBROS</th><th>AREA PASTORAL</th></tr>
<tr><td>José Ramón Urbina</td><td>Presidente</td></tr>
<tr><td>Esther Redondo</td><td>Educación de la fe / Adultos</td></tr>
<tr><td>Juan José Garmendia</td><td>Educación de la fe / Pastoral familiar</td></tr>
<tr><td>Álvaro Ruiz de Escudero</td><td>Celebración de la fe / Liturgia</td></tr>
<tr><td>Ana Arce</td><td>Educación de la fe / Niños</td></tr>
<tr><td>Belén Jorge</td><td>Educación de la fe / Jóvenes</td></tr>
<tr><td>Merche Aspiazu</td><td>Sociocaritativa / Cáritas-Inmigración</td></tr>
<tr><td>Mª Carmen Ibáñez de Garayo</td><td>Sociocaritativa / Misiones-Solidaridad</td></tr>
<tr><td>Juan Antonio Armentia</td><td>Sociocaritativa / Comisión Social</td></tr>
<tr><td>Mª Jose Fernández</td><td>Sociocaritativa / Salud-Mayores</td></tr>
<tr><td>Amelia Sánchez</td><td>Sociocaritativa / Pastoral carcelaria</td></tr>
<tr><td>Mª Jose Saizar</td><td>Secretariado diocesano del laicado</td></tr>
<tr><td>José Antonio Sáenz de Cámara</td><td>Consejo Pastoral Diocesano;</td></tr>
<tr><td>Javier Núñez</td><td>Comisión de asuntos económicos </td></tr>
<tr><td>Ana Mª Campo</td><td>Religiosos/as</td></tr>
<tr><td>Jesús Santamaría</td><td>Equipo de agentes de pastoral</td></tr>
</table>
</div>
</div>
<div id="pie">[img]IMAGENES/webamigas.jpg[/img]
[url="http://www.gazteok.org"][img]IMAGENES/gazteok.jpg[/img][/url][url="http://www.diocesisvitoria.org/"][img]IMAGENES/diocesisvitoria.gif[/img]<a href="http://www.caritasvitoria.org/" target="_blank">[img]IMAGENES/caritas.jpg[/img][/url]</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>CSS
* {margin:0px ; margin:0px; padding:0px ; border: 0px}
p {text-align: justify}
body {text-align: center; background-color: #528B8B}
#global {width: 800px ; margin: 4px auto}
#curva-superior {background-image: url(IMAGENES/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow : hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:105px}
#logotipo {width:260px ; float:left}
#publicidad {width:538px ; float:right}
#navegacion {background-color: #003366 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 60px}
#navegacion a {color:white; text-decoration:none }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:#9ACD32; text-decoration:none }
#navegacion a:active {color:#9ACD32}
#contenido {width:798px; height:680px; background-color: #FFFFFF; border-left: black 1px solid ; border-right: black 1px solid}
#menu {float:left; background-color:#FFFFFF; width: 180px; text-align:left; margin-top:10px; margin-left:12px; margin-right:12px;
background-image: url(IMAGENES/menu-parte-inferior-1.gif) ; background-position: bottom ; padding-bottom:20px}
#menu li { list-style:none ; font-size:12px; margin: 4px 8px 4px 6px; line-height:14px; font-family:"Trebuchet MS",Helvetica,sans-serif}
#menu h1 {text-align: center; text-decoration:none ; font-size:11px ; background-image: url(IMAGENES/menu-curva-superior-1.gif) ; padding-top:11px ; color:black; font-family:Georgia, serif}
#menu h2 {text-align: center; text-decoration:none ; font-size:11px ; padding-top:11px ; color:#000000; font-family:Georgia, serif}
#escritos {width: 550px ; float:left; margin: 20px 8px 20px 8px}
#escritos h2 {text-decoration:none ; font-size:25px ; padding-top:11px; padding-bottom:11px; color:#1C6901; font-family:"Comic Sans MS",cursive}
#escritos h3 {text-decoration:none ; font-size:16px ; color:#003366; font-family:"Comic Sans MS",cursive}
#escritos p {text-align:left; text-indent:15px; padding-left:6px; font-size:13px; font-family:"Comic Sans MS",cursive}
#escritos table {width:500px; border-width:5px; margin-top:10px}
th {text-align:center; font-size:16px; font-family:"Comic Sans MS",cursive}
td {text-align:left; font-size:13px; font-family:"Comic Sans MS",cursive}
#grupo1 {width: 200px; height: 150px; float:left; padding-left:35px; padding-right:40px}
#grupo2 {width: 200px; height: 150px; float:left; padding-left:40px}
#grupo3 {width: 200px; height: 150px; float:left; padding-left:35px; padding-top:40px; padding-right:40px}
#grupo4 {width: 200px; height: 150px; float:left; padding-top:40px; padding-left:40px}
#pie {width: 798px; height: 75px; background-color:#FFFFFF; padding-top:4px; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#pie img{float: left; margin-right:6px}
#curva-inferior { background-image: url(IMAGENES/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}
#menu a {color: #551A8B; text-decoration: none}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #000000; text-decoration: underline; background-color: #D3D3D3}
#menu a:active
#pie a {color: blue; text-decoration:none }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:none ; background-color: white }
#pie a:active {color:black}
#escritos a {color:#FF0000; text-decoration:underline}
#escritos a:link {}
#escritos a:visited {}
#escritos a:hover {color:#FFFFFF; text-decoration:underline; background-color:#4F4F4F}
#escritos a:active