Quick CSS Widget Help :D

by 1 replies
1
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!!
#website design #css #quick #widget
  • 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;
}
Join the discussion

Next Topics on Trending Feed

  • 1

    Quick CSS Widget Help :D

    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?