Quick CSS Widget Help :D

1 replies
  • WEB DESIGN
  • |
Hey I have a widget I'm making, you can see it here - Official Review - Reviews You Can Trust

What I want to do is make the red X clickable to close the widget. How would I do this? I was thinking an invisible gif aligned over the X?

If anyone could help me I would be forever grateful!!
#css #quick #widget
  • Profile picture of the author indexphp
    which Lightbox script is the thing using? im too lazy to look but they all have a close function.

    you can just do absolute positioning WITHIN relative positioning.

    Code:
    <div id="widgetbox">
    .....blah
    </div>
    Code:
    div#widgetbox{
    position:relative;
    }
    and the absolutely position a close anchor to the top-right where the red x is.

    Code:
    a.close{
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    top:0
    right:0;
    }
    {{ DiscussionBoard.errors[2411681].message }}

Trending Topics