Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/06/2009, 06:21
jcouoh
 
Fecha de Ingreso: septiembre-2003
Ubicación: Merida, yucatan
Mensajes: 282
Antigüedad: 20 años, 8 meses
Puntos: 1
Ayuda con maquetacion

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

Última edición por jcouoh; 22/06/2009 a las 11:03