Foros del Web » Creando para Internet » CSS »

Ayuda con maquetacion

Estas en el tema de Ayuda con maquetacion en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/06/2009, 07:21
 
Fecha de Ingreso: septiembre-2003
Ubicación: Merida, yucatan
Mensajes: 282
Antigüedad: 14 años, 3 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 12:03
  #2 (permalink)  
Antiguo 22/06/2009, 12:48
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 10 meses
Puntos: 181
Respuesta: Ayuda con maquetacion

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
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #3 (permalink)  
Antiguo 22/06/2009, 13:14
 
Fecha de Ingreso: septiembre-2003
Ubicación: Merida, yucatan
Mensajes: 282
Antigüedad: 14 años, 3 meses
Puntos: 1
Respuesta: Ayuda con maquetacion

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

Última edición por jcouoh; 22/06/2009 a las 13:24
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:48.