En primer lugar definimos el layout de las áreas de la página mediante tablas, asociando a estas y a sus celdas las clases de estilo que vayamos a precisar: Para no ser extensos vamos a prescindir de mostrar el código ya que puede observarse mediante la opción de "Ver Código Fuente" del navegador.
Pero sí vamos a mostrar las distintas clases de estilo que se han utilizado para aplicar diseño a cada elemento, lo que dará una idea de como resolver el aspecto y situación de cada objeto de la "página":
.rightEj1Table {table-layout: fixed;background: #003366;border: 1px solid #FFBB00;}
.rightEj1Content {background: #5577AA;color:#FFFFFF;padding: 1px 5px;font-weight:normal;font-size: 10px;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj1Label {color:#FFFF99;font-weight:normal;font-size: 10px;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj1Field {background: #FFFF99;color:#000000;font-weight:normal;font-size: 10px;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj2Table {table-layout: fixed;background: #EE9900;border: 1px solid #BB0055;}
.rightEj2Content {background: #FFCC00;color:#003366;padding: 1px 5px;font-weight:normal;font-size: 10px;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj2Field {position: relative;background: #5577AA;color:#FFFF99;font-weight:normal;font-size: 10px;left: 65px;;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj3Table {table-layout: fixed;background: #FFFF99;border: 1px solid #5577AA;}
.rightEj3Content {color:#000000;font-weight:normal;font-size: 10px;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj4Table {table-layout: fixed;background: #FFFFFF;border: 3px double #5577AA;}
.rightEj4Header {background: #FFFF99;color:#003366;border: 2px groove #FFFF99;font-weight:normal;font-size: 10px;font-weight: bold;font-family: verdana,arial,helvetica,sans-serif;}
.rightEj4Content {color:#000000;font-weight:normal;font-size: 10px;font-family: verdana,arial,helvetica,sans-serif;}
.Bar1Table {background: #ECCAB4;border: 1px solid #9E3E01;font-weight:normal;font-size: 10px;font-family: arial,helvetica,sans-serif;}
.Bar1Cell {background: #E8B492;color:#000000;border: 2px outset #E8B492;font-weight:normal;font-size: 10px;font-family: arial,helvetica,sans-serif;}
a.right4ALaunch:link {float: right;color:#BB0000;font-weight: normal;font-size:10px;text-decoration: none;font-family: verdana, arial,helvetica,sans-serif;}
a.right4ALaunch:hover {float: right;color:#BB0000;cursor: hand;font-weight: normal;font-size:10px;text-decoration: underline;font-family: verdana, arial,helvetica,sans-serif;}
a.right4ALaunch:active {float: right;color:#BB0000;font-weight: normal;font-size:10px;text-decoration: none;font-family: verdana, arial,helvetica,sans-serif;}
a.right4ALaunch:visited {float: right;color:#BB0000;font-weight: normal;font-size:10px;text-decoration: none;font-family: verdana, arial,helvetica,sans-serif;}
|