pd:dejo el codigo del CSS y del html
Primera imagen
Segunda imagen
Codigo del html
Código HTML :
<html> <head> <title>Instituto Tecnologico de las Americas | ITLA - Santiago</title> <link rel="stylesheet" type="text/css" href="css.css" /> <link rel="shortcut icon" type="image/png" src="" /> </head> <body> <div id="contenedor"> <div id="head"> <div class="logo"></div> </div> <div id="menu"> <!--Menu --> <ul class="menu"> <li><a href="#">Inicio</a></li> <li><a href="#">Cursos</a></li> <li><a href="#">Quienes somos</a></li> <li><a href="#">Contacto</a></li> </ul> <!--login--> <form method="POST" action="nose.php" class="login"> Usuario: <input type="text" name="usuario" size="15" maxlength="18" /> Contraseña: <input type="password" name="contrasena" size="15" maxlength="10" /> <input type="submit" name="entrar" value="Entrar" /> </form> </div> <div id="lateral"> <div class='box'> <h2>Menu</h2> <ul class="menuv"> <li><a href="#">Ilta Virtual</a></li> <li><a href="#">Requisitos de admicion</a></li> <li><a href="#">Estudia con Nosotros</a></li> </ul> </div> <div class='box'> <h2>Esto es otro</h2> Testo de ejemplo de lo que va en el menu--Testo de ejemplo de lo que va en el menu-- Testo de ejemplo de lo que va en el menu--Testo de ejemplo de lo que va en el menu-- Testo de ejemplo de lo que va en el menu--Testo de ejemplo de lo que va en el menu-- Testo de ejemplo de lo que va en el menu--Testo de ejemplo de lo que va en el menu-- </div> </div> <div id="content"> <div class="info"> <table class="destacado"> <tr> <th colspan="2"><h1>Indotel, PUCMM e ITLA becarán estudiantes de Excelencia Academica</h1></th> </tr> <tr> <td><img src="imagenes/apcmm.jpg" title="la Pontificia Universidad Católica Madre y Maestra" alt="Pucmm" /></td> <td> <p>ISanto Domingo, octubre 2011.- El Instituto Dominicano de las Telecomunicaciones (INDOTEL), la Pontificia Universidad Católica Madre y Maestra (PUCMM) y el Instituto Tecnológico de Las Américas (ITLA), suscribieron un acuerdo para otorgar becas a los estudiantes del programa Fondo para la Excelencia Académica del ITLA, en las carreras de Desarrollo de Software y Re des de la Información. <a href="#">Leer Mas</a> </p> </td> </tr> </table> <table class="titulares"> <tr> <th><h3>Titulares de loquesea</h3></th> <th><h3>Titulares de loquesea</h3></th> <th><h3>Titulares de loquesea</h3></th> </tr> <tr> <td class="imagen_tabla"><img src="imagenes/pros.jpg" /></td> <td class="imagen_tabla"><img src="imagenes/nose.jpg" /></td> <td class="imagen_tabla"><img src="imagenes/nose2.jpg" /></td> </tr> <tr> <td><p><span>José Daniel Vásquez, estudiante del Tecnólogo en Redes, del Instituto Tecnológico de Las Américas (ITLA), se convirtió hoy en el campeón Latinoamericano y del Caribe en la Competencia Internacional de NetRiders 2011. Vás...<br /> <a href="#">Leer Mas</a></span></p></td> <td><p><span>José Daniel Vásquez, estudiante del Tecnólogo en Redes, del Instituto Tecnológico de Las Américas (ITLA), se convirtió hoy en el campeón Latinoamericano y del Caribe en la Competencia Internacional de NetRiders 2011. Vás...<br /> <a href="#">Leer Mas</a></span></p></td> <td><p><span>José Daniel Vásquez, estudiante del Tecnólogo en Redes, del Instituto Tecnológico de Las Américas (ITLA), se convirtió hoy en el campeón Latinoamericano y del Caribe en la Competencia Internacional de NetRiders 2011. Vás...<br /> <a href="#">Leer Mas</a> </span></p></td> </tr> </table> </div> </div> <div id="pie"> Todos los derechos reservados ITLA Copyright 2011. </div> </div> </body> </html>
Codigo CSS
Código :
/* Estilo de la pagina*/
/*Selectores*/
body{
background: #58ACFA;
font-size: 15px;
text-indent: 3em;
margin-top:0px;
}
h1 {
color:#0064d2;
font-size: 1.4em;
font-family: arial;
}
th h1 {
margin:0;
text-align:left;
}
h2 {
color:#0064d2;
font-size: 1.3em;
font-family: arial;
}
h3{
color:#0064d2;
font-size: 1em;
font-family: arial;
}
th h3{
text-align:left;
margin-bottom: 3px;
}
div div div h2{
padding-left:9px;
margin-bottom: 0px;
}
div div div p{
margin-top: 0px;
}
td p span{
text-align:left;
font-size:12px;
}
input{
border:1px solid #00379d;
}
/* Ids*/
#contenedor{
background: white;
border: #0174DF 10px solid;
width: 950px;
border-top: 0px;
border-bottom: 0px;
margin:auto;
}
#head{
width: inherit;
height: 190px;
border: #58ACFA 0px solid;
border-bottom-width:
}
#menu{
border: #58ACFA 0px solid;
height:44px;
background: url(imagenes/menu.jpg) repeat-x;
}
#lateral{
width:300px;
background: #d9d8d8;
float:left;
border: 2px solid #a1a3b0;
border-bottom: 0px;
border-top: 0px;
border-left: 0px;
}
#content{
float:left;
border: 0px solid black;
width: 590;
border-top:0px;
border-bottom: 0px;
}
div#content{
padding: 20px;
padding-top: 2px;
margin-left: 5px;
background: white;
}
#pie{
clear:both;
width:100%;
border: 0px;
height: 25px;
background: #0064d2;
padding-top: 5;
text-align: center;
color:cccccc;
}
/*menu horizontal*/
ul.menu {
padding:0px;
padding-top:9px;
margin:0px;
list-style:none;
float:left;
clear:both;
width: 450px;
border:0px;
}
ul.menu li{
float:left;
}
ul.menu li a{
padding-left:0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right:5px;
color:white;
text-decoration:none;
display:block;
margin:0px;
}
ul.menu li a:hover{
background: #58ACFA;
}
ul.menu li a:visited{
color: white;
}
/* Fin menu horizontal*/
/*menu vertical*/
ul.menuv {
border:0px;
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:5px;
}
ul.menuv li{
color:black;
border:0px;
border-bottom:1px solid #a1a3b0;
list-style-type:circle;
}
ul.menuv li a{
display:block;
color:#0064d2;
text-decoration:none;
}
ul.menuv li a:hover{
background:#DFDFDF;
color:white;
}
/*Clases*/
.entrada{
background: white;
width: 600px;
}
.destacado{
border: 0;
margin-bottom: 10px;
}
.logo{
background-image: url(imagenes/logo.jpg);
width: 400px;
height:162px;
}
.box{
margin: 10px 25px;
padding-left:10px;
padding-right:10px;
background: white;
padding-bottom: 2px;
}
.login{
text-align:right;
padding-top: 10px;
padding-right: 8px;
color: white;
margin-top: 0px;
}
/*pseudo clases*/
h1, h3:hover{
text-decoration: underline;
}
a:visited{
color:#0064d2;
}
a:link{
color:#0064d2;
}
input:hover{
background: #CEECF5;
}
/*Tabla de titulares*/
td.imagen_tabla img{
width:140px;
text-align:left;
height:104px;
}
table.titulares td{
border-right: 0px dashed #cccccc;
padding-left: 0px;
}una ayuda porfavor
Gracias por adelantado.
n aun no e podido arreglarlo :s 