• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS Coding

Bman

OSNN Veteran Original
#1
I have this code in place, for a popup box.

a.info:hover .infobox {
font-weight: normal;
display:block;
position:absolute;
top:20px;;
left:0;;
width:205px;
height:70px;
border: 1px solid #ccc;
background:#84be84 url(question.gif) no-repeat bottom right;
color:#000;
text-align:left;
font-size:0.7em;
padding-left:10px;
padding-top:10px;

how would I make it so the box was rounded off?
 

zeke_mo

(value not set)
Staff member
Political User
#2
You could add an image to the top and bottom of it I suppose

make the backgroud transparent of course






sloppy ps work >.<
 

Attachments

Last edited:

zeke_mo

(value not set)
Staff member
Political User
#4
If you backgroud is black, then add the same color image to the top and end of the box, like this one...much smaller of course :)
 

Attachments

Bman

OSNN Veteran Original
#9
I know why it wasen't working, that's for a box with rounded corners, I'm talking about a box that opens up when your mouse hovers over something, which right now is a square box, I want it rounded..
 
#11
maybe ...

-moz-border-radius for firefox
border-radius for CSS3 supporting browsers.

no guarantees its going to work on tooltips though.
 

Members online

No members online now.

Latest posts

Latest profile posts

Hello, is there anybody in there? Just nod if you can hear me ...
Xie
What a long strange trip it's been. =)

Forum statistics

Threads
61,961
Messages
673,239
Members
89,013
Latest member
Pdawgintown