hi,
if you go to www.christinebe c.com/About CB/selected_editor ials to view the images, I tested it out in Firefox and it displays properly but in IE7 the larger images overlap and don't display properly.
This is the doctype I used:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
The css & html I used are:
div.float {float: left; width: 125px; padding: 10px; margin: 45px;}
div.floatLarge {float: left; width: 125px; padding: 0 25px 0 25px; margin: 85px;}
<div class="float">
<a href="../images/figaro%201996%2 0big.png"><img src="../images/figaro 1996 small.png" alt=" Figaro 1996" border="0" class="float"></a></img></div>
<div class="floatLar ge">
<a href="../images/weekend%20teleg raph%20mar%2019 97%20big.png">< img src="../images/weekend telepgraph mar 1997 small.png" alt="Weekend Telegraph March 1997" border="0" class="floatLar ge"></a></img></div>
any help will be appreciated
if you go to www.christinebe c.com/About CB/selected_editor ials to view the images, I tested it out in Firefox and it displays properly but in IE7 the larger images overlap and don't display properly.
This is the doctype I used:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
The css & html I used are:
div.float {float: left; width: 125px; padding: 10px; margin: 45px;}
div.floatLarge {float: left; width: 125px; padding: 0 25px 0 25px; margin: 85px;}
<div class="float">
<a href="../images/figaro%201996%2 0big.png"><img src="../images/figaro 1996 small.png" alt=" Figaro 1996" border="0" class="float"></a></img></div>
<div class="floatLar ge">
<a href="../images/weekend%20teleg raph%20mar%2019 97%20big.png">< img src="../images/weekend telepgraph mar 1997 small.png" alt="Weekend Telegraph March 1997" border="0" class="floatLar ge"></a></img></div>
any help will be appreciated
Comment