Galera, seguinte, estou criando um portal para um sistema, só que estou ratiando em alguns detalhes que não sei qual é, é algo simples só que não estou conseguindo fazer, estou tentando colocar umas imagens só que qdo inicio o sistema pelo localhost, não aparece as imagens…outra duvida que tenho, é em relação a validação de login…se alguém puder me ajudar ficaria muito grato!! Segue o código abaixo… Grato pela atenção!! 
<!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"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:rich="http://richfaces.org/rich"
xmlns:a4j="http://richfaces.org/a4j">
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<a4j:loadStyle src="/css/defaultmenu.css" />
</head>
<body>
<div class="topo"><img src="/SipPulsePortal/WebContent/images/logo-portal.png" alt="logo-portal" >
</img>
<form id="myform" action=""><input type="text" class="textinput" />
<input class="submit" type="submit" value="Login" /></form>
</div>
<div class="menu">
<ul>
<li class="current"><a href="">Home</a></li>
<li><a href="">Como Funciona</a></li>
<li><a href="">Vantagens</a></li>
<li><a href="">Tarifas</a></li>
<li><a href="">Residencial</a></li>
<li><a href="">Empresarial</a></li>
<li><a href="">Comprar Créditos</a></li>
</ul>
</div>
<div class="space-top" />
<div class="conteudo">
<div class="conteudo-left">
<div class="caixa-texto">
<div class="titulo-caixa-texto"><a href="#"><img
src="imagens/titulos/nossos-servicos.gif" width="116" height="14" /></a></div>
<div class="icon-caixa-texto"><a href="#"><img
src="imagens/icon-escrever.gif" width="74" height="74" /></a></div>
<div class="conteudo-caixa-texto">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed massa tortor, scelerisque sed mollis
sit amet, dictum ac dui. Vivamus at ornare purus.</div>
<div class="leiamais-caixa-texto"><a href="#"><img
src="imagens/titulos/leia-mais.gif" width="66" height="11" /></a></div>
</div>
<div class="espacamento-caixa-texto"></div>
<div class="caixa-texto">
<div class="titulo-caixa-texto"><a href="#"><img
src="imagens/titulos/tecnologia.gif" width="84" height="11" /></a></div>
<div class="icon-caixa-texto"><a href="#"><img
src="imagens/icon-grafico.gif" width="74" height="74" /></a></div>
<div class="conteudo-caixa-texto">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed massa tortor, scelerisque sed mollis
sit amet, dictum ac dui. Vivamus at ornare purus.</div>
<div class="leiamais-caixa-texto"><a href="#"><img
src="imagens/titulos/leia-mais.gif" width="66" height="11" /></a></div>
</div>
</div>
<div class="conteudo-right">
<div class="conteudo-right-texto">
<h1>Lorem ipsum dolor sit amet consectetur adipiscing elit.<br />
Sed massa tortor.</h1>
<p>Donec quis elit vitae orci egestas lobortis. Donec commodo
congue ligula, a commodo sapien interdum at. Aliquam ut mollis erat.
Nullam placerat lacinia lobortis. Fusce quis tristique nunc. Cras
faucibus adipiscing orci ut vestibulum. Sed vel dui quis justo dictum
gravida. Phasellus eget nibh id erat tincidunt vehicula. Vivamus
molestie nibh sit amet velit aliquet vitae lacinia lorem lobortis.
Maecenas leo sapien, rhoncus a pharetra quis, molestie id nulla.</p>
<p>Suspendisse potenti. Fusce sollicitudin varius lacus ac
eleifend. In laoreet mattis risus, sed placerat dui imperdiet eu. Sed
ligula mi, mollis eu dictum et, convallis quis erat. Vivamus dignissim,
mi sed ornare bibendum, augue nibh fermentum purus, accumsan tempus sem
sapien eget tortor. Phasellus aliquet libero sit amet libero adipiscing
sollicitudin. Suspendisse tempor orci et odio pharetra luctus. Integer
accumsan neque id ipsum malesuada faucibus. Praesent leo tortor,
malesuada eu mattis in, auctor nec urna. Nullam lacinia volutpat tortor
vel ultrices.</p>
</div>
<div class="conteudo-right-colunas">
<div class="coluna1">
<h1>Aenean hendrerit</h1>
<p><img src="imagens/seta1.png" width="7" height="7" hspace="10" />Vivamus
dignissim, mi sed ornare bibendum.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Malesuada
eu mattis in, auctor nec urna.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Accumsan
tempus sem sapien.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Mollis
eu dictum et, convallis quis erat.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Sed
vel dui quis justo dictum gravida.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Nullam
lacinia volutpat tortor vel ultrices.</p>
</div>
<div class="coluna2">
<h1>In laoreet mattis risus</h1>
<p><img src="imagens/seta1.png" width="7" height="7" hspace="10" />Vivamus
dignissim, mi sed ornare bibendum.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Malesuada
eu mattis in, auctor nec urna.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Accumsan
tempus sem sapien.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Mollis
eu dictum et, convallis quis erat.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Sed
vel dui quis justo dictum gravida.<br />
<img src="imagens/seta1.png" width="7" height="7" hspace="10" />Nullam
lacinia volutpat tortor vel ultrices.</p>
</div>
</div>
<div class="espacamento-15"></div>
<div class="conteudo-right-texto">Phasellus aliquet libero sit
amet libero adipiscing sollicitudin. Suspendisse tempor orci et odio
pharetra luctus. Integer accumsan neque id ipsum malesuada faucibus.
Praesent leo tortor, malesuada eu mattis in, auctor nec urna. Nullam
lacinia volutpat tortor vel ultrices.</div>
</div>
</div>
<div class="body" id="body"></div>
<div class="botton" id="botton"><span> home | Como
Funciona | Vantagens | Tarifas | Residencial | Empresarial | Comprar
Créditos </span></div>
</body>
</f:view>
</html>