Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Oct 2008
    Posts
    2
    Member #
    17600
    Hi All

    I hope you can help.

    I am developing a site and an image map renders in IE but not FFox et al. I have wrestled with this for hours and got nowhere. This is driving me crackers! Please help!

    Thanks

    Creebo

    See
    http://www.skryll.co.uk/ypn/

    CSS

    * { padding: 0; margin: 0; }

    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    background-image:url("media/grad.jpg");
    }
    #wrapper {
    margin: 0 auto;
    width: 922px;
    background:#fff;
    }
    #header {
    color: #333;
    width: 902px;
    float: left;
    padding: 0 10px;
    border: 0px solid #ccc;
    height: 150px;
    margin: 10px 0px 0px 0px;
    background-color:#fff;
    background-image:url("media/masthead.jpg");
    background-repeat:no-repeat;
    }
    #leftcolumn {
    color: #333;
    border: px solid #ccc;
    background: #fff;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    width: 120px;
    float: left;
    }
    #content {
    float: left;
    color: #333;
    border: px solid #ccc;
    background: #fff;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    width: 612px;
    display: inline;
    }
    #content h1 {
    font-size:13px;
    padding:10px 20px;
    background-image:url(media/h1bg.gif);
    background-repeat:no-repeat;
    color:#fff;
    margin-top:6px;
    }
    #content h2 {
    font-size:13px;
    color:#707070;
    margin:5px;
    }
    #content p {
    line-height:20px;
    padding:5px;
    text-align:justify;
    }
    #content a {
    color:#dc1c43;
    font-weight:bold;
    }
    #map {
    float:right;
    padding-left:10px;
    margin-top:0px;
    }
    #map h2{
    padding-top:0;
    margin-top:-20px;}
    #rightcolumn {
    color: #333;
    border: px solid #ccc;
    background: #fff;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    width: 130px;
    float: left;
    }
    #rightcolumn h2 {
    font-size:13px;
    color:#fff;
    margin:5px 12px;
    background-image:url("media/ypn.jpg");
    background-repeat:no-repeat;
    padding:9px 21px;
    }
    #rightcolumn img{
    margin-top:10px;}
    #footer {
    width: 902px;
    clear: both;
    color: #fff;
    border: px solid #ccc;
    background: #dc1c43;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    font-size:.7em;
    text-align:center;
    }

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Check this against yours. This works in ff for me.
    http://www.htmlcodetutorial.com/imag...msupp_220.html

  4. #3
    Junior Member
    Join Date
    Oct 2008
    Posts
    1
    Member #
    17603
    Try this image map tool out.

    http://www.image-maps.com

  5. #4
    Junior Member
    Join Date
    Oct 2008
    Posts
    2
    Member #
    17600
    Thank you for the advice. Sorted!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:47 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com