asked on

Converting From Frames to CSS and Div Tags

I am trying to convert from using frames to using CSS and Div Tags. I am having problems with my graphics not displaying correctly in my banner Div. There is a large gap where a repeat is not working.

Here is what I tried to do with a Div tag it isn't working:

<Div id=banner style="margin: 0; background: url(/Web_Dev_Pro/images/v8/banner_middle_bg.jpg) repeat-x;">
<map name=banner_map>
<area coords="45,20,240,50" href="home link">
</map>
<img src=/Web_Dev_Pro/images/v8/login-top-graphic.jpg align=left hspace=0 width=195 height=60>
<img src=/Web_Dev_Pro/images/v8/banner_left.jpg align=left hspace=0>
<img src=/Web_Dev_Pro/images/v8/banner_right.jpg align=right hspace=0 border=0 usemap=#banner_map>
</Div>

What is the correct CSS and Div code to fix this?

Thanks!

Here is the old Frame:
 
<html>
<head></head>
<frameset border=0 rows="0,60,*">
  <FRAME src="blank.html" name="HiddenScreen" noresize scrolling=no>
  <frame scrolling=no name="MainFrame" src="banner.htm"> 
  <frameset cols="151,*">
  <frameset rows=102,*">
    <frame name="navframe" scrolling=no src="top_left.htm">
    <frame name="menuframe" src="left.htm">
  </frameset>
  <frame name="details" src="login.htm" noresize>
  </frameset>
</frameset><noframes></noframes>
</html>
 
Here is the banner htm:
 
<html>
<head>
</head>
<body style="margin: 0; background: url(banner_middle_bg.jpg) repeat-x;">
 <map name=banner_map>
  <area coords="45,20,240,50" href="home link">
 </map>
 <img src=login-top-graphic.jpg align=left hspace=0 width=195 height=60>
 <img src=banner_left.jpg align=left hspace=0>
 <img src=banner_right.jpg align=right hspace=0 border=0 usemap=#banner_map><br> 
</body>
</html>

Open in new window

EX-CSS-001.jpg

ASKER CERTIFIED SOLUTION

David S.

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial