Bman

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

You could add an image to the top and bottom of it I suppose

make the backgroud transparent of course






sloppy ps work >.<

Attached Thumbnails

 

---

Bman

what do you mean, remember I'm new at this...

---

zeke_mo

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

Attached Thumbnails

 

---

Bman

alright, I guess I can try that...is there a simpler way anyone?

---

zeke_mo

I tend to make things as complicated as I can

---

zeke_mo

Found this on google just a few mins ago
http://www.neuroticweb.com/recursos/css-rounded-box/
but you still need to make images

---

Bman

none of them work, even if I write down what they say, it dosent work...

---

Bman

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..

---

Bman

no ideas?

---

Geffy

maybe ...

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

no guarantees its going to work on tooltips though.

---