¿Qué parte del código necesitas? Perdona, pero soy nueva en esto y no sé muy bien como funciona
Código HTML
<body >
<div id="contenedor">
<!-- PARTE IZDA-->
<div id="izda">
<a href="quien.html">¿Quiénes somos?</a></td></tr>
</div>
<!--PARTE DERECHA-->
<div id="dcha">
<a href="images/gDSCN4180.jpg" " title="prueba">
<img src="images/pDSCN4180.jpg" /> </a>
<a href="images/gDSCN4180.jpg" title="prueba">
<img src="images/pDSCN4180.jpg" /> </a>
<a href="images/gDSCN4180.jpg" title="prueba">
<img src="images/pDSCN4180.jpg" /> </a>
</div>
</div> <!-- CONTENEDOR-->
</body>
Código CSS:
body {
margin: 0;
height: 100%;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#contenedor {
width: 800px;
height: 600px;
border:0px solid #123456;
background-color: green;
margin-left: auto;
margin-right: auto;
min-width: 750px;
max-width: 950px;
text-align:left;
padding: 5px;
}
#izda{
padding:0;
width:200px;
height:100%;
border: 3px solid #155900;
float:left;
}
#dcha{
padding:0;
height:100%;
border: 1px solid red;
}
a img {
border:1px solid #000000;
}
div, p {
font-family: Verdana;
line-height: 140%;
color: #000000;
font-weight: bold;
font-size: 20px;
}
a:link, a:visited{
font-family:Times;
color: white;
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: none;
color: navy;
font-family:Times;
font-size:23px;
font-weight:bold;
font-style:italic;
padding:2px;
display:block;
background-color: silver;
}
a:hover img{
border:1px solid red;
}