CSS - Blogger - Image Map

Discussion in 'HTML & Website Design' started by dbmathis, Feb 14, 2009.

0
  1. #1
    Hi All,

    I have the following CSS code on my blogger site and I would like to make this image into an image map without altering the site. I have been searching Google for solutions but have not found anything.

    #main-top {
	width:900px;
	height:584px;
        background:#000033 url("http://tmfamily.info/blogger/reverie.jpg");
	margin:0px;
        padding:0px;
	display:block;
}
    Code (markup):
    body#layout #main-top { 
 display:none;
}
]]></b:skin>
</head>

<body>
  <div id='outer-wrapper'>

<div id='main-top'/> <!-- placeholder for image -->
    Code (markup):
    Sorry for the ignorance, I'm still learning CSS.

    Best Regards

    David
     
    dbmathis, Feb 14, 2009 IP
  2. dbmathis

    dbmathis Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    nm, I figured it out.
     
    dbmathis, Feb 14, 2009 IP
  3. dbmathis

    dbmathis Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Actually my solution only worked in Chrome. I am still open to suggestions.
     
    dbmathis, Feb 14, 2009 IP
  4. dbmathis

    dbmathis Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    One more try, can anyone help me with this?
     
    dbmathis, Feb 17, 2009 IP