What do I have to do so the image (foto) fits right in block (link)?
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“
<HTML>
<head>
<meta http-equiv=”content-type” content=”text/ html; charset=UTF-8″>
<title>Eduard Lid</title>
<link rel=”stylesheet” type=”text/css” href=”ex1.css”>
</head>
<body>
<div class=”english”>
<a href=”http://www.hospedajenicolas.com”><img src=”*p38zBBShgNoYDPQAmuV0B6zyz7JLWOAQX8Gi*49VRoLM1QJV
</div>
<div class=”argentinian”>
<a href=”http://www.hospedajenicolas.com”><img src=”
</div>
<div class=”profile”>
<a href=”
</div>
<div class=”equal”>
</div>
<div id=”content”>
<img width=”320″ height=”256″ align=”left” style=”border-right:2px solid grey” src=”camara 2011 049.JPG” id=”lake” alt=”lake”>
<img width=”320″ height=”256″ align=”right” style=”border-left:2px solid grey” src=”me.JPG” id=”me” alt=”img Eduard Lid”>
<p>webdesign diseñador de sitios web</p>
<p>database base de datos</p>
<p>translator traductor</p>
<p> spanish german inglés alemán
<br>
<br>
<br>
<br>
<h2 style=”text-align:center;font-family:verdana,helvetica,sans-serif; color:#000000;”>Eduard Lid</h2>
</div>
</body>
</HTML>
*{
margin:0px;
padding:0px;
}
.equal
{
border-style:solid;
border-width:0;
border-bottom-width:0;
border-color:#808080;
margin:5px;
height:195px;
}
.english
{
border-style:solid;
text-decoration:none;
display:block;
border-width:0;
width:80px;
height:50px;
}
{
a:hover,a:active
background-color:;
}
.argentinian
{
background-color:
border-style:solid;
border-width:0px;
text-decoration:none;
display:block;
border-width:0px;
width:80px;
height8%;
}
{
a:hover,a:active
background-color:
}
.profile
{
display:block;
color:#FFFFFF;
background-color:#FFFFFF;
text-align:center;
border-style:solid;
border-width:0px;
width:67px;
height:88px;
padding:7px;
}
{
a:hover,a:active
background-color:;
}
body
{
background-color:#9370D8
}
#content
{
background-color:#F8F8FF;
border-style:solid;
border-color:#808080;
height:256px;
border-width:4px;
font-family:verdana,arial,sans-serif;
}
p
{
white-space: pre;
}