B
Bruno
I have the following code in my page and want the images to be surrounded by
a 150 x 150 border despite the size of each image. What have I done wrong?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
..imgsmall {
border: 2px solid #656051;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
width: 150px;
height: 150px;
}
..imgnav {
position: absolute;
left: 32%;
top: 130px;
}
</style>
</head>
<body>
<div class="imgnav">
<div class="imgsmall"><a href="design_red_dress.php"><img
src="images/rtw_ladies.jpg" alt="Click here to see a larger image and
description." /></a></div><div class="imgsmall"><a
href="design_trouser_suit.php"><img src="images/rtw_mens.jpg" alt="Click
here to see a larger image and description."/></a></div>
</div>
</body>
</html>
a 150 x 150 border despite the size of each image. What have I done wrong?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
..imgsmall {
border: 2px solid #656051;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
width: 150px;
height: 150px;
}
..imgnav {
position: absolute;
left: 32%;
top: 130px;
}
</style>
</head>
<body>
<div class="imgnav">
<div class="imgsmall"><a href="design_red_dress.php"><img
src="images/rtw_ladies.jpg" alt="Click here to see a larger image and
description." /></a></div><div class="imgsmall"><a
href="design_trouser_suit.php"><img src="images/rtw_mens.jpg" alt="Click
here to see a larger image and description."/></a></div>
</div>
</body>
</html>