---------CSS---------
#paginacion a, strong{
background: #e3e3e3;
padding: 2px 5px;
margin-bottom: 10px;
text-decoration: none;
border: 1px solid #cac9c9;
color: #292929;
font-size: 13px;
}
#paginacion strong, #paginacion a:hover{font-weight: bold; background: #cac9c9;}
#tabla{
margin:20px 6px;
padding: 10px;
overflow: auto;
}
.estilo_tabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align: right;
margin: 0 auto;
width: 600px;
}
.estilo_tabla .titulo{
font-size: 16px;
background: #e2ebef;
color: #1F4554;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #e2ebef;
}
.estilo_tabla th {
padding: 5px;
font-size: 12px;
background-color: #83aec0;
background-image: url(../images/fondo_th.png);
background-repeat: repeat-x;
color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: "Trebuchet MS", Arial;
text-transform: uppercase;
text-align:center;
}
.estilo_tabla .modo1 {
font-size: 12px;
font-weight:bold;
background-color: #e2ebef;
background-image: url(../images/fondo_tr01.png);
background-repeat: repeat-x;
color: #34484E;
font-family: "Trebuchet MS", Arial;
}.estilo_tabla .modo1 td {
padding: 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
text-align:left;
}
.estilo_tabla .modo1 .centro{
text-align: center;
}
.estilo_tabla .modo2 {
font-size: 12px;
font-weight:bold;
background-color: #eeeeee;
background-repeat: repeat-x;
color: #34484E;
font-family: "Trebuchet MS", Arial;
text-align:left;
}
.estilo_tabla .modo2 td {
padding: 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
}
.centro {
text-align:center;
}
----------HTML----------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=encoding"></meta>
<title>Area Enseñanza Nombrado</title>
<link href="http://localhost/tesis/css/estilo.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<div id="logo">
<div id="titulo_logo">
Sistema de InformaciÓn geogrÁfico
</div>
<div id="subtitulo">
Secretaría de Educación del Cauca
</div>
</div>
</div>
<div id="cuerpo">
<div id="tabla">
<table border=0 cellpadding=0 cellspacing=0 class="estilo_tabla">
<tr>
<th colspan="4" class="titulo">Area Enseñanza Nombrado</th>
</tr>
<tr class="modo1">
<th>Editar</th>
<th>Borrar</th>
<th>Código</th>
<th>Descripcion</th>
</tr>
<tr class="modo1">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/1" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/1" class="link_ed_borrar">Borrar</a></td>
<td class="centro">1</td>
<td>Preescolar</td>
</tr>
<tr class="modo2">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/2" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/2" class="link_ed_borrar">Borrar</a></td>
<td class="centro">2</td>
<td>Primaria</td>
</tr>
<tr class="modo1">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/3" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/3" class="link_ed_borrar">Borrar</a></td>
<td class="centro">3</td>
<td>Ciencias naturales y Educacion ambiental</td>
</tr>
<tr class="modo2">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/4" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/4" class="link_ed_borrar">Borrar</a></td>
<td class="centro">4</td>
<td>Ciencias Sociales</td>
</tr>
<tr class="modo1">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/5" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/5" class="link_ed_borrar">Borrar</a></td>
<td class="centro">5</td>
<td>Educ. Artistica - Artes plasticas</td>
</tr>
<tr class="modo2">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/6" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/6" class="link_ed_borrar">Borrar</a></td>
<td class="centro">6</td>
<td>Educ. Artistica - Musica</td>
</tr>
<tr class="modo1">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/7" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/7" class="link_ed_borrar">Borrar</a></td>
<td class="centro">7</td>
<td>Educ. Artistica - Artes Escenica</td>
</tr>
<tr class="modo2">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/8" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/8" class="link_ed_borrar">Borrar</a></td>
<td class="centro">8</td>
<td>Educ. Artistica - Danzas</td>
</tr>
<tr class="modo1">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/9" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/9" class="link_ed_borrar">Borrar</a></td>
<td class="centro">9</td>
<td>Educ. Fisica, Recreacion y Deporte</td>
</tr>
<tr class="modo2">
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/update/10" class="link_ed_borrar">Editar</a></td>
<td class="centro"><a href="http://localhost/tesis/index.php/ar_en_nom/delete/10" class="link_ed_borrar">Borrar</a></td>
<td class="centro">10</td>
<td>Educ. Etica y en Valores</td>
</tr>
</table>
<h2>
<div id="paginacion"> <strong>1</strong> <a href="http://localhost/tesis/index.php/ar_en_nom/index/10">2</a> <a href="http://localhost/tesis/index.php/ar_en_nom/index/10">Siguiente ></a> <a href="http://localhost/tesis/index.php/ar_en_nom/index/20">Fin</a></div>
</h2>
</div>
</div>
<div id="lateral">
<h2 class="titlat">Buscar</h2>
<div id="fdbuscar" class="cuerpolateral">
<form action="http://localhost/tesis/index.php/ar_en_nom/search" method="post">
<div id="campotexto">
<input type="text" name="search" value="" />
</div>
<div id="botonbuscar">
<input type="image" name="buscar" value="Buscar" src="http://localhost/tesis/images/search.png" />
</div>
</form>
</div>
<h2 class="titlat2">Acciones Administrador</h2>
<div id="lista_adm" class="cuerpolateral">
<ul>
<li><a href="http://localhost/tesis/index.php/site/members_area" class="link_adm">Volver al panel de administracion</a></li>
<li><a href="http://localhost/tesis/index.php/ar_en_nom/load_create" class="link_adm">Crear Registros</a></li>
</ul>
</div>
</div>
<div id="pie">
S.I.G desarrollado por 2010 Alejo Ñañez & Oscar Pino
</div>
</div>
</body>
</html> Pasted: Mar 1, 2010, 1:17:49 pm
Views: 82