Ayuda con maquetacion

[jcouoh]

Hola

he intentado maquetar con css, observo que muy bueno, sin embargo todavia uso el viejo sistema de tablas que tienen lo suyo, pero quisiera mejorar, tengo mi codigo que lo saque de varios lugares, y me parece muy bien, ahora, me encontre cn este problema, he hecho en la parte superior tres divisiones en una de ellas la de enmedio quisiera poner unos enlaces (links) simples pero quisiera quitarle la raya y cuando este encima el cursor entonces que aparezca. les dejo mis scripts a ver si me pueden ayudar.

pagina web:

Código:

<div id="contenedor"> 
    <div id="cabecera"> 

<div id="lat"> 
<div class="imagen"></div>
       </div> 
       <div id="otro"> 
<div class="imgs"></div>
       </div> 

       <div id="princ"> 
 <a href="">Enlace</a>
       </div> 

    </div> 
    
    <div id="pie">

donde ustede pueden observar el link "Enlace". Este quiero que normal esté sin el subrayado. y que cuando se coloque el cursor encima, sea subrayado.

mi codigo css es el siguiente:

Código:

BODY { 
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    margin: 10 0 10 0px; 
    text-align: center; 
    background-color: #D6E7FF; 
} 
#contenedor{ 
    text-align: left; 
 //   width: 960px; 
    margin: auto; 
} 
#cabecera{ 
    background-color: #2965A5; 
    color: #333300; 
    font-size:12pt; 
    font-weight: bold; 
    padding: 0 0 0 0px; 
height:auto;
} 
#cuerpo{ 
    margin: 10 0 10 0px;
    clear: both;  
} 
#lateral{ 
    width: 160px; 
    background-color: #999999; 
    float:left; 
} 
#lat{ 
    width: 150px; 
    background-color: #999999; 
    float:left; 
} 
#lateral ul{ 
    margin : 0 0 0 0px; 
    padding: 0 0 0 0px; 
    list-style: none; 
} 
#lateral li{ 
    background-color: #ffffcc; 
    margin: 2 2 2 2px; 
    padding: 2 2 2 2px; 
    font-weight: bold; 
} 
#lateral a{ 
    color: #3333cc; 
    text-decoration: none; 
} 
#princ a{ 
    color: #2965A5; 
    text-decoration: none; 
} 



#otro{ 
    width: 150px; 
    float: right; 
} 
#otrolado{ 
    width: 150px; 
    float: right; 
} 
.imagen {
	background-color: #2965A5;	
	height: 91px;
	position: relative;	
	width: 150px;
	background-image: url(imagenes/log_cbp.jpg);
	border: 0px;
}

.imgs {
	background-color: #2965A5;	
	height: 91px;
	position: relative;	
	width: 150px;
	background-image: url(imagenes/comp_banner.jpg);
	border: 4px solid #2965A5;
}
#principal{ 
    margin-left: 170px;
    margin-right: 160px; 
    background-color: #ffffff; 
    padding: 4 4 4 4px; 
 
} 
#princ{ 
    margin-left: 160px;
    margin-right: 160px; 
    background-color: #ffffff; 
    padding: 4 4 4 4px; 
    height:91;


} 


#pie{ 
    background-color: #cccccc; 
    padding: 3 10 3 10px; 
    
    clear: both; 
}

Agradezco de antemano cualquier comentario

jorge

[pitufoweb]

ya tienes esta regla en tu css:

#princ a{
color: #2965A5;
text-decoration: none;
}

Ahora solo te faltaría poner esta otra:

#princ a:hover{
text-decoration: underline;
}


Saludos

[jcouoh]

gracias, ya cheque en mi pagina y todo esta bien, muchas gracias