Quiero usar CSS para pulir un código. Alguna recomendación? Este código es el de la página principal (aún no está lista pero tiene lo básico, y quizás sufra algún cambio):
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Inscripciones por Departamento</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
.style1 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.style2 {color: #000066}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000066;
}
a:hover {
text-decoration: none;
color: #0000FF;
}
a:active {
text-decoration: none;
color: #000066;
}
.style3 {
font-size: xx-large;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
.style10 {font-size: small}
.style20 {color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
-->
</style></head>
<body>
<div align="center">
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="125" colspan="3"><div align="center"><img src="../Images/Banner-Sup.png" width="1000" height="125"></div></td>
</tr>
<tr>
<td height="89" colspan="3"><div align="center">
<table width="1000" height="89" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="496" height="89" background="../Images/Banner-Dwn1.PNG"><div align="left"></div></td>
<td width="468" background="../Images/Banner-Dwn2.PNG"><div align="center">
<form name="form1" method="post" action="../CGI/ident.php">
<div align="right">
<p><span class="style1">Iniciar Sesión</span>
<input name="ced" type="text" maxlength="8">
<input type="submit" name="Submit" value="Aceptar">
</p>
<p> </p>
</div>
</form>
</div></td>
<td width="36" background="../Images/Banner-Dwn3.PNG"> </td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td width="206" height="529" background="../Images/Left-Side.png"><div align="center">
<table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="39" background="../Images/Button.png"><div align="center" class="style2 style7 style10"><strong><a href="news.htm">Noticias</a></strong></div></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="39" background="../Images/Button.png"><div align="center" class="style20"><a href="interes.htm">De interés</a> </div></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="39" background="../Images/Button.png"><div align="center" class="style20"><a href="coments.htm">Comentarios</a></div></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="39" background="../Images/Button.png"><div align="center" class="style20"><a href="ayuda.htm">Ayuda</a></div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div></td>
<td width="758" bgcolor="#FFFFFF"><div align="center">
<p class="style2 style3"><strong>PÁGINA PRINCIPAL </strong></p>
<p class="style7"><strong>Página de Prueba (Prototipo) </strong></p>
<p class="style7"><strong>Trabajo de Grado:</strong></p>
<p class="style7"><strong>"Desarrollar un Software que permita automatizar las Inscripciones por Departamento de</strong></p>
<p class="style7"><strong>Computación y Sistemas, vía Internet"</strong></p>
<p><img src="../Images/construct.png" width="100" height="100"></p>
<p> </p>
</div></td>
<td width="36" background="../Images/Right-Side.png"> </td>
</tr>
<tr>
<td height="28" colspan="3"><div align="center"><img src="../Images/Botton.png" width="1000" height="28"></div></td>
</tr>
</table>
</div>
</body>
</html>
Click Aqui
Estoy planeando en mejorar el diseño físico (quizás un cambio en los botones, el banner y los colores) pero ese mismo diseño lo tengo en otros ficheros y me da lata tener que cambiar todo en todos, por eso quiero usar el CSS.
Mi pregunta es: Quñe parte del código que mostré puede ser llevada al archivo CSS (aparte del estilo). Puedo poner en ese archivo las tablas? Hacer algo como un template donde sólo tenga que meter la info.
Cualquier ayuda se las agradecería =)
