[CSS]Zaokrąglanie rogów border w css Opcje

[Ziom73]

Witam!
Chciałbym zaokrąglić górne rogi mojej stronki. Niestety obrazki się nie wyświetlają:

[CSS] pobierz, plaintext 
#wrap {
margin: 20px auto;
padding: 10px;
width: 650px;
background: #fff;
border: 1px solid #aaa;
border-top-right-image: url(bg-1.png);
border-top-left-image: url(bg-2.png);
}
[CSS] pobierz, plaintext 

Ramka się wyświetla, jednak bez obrazków. Jak zrobić, aby były obrazki w górnym-lewym/prawym rogu?

Za pomoc z góry dziękuję!

[seth-kk]

a twoja przegladarka wspiera CSS3 na tym poziomie?

[raak07]

Cześć
może to się przyda

[HTML] pobierz, plaintext 
 
<style type="text/css">
.ramka{
    border-style: solid; 
    border-color: #9C7823;
    display: block; 
    background-color: #FFFFFF;
    overflow: hidden;
}
</style>
 
<div style="border-width: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; width: 670px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" >
<b  class="ramka" style="border-width: 1px 1px 0pt; margin: 0pt 12px; height: 0.1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 3px; margin: 0pt 9px; height: 1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 2px; margin: 0pt 7px; height: 1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 6px; height: 1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 5px; height: 1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 4px; height: 1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 3px; height: 1px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 2px; height: 2px; line-height: 0px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 1px; height: 3px; line-height: 0px;"></b>
<div class="ramka" style="border-width: 0px 1px; padding: 1px 25px; ">
 
</div>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 1px; height: 3px;"></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 2px; height: 2px; "></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 3px; height: 1px; "></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 4px; height: 1px; "></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 5px; height: 1px; "></b>
<b class="ramka" style="border-width: 0pt 1px; margin: 0pt 6px; height: 1px; "></b>
<b class="ramka" style="border-width: 0pt 2px; margin: 0pt 7px; height: 1px; "></b>
<b class="ramka" style="border-width: 0pt 3px; margin: 0pt 9px; height: 1px; "></b>
<b class="ramka" style="border-width: 0pt 1px 1px; margin: 0pt 12px; height: 0.1px; display: block; background-color: #FFFFFF;"></b>
</div>
 
[HTML] pobierz, plaintext 

Pozdrawiam

[Ziom73]

Zaje...fajne, dzięki, nie wiedziałem, że tak też można ;-)
Tylko wycentruję i trochę spód przerobię i będzie idealnie, jeszcze raz dzięki!

Ten post edytował Ziom73 23.11.2009, 20:47:49