Buenas Gente, gracias de ante mano por pegarle una leida a esto, ojala ayude a mas personas. Eh estado buscando informacion en internet hace 1 hora y no encuentro nada que solucione mi problema y creo que me estoy perdiendo mas. Por eso recurro a ustedes. Como veran soy nuevo en esto y bueno quiero aprender.
He armado una pequeña aplicacon con spring. Estoy desarrollando la parte de logeo al sistema.
Mi problema es con los css (ya que quiero ponerle un poco de onda a las pantallas).
Eh bajado un template en html con css que quiero usar y por lo que veo funciona perfectamente (en el HTML). Para esta aplicacion estoy usando: Spring mvc y Tomcat. Ya tengo unos jsp sin estilos con los cuales trabajo y como les mencione quiero darles estilo y ahi es donde me perdi.
Directorio:
[URL=http://imageshack.us/photo/my-images/573/35338706.jpg/][IMG]http://img573.imageshack.us/img573/2975/35338706.jpg[/IMG][/URL]
Bueno como ven en el directorio, cree la carpeta "styles" y adentro de la misma puse "images." dentro de ella coloque el archivo css y las imagenes.
Cree un archivo que se llama "loginTest.jsp" y este es el codigo.
Código:
<!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>Login Box HTML Code - www.PSDGraphics.com</title>
<link rel="stylesheet" type="text/css" href="/styles/login-box.css'"/>
</head>
<body>
<div style="padding: 100px 0 0 250px;">
<div id="login-box">
<H2>Login</H2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<br />
<br />
<div id="login-box-name" style="margin-top:20px;">Email:</div><div id="login-box-field" style="margin-top:20px;"><input name="q" class="form-login" title="Username" value="" size="30" maxlength="2048" /></div>
<div id="login-box-name">Password:</div><div id="login-box-field"><input name="q" type="password" class="form-login" title="Password" value="" size="30" maxlength="2048" /></div>
<br />
<span class="login-box-options"><input type="checkbox" name="1" value="1"> Remember Me <a href="#" style="margin-left:30px;">Forgot password?</a></span>
<br />
<br />
<a href="#"><img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" /></a>
</div>
</div>
</body>
</html>
Código:
<link rel="stylesheet" type="text/css" href="/styles/login-box.css'"/>
el archivo web.xml:
Código:
<servlet-mapping>
<servlet-name>Spring MVC Dispatcher Servlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>