Web Analytics Made Easy -
StatCounter css postioning - CodingForum


No announcement yet.

css postioning

  • Filter
  • Time
  • Show
Clear All
new posts

  • css postioning


    I am new to the forums and I hope you can help me out.

    I am designing a website which will have four hover buttons in the corners and flash content in the middle.

    Uploaded with ImageShack.us

    I am using the following code for the buttons which works fine:
    div.container { position:relative; }
    img.positioned { position:absolute; height:63px; width:122px; }
    img#topleft { top:0; left:0; }
    img#topright { top:0; right:0; }
    img#bottomleft { bottom:0; left:0; }
    img#bottomright { bottom:0; right:0; }

    <div class="container">
    <img src="image.gif" class="positioned" id="topleft">
    <img src="image.gif" class="positioned" id="topright">
    <img src="image.gif" class="positioned" id="bottomleft">
    <img src="image.gif" class="positioned" id="bottomright">

    But I am having difficulty to position the flash content.

    What I need is the html and css to position the 4 buttons with a hover effect and the flash content.

    Thanks in advance for your help.