Ramka w html, Tak dokładnie to nie ramka, ale nie ma lepszego słowa Opcje

[mlawnik]

Witam,
chciałbym stworzyć efekt taki jak na tym zdjęciu:

(IMG:http://s3.envato.com/files/259140/4_SuccessMessage.jpg)
i tym:
(IMG:http://s3.envato.com/files/259140/2_AdvancedErrorHandling.jpg)

ikonkę z pierwszego screenshota mam. (należy do zestawu silk icons z famfamfam.com tu)

Czy ktoś pomógłby mi w tym?

P.S. Ma to być część mojego pierwszego większego projektu który jest tu

Pozdrawiam i z góry dziękuję,
mlawnik

Ten post edytował mlawnik 25.04.2010, 13:19:59

[mlawnik]

Znalazłem rozwiązanie.
Ale najpierw kilka rzeczy.
--> Dziękuję @krzysztof_kf za kod bazowy i pokazanie mi podejścia.
--> Dziekuję @darophp za dobre chęci
--> @pedro84 nie zrozumieliśny się (źle się wyraziłem) (IMG:style_emoticons/default/sciana.gif)
--> FF i Chrome jest z zaokrąglonymi rogami w IE nie (innych nie sprawdzałem).
--> dokonałem używając Developer Tools w Google Chrome (to nie jest reklama).
--> zaokrąglone rogi odpowiadają atrybuty:

[HTML] pobierz, plaintext 
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
[HTML] pobierz, plaintext 

A teraz rozwiązanie:

CODE

<style>
#text {
background: #99FF99;
border: 1px solid #336600;
-moz-border-radius: 5px;
display: block;
margin-top: 1em;
margin-right: 0px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
height: 38px;
width: 500px;
}

#text p {
font-size: 12px;
color: #336600;
font-family: "Trebuchet MS";
font-weight: bold;
margin-bottom: 11px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
text-indent: 8px;
height: 16px;
background: url(http://codecanyon.jordanh.net/demo/assets/accept.png) no-repeat;
background-position: 10px;
padding-left: 22px;
}
</style>

<div id="text">
<p>Jaki tam tekst Jaki tam tekst Jaki tam tekst Jaki tam tekst <a href="http://adres strony">opis</a> </p>
</div>

Jescze raz dziękuję za pomoc.
Pomógł dla wszystkich.