1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Quick HTML Problem!

Discussion in 'HTML & Website Design' started by projectWORD, Nov 4, 2010.

0
  1. #1
    Hi,

    I have two images.

    One is a background image set in CSS. The other is an image set in HTML - <img src.....>.

    The HTML image must be square but I want to overlay the background image which has a window cut out of it to make the square image look curved.

    I have been trying to use z-index, is this correct? Is there a better way of doing this?

    Please see attachment for a basic sketch.

    Any help would be appreciated.

    Thanks

    The black line is the background image with a window cut out, the red line is where the square foreground image should lie.
    ImageFrame.jpg
     
    projectWORD, Nov 4, 2010 IP
  2. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #2
    cut the image in to three part as top, middle and bottom and make the top and bottom in <img src ...> and middle image as background.
     
    karthimx, Nov 4, 2010 IP
  3. secretja

    secretja Peon

    Messages:
    217
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi,

    do U have this somewhere on web that I can see?
     
    secretja, Nov 4, 2010 IP
  4. bloggernutshell

    bloggernutshell Greenhorn

    Messages:
    73
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #4
    Hi there.. Check your inbox.. I send you a message .
     
    bloggernutshell, Nov 6, 2010 IP
  5. mikepua

    mikepua Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You can post a sample page on the web so we can see it's code.
     
    mikepua, Jul 25, 2011 IP