[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 180
  • Last Modified:

Problem with position an image?

I have this image that I position for image mapping and it looks great on IE but when I run it on Netscape the page gets messed up because the 3_montage.gif files get set on the wrong position.  Is there a reason or a fix so that both behave the same?

Thanks                              <IMG border=0 isMap src ="images/3_montage.gif"
                               style ="LEFT: 180px; POSITION: absolute;
                               TOP:130px" useMap=#mainImage
                              >
                      
                              <MAP NAME="mainImage">
                                    <AREA SHAPE="RECT" COORDS="210,68,400,100" HREF="custmer.html" NAME = "crmflip" OnMouseOver="imageMapPosition(1, 1)" OnMouseOut="imageMapPosition(1, 0)">
                                    <AREA SHAPE="RECT" COORDS="235,110,360,140" HREF="salesmark.html" NAME = "smrkflip" OnMouseOver="imageMapPosition(2, 1)" OnMouseOut="imageMapPosition(2, 0)">
                                    <AREA SHAPE="RECT" COORDS="245,145,360,160" HREF="ccenter.html" NAME = "ccenterflip" OnMouseOver="imageMapPosition(3, 1)" OnMouseOut="imageMapPosition(3, 0)">
                                    <AREA SHAPE="RECT" COORDS="245,185,360,200" HREF="financials.html" NAME = "finflip" OnMouseOver="imageMapPosition(4, 1)" OnMouseOut="imageMapPosition(4, 0)">
                                    <AREA SHAPE="RECT" COORDS="235,220,360,245" HREF="busintel.html" NAME = "busnflip" OnMouseOver="imageMapPosition(5, 1)" OnMouseOut="imageMapPosition(5, 0)">
                                    <AREA SHAPE="RECT" COORDS="205,260,365,285" HREF="custmserv.html" NAME = "custmservflip" OnMouseOver="imageMapPosition(6, 1)" OnMouseOut="imageMapPosition(6, 0)">
                                    <AREA SHAPE="RECT" COORDS="110,290,330,320" HREF="enterprise.html" NAME = "entrflip" OnMouseOver="imageMapPosition(7, 1)" OnMouseOut="imageMapPosition(7, 0)">
                              </MAP>

                              <IMG  border=0 name=crmflip src="images/blank_text.gif"       style    ="LEFT: 180px; POSITION: absolute; TOP: 192px" >
                              <IMG  border=0 name=smrkflip src="images/blank_text.gif" style="LEFT: 180px; POSITION: absolute; TOP: 192px">                  
                              <IMG  border=0 name=ccenterflip src="images/blank_text.gif"       style    ="LEFT: 180px; POSITION: absolute; TOP: 192px" >            
                              <IMG  border=0 name=finflip src="images/blank_text.gif"       style    ="LEFT: 180px; POSITION: absolute; TOP: 192px" >            
                              <IMG  border=0 name=busnflip src="images/blank_text.gif"       style    ="LEFT: 180px; POSITION: absolute; TOP: 192px" >                                    
                              <IMG  border=0 name=custmservflip src="images/blank_text.gif"       style    ="LEFT: 180px; POSITION: absolute; TOP: 192px" >                                                            
                              <IMG  border=0 name=entrflip src="images/blank_text.gif"       style    ="LEFT: 180px; POSITION: absolute; TOP: 192px" >
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                                        
0
eric07
Asked:
eric07
  • 3
1 Solution
 
oubelkasCommented:
Problem here is that NS can't handle CSS. So it ignores the stylesheet. That's why the images are messed up.
For positioning the images you might use tables.

J.
0
 
messentaryCommented:
give it to oubelkas.  he/she nailed it for you.
0
 
oubelkasCommented:
Hahaha, messentary, you can say he.....

;-)

J.


0
 
eric07Author Commented:
Thank you for the answer
0
 
oubelkasCommented:
Your welcome ;-)

J.
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now