El nombre del archivo CSS base.css
Código :
body {
font:11px Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
text-align : justify;
line-height: 10px;
color: #FFFFFF;
}
p {
font-size:12px;
color: #000000;
line-height: 120%;
}
hr {
display:none;
}
h1 {
font-size:25px;
font-style:italic;
text-align : left;
color : #99CC00;
margin:0;
}
h2 {
font-size:20px;
text-align : left;
color:#99CC00;
text-transform: capitalize;
}
h3 {
font-size:18px;
text-align : left;
color : #99CC00;
}
h4 {
font-size:15px;
text-align : left;
color : #99CC00;
}
h5 {
font-size: 13px;
text-align : left;
color : #666666;
}
h6 {
font-size:12px;
text-align : left;
color : #99CC33;
}
td {
font-size: 12px;
text-align : center;
color : #586885;
}
a {
font-size:12px;
color:#325FA0;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color:#325FA0;
}
a:hover {
text-decoration: none;
color:#000066;
}
a:active {
text-decoration: none;
color:#0099CC;
}
#container {
background-color:#FFFFFF;
border-style:solid;
border-color:#FFFFFF;
margin: 0 auto;
width:700px;
height:auto;
}
.header{
width:700px;
height:176px;
background-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-color:#FFF;
margin:0 0 10px 0;
color: #99CC00;
}
.izquierda{
width:200px;
height:auto;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#99CC00;
margin:0 0 0 5px;
float:left;
padding:3px;
}
.izquierda ul {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#586885;
line-height: 140%;
text-transform:capitalize;
}
.info{
width:auto;
height:30px;
background-color:#FFF;
border-style:solid;
border-width:1px;
border-color:#99CC00;
margin:5px;
}
.principal{
width:450px;
height:auto;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#99CC00;
margin:0 5px 0 117px;
padding:10px;
float:center;
}
.footer{
width:700;
height:30px;
background-color:#FFF;
border-style:solid;
border-width:1px;
border-color:#99CC00;
margin:5px;
}
.footer h6{
text-align:center;
text-transform:uppercase;
margin:5px auto;
color:#99CC00;
font-size:10px;
}
El codigo de mi pagina es:
Código :
<%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-template" prefix="template" %> <%@ taglib uri="http://jakarta.apache.org/struts/tags-nested" prefix="nested" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html:html locale="true"> <head> <html:base /> <!-- Stile --> <!--[if lt IE ]> <link rel="stylesheet" href="resources/base.css" type="text/css"> <![endif]--> <link rel="stylesheet" href="resources/base1.css" type="text/css"> <title>Welcome COC </title> </head> <body> <div id="container"> <div class="header"> <tiles:insert attribute="header"/> </div> <div class="izquierda"> <tiles:insert attribute="menu"/> <br><br><br><br><br><br><br><br><br> </div> <div class="info"> <tiles:insert attribute="menu2"/> </div> <div class="principal"> <p>In this part of the Tool, all the Collaboration Opportunities are described and analyzed to identify the level of maturity in order to facilitate the redefinition, if it is necessary, and the Characterization.</p> <tiles:insert attribute="body"/> <br><br><br><br><br><br><br><br> </div> <div class="footer"> <h6> Copyright © 2006 Ecolead. All Rights Reserved. Intellectual Property Rights Policy</h6> </div> </div> </body> </html:html>
